Cómo centrar los títulos de las entradas

Para centrar el titulo de las entradas, dependieno de sus plantillas, deben colocar la siguiente línea debajo de la línea para el titulo de las entradas en sus plantillas:

text-align: center;

Según la antigüedad o como tengan de personalizada su plantilla (*Plantillas premium, más abajo lo muestro), la línea que les muestro arriba irá debajo de alguna de las siguientes líneas; por ejemplo mi plantilla usa la primera línea (en verde), la ruta sería: Plantilla / Editar HTML 

h3.post-title {

.post-title {

.post h3 {

.post-title { margin: 0; padding: 10px;

Ahora, presionando las teclas Control + F verás un buscador que sirve para usarlo en cualquier página, coloca el comando, ej: h3.post-title { y él te aproximará o ubicará en el lugar preciso.

Busquen cualquiera de las cuatro líneas que les muestro arriba en su plantilla; ahora solo tienen que ubicar la línea para centrar, debajo de la línea de titulo que ustedes usen; como ejemplo les muestro la mia.

h3.post-title {

    text-align: center;

    margin: 0;

    font: $(post.title.font);

} 

En algunas plantillas antiguas, tal vez sea necesario no dejar un espacio entre :y center , quedando de la siguiente manera:

text-align:center;

*Para una plantilla de las que se consiguen con diseños ya hechos en páginas especializadas para plantillas, es muy probable que no vean ninguno de los códigos de arriba, por lo general la parte del titulo en estas plantillas es así:

<b:if cond='data:post.title'>
<div style="text-align: center;">
      <h3 class='post-title entry-title'>
       <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
</div>
    </b:if>

Solo tendrían que agregarle las etiquetas <div>, que están en color rojo, como pueden darse cuenta en este caso la estiqueta div se coloca sobre el <h3 class='post-title entry-title'> y no debajo de él, el cierre del </div> va sobre el último cierre del </b:if>, la mayoría de veces es fácil saber donde termina ya que después sigue un nuevo <div>

Como tip adicional, si el titulo de la entrada es muy largo y quieren visualizarlo en dos renglones, la forma de hacerlo es agregando el comando <br> para separar los renglones; lo único extraño sería que en la etiqueta del titulo en la pestaña se vería el <br>, pero en realidad no importaría mucho para cuando se realice una busqueda por parte de un robot (Buscador).

                          Imprimir artículo