Widget: Encabezado y Texto

textos | títulos | encabezados | h1 | h2

Daniel

Última actualización hace 3 años

Desde Añadir widget>Básicos agregamos en el editor los widgets de encabezado y de texto. Son dos módulos prácticamente iguales y que utilizaremos muchos en nuestros diseños.


Con el widget de encabezado, insertamos los títulos que van marcados en lenguaje html con las etiquetas h1, h2, h3, h4, h5 y h6. Sirven para estructurar el contenido de cada página y darles un título de mayor a menor importancia.

Importante: Google lee estas etiquetas, y no si un título tiene un tamaño de letra mayor o menor. Es decir: Un encabezado h6 con un tamaño de letra de 60px tendrá menos importancia para Google que un encabezado h1 con un tamaño de 12px. Lo que importa es la etiqueta.

La única diferencia entre el widget del encabezado y el de texto, es que en uno de texto podemos elegir los siguientes tipos de texto:


  • Normal: es un párrafo de texto sin más. Etiqueta de párrafo <p> en html.
  • Cita: es el párrafo que se utiliza para citar algo que ha dicho otra persona. Y que lleva una barra lateral de color en la parte izquierda. Etiqueta <quote> en html.
  • Código: si queremos escribir código como css o Javascript. Etiqueta <code> en html.
  • Todas las etiquetas de encabezado que ya tiene el otro widget.


El resto de opciones de izquierda a derecha son:


  • Marcar texto en negrita
  • Marca texto en cursiva
  • Cambiar texto a subrayado, tachado, superíndice y subíndice (todo dentro del mismo desplegable)
  • Seleccionar familia tipográfica o fuente (se incluye algunas tipografías por defecto, más las que hayamos añadido en Estilos globales>Añadir fuentes)
  • Tamaño de letra
  • Altura de línea (para que las líneas de texto no se junten)
  • Color del texto
  • Color del fondo del texto
  • Lista desordenada (con puntos) - solo en el widget de texto
  • Lista ordenada (con números) - solo en el widget de texto
  • Alinear a izquierda, derecha o centrado
  • Enlazar el texto con un enlace externo, interno, archivos, etc.
  • Insertar una imagen dentro del texto (que también podremos alinear) - solo en el widget de texto
  • Eliminar el estilo, que es la goma de borrar que vemos en el extremo derecho. Esto hace que cualquier texto vuelva al estilo original que hayamos preconfigurado en Estilos globales>Estilos de texto.
Nota: Aunque con el widget de texto podamos también insertar títulos, aconsejamos utilizar cada widget para la función que tiene asignada. Esto nos ayuda a organizar el contenido y a mover los widgets de sitio cuando sea necesario.

¿Te ha sido útil el artículo?

A 0 de 0 les gusta este artículo