Cambios en el titulo parte I, Entendiendo las cosas basicas, WordPress

Generalmente dependiendo de la persona que realizó el diseño de tu blog, todo lo que sea título, se define como head, o encabezado (si se traduce)
En mi blog este código que presento a continuación define la mayoría de los cambios que se pueden hacer en el título.
(esto es parte de lo que se define como, hojas de estilo (CSS): por ejemplo, en ellas se escribe: el titulo 1 será así(tipo letra, color, otros), el título 2 será asá, entonces, cuando comienza el código del blog, solo se utiliza la palabra titulo 1 y no es necesario volver a definir el color, el tipo de letra, el tamaño, cada vez que se quiera hacer algo con este título)
La hoja de estilo es independiente del tipo de plataforma que se utiliza, la única diferencia es en donde se puede editar esta CSS.

En el caso de wordpress la hoja de estilos se encuentra en el archivo style.css al cual se puede acceder mediante el menu Presentación y luego Editor de Tema. Ahi puedes realizar todos los cambios que necesites, si tu servidor de wordpress te lo permite.

  1. /* Header */
  2. #blog-header {
  3.  color: #ffe;
  4.  background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom left repeat-x;
  5.  margin: 0 auto;
  6.  padding: 0 0 15px 0;
  7.  border: 0;
  8.  }
  9. #blog-header h1 {
  10.  font-size: 24px;
  11.  color: #FFE;
  12.  text-align: left;
  13.  padding: 15px 20px 0 20px;
  14.  margin: 0;
  15.  background-image: url(http://www.blogblog.com/moto_son/topper.gif);
  16.  background-repeat: repeat-x;
  17.  background-position: top left;
  18.  }
  19. #blog-header p {
  20.  font-size: 110%;
  21.  color: #ffe;
  22.  text-align: left;
  23.  padding: 3px 20px 10px 20px;
  24.  margin: 0;
  25.  line-height:140%;
  26.  }

y esta otra parte:

  1. h2, h3, h4, h5 {
  2.  margin: 25px 0 0 0;
  3.  padding: 0;
  4.  }
  5. h2 {
  6.  font-size: large;
  7.  }
  8. h3.post-title {
  9.  margin-top: 5px;
  10.  font-size: medium;
  11.  }

ALGUNAS DEFINICIONES:

color:
obviamente es el color, en header h1 es el del título y en p es el de la descripción.
text-align: alineación del texto, puede ser right(derecha), left(izquierda), center(centrado). Solo es necesario reemplazar en este caso left por la que quieran.
font-size: es el tamaño de la letra no deben borrar el px, solo cambien el numero.
padding: corresponde a los margenes (px o em). Si escriben un solo valor, por ejemplo 5px ó 1em, se asume que es el margen con todos los lados (arriba, abajo, derecha, izquierda). Si especifican 4 valores, por ejemplo
padding: 0; 5px; 3px; 0px; Esto significa que tendra 0px de margen superior, 5px de margen derecho 3px de margen inferior y 4px de margen izquierdo
DESPUES SIGO

Artículos Relacionados

  • ¿Como puedo cambiar el Idioma del Panel de Administración de Blogger? Una vez que ingresan a la pagina principal, http://www.blogger.com/, buscan en la parte superior de la pagina de administración de Blogs de cada uno. Ahí aparece un mena desde donde […]
  • El uso de Technorati Tags para generar visitas. Bueno, colaboro con este sitio despues de mucho tiempo... Segun Enrique Dans, blogger español el motor de busqueda de Technorati proporciona una utilidad mas que el etiquetado social, ya […]
  • ¿Cuanto vale tu blog? Encontre una pagina donde solo poniendo la URL de tu Blog, te dicen cuanto vale! No creo que sea muy util pero para saber....es muy bueno. Haz Click AQUI para saber el Valor de tu […]
  • Fotos de los comentaristas, BloggerEsto es para mostrar imágenes para los comentaristas, ya sea de nosotros, los usuarios anónimos y los demás usuarios. Necesitaremos tres imágenes, uno para nuestros comentarios, otro para […]
  • Descarga los videos de Google Tambien esta en la pagina X-FLASH Esta herramienta online te permite bajar los videos que tiene google en su sitio de videos, simplemente pones la url del video que quieres bajar, y la […]
  • Cambiar el menu de tu Celular Ericsson con FarManager Hola como están, bueno les voy a explicar como hacer para cambiar el menú del Sony Ericsson en mi caso yo lo hice con un w800i pero debería funcionar con otros modelos de celular en […]
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *