Dividir el título de un post de WordPress en varias lineas

Para añadir los diálogos de Julia y Clara conmigo y con Xelo a veces me viene bien partirlo en dos lineas. Cuando publicaba directamente en Twitter tenía la opción de añadir un salto de linea, pero esto mismo no se puede hacer de manera en los títulos de las entradas de WordPress.

Lo que sí es posible, en cambio, es añadir HTML al título, ya que WordPress permite usar etiquetas HTML tanto en los títulos y en las etiquetas de los menús.

Mamá: ¿El radiador quema?. <em>Yo: Este no quema, es bueno.</em>

Así que lo que he hecho en este caso es añadir una etiqueta <em> (cursiva) y darle estilos a esa etiqueta para 1) Quitar la cursiva y 2) Cambiarle el display a inline-block y que salte a su propia linea.

.entry-title em {
  display:block;
  font-style:normal;
}

Este es el resultado:

Leave a Reply

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