Una buena tipografía es crucial para su sitio web. La tipografía incluye tipos de letra, diseños, iniciales, íconos y más. Gran parte de esto ahora se puede hacer con Gutenberg, pero los tipos de letra siguen siendo un área donde los complementos pueden marcar una gran diferencia. En este artículo, veremos algunas opciones para ayudarlo a elegir el mejor complemento de tipografía para WordPress.
1. Complemento Divi Builder
El complemento Divi Builder agrega Divi Builder a cualquier tema de WordPress. Incluye 800 fuentes de Google y puede agregar su clave API de Google para descargar automáticamente nuevas fuentes. También puedes subir más. Aunque el complemento Divi hace más que solo tipografía, es una excelente opción incluso si no aprovecha al máximo Divi Builder debido a la cantidad de funciones tipográficas que tiene. Las opciones de tipografía también están disponibles en Divi Theme.
Busque fuentes en cualquier módulo que contenga texto y vea una vista previa de cada fuente. Las fuentes utilizadas más recientemente se encuentran en la parte superior, lo que las hace fáciles de encontrar.
Las fuentes están completamente estilizadas. Estilo en línea o en la configuración del módulo. Ajuste cada tamaño de encabezado para cada módulo de forma independiente.
Haga que los estilos sean globales y extiéndalos a otros módulos con unos pocos clics.
Características clave:
- Fuentes y estilo de texto.
- Crear estilos globales.
- Personalice las fuentes de forma independiente para computadoras de escritorio, tabletas y teléfonos.
- Pon a prueba tus opciones tipográficas.
- Vista previa de estilos antes de aplicar.
- Ampliar los estilos.
- Copiar y pegar estilos.
- Administrador de colores.
- Buscar y reemplazar estilos.
- Sombras de texto.
Precio £: $ 89 por año, $ 249 de por vida | Más información
2. Usa cualquier fuente
Use Any Font es un simple complemento de tipografía de WordPress que le permite cargar nuevas fuentes.
Cargue nuevas fuentes en la pantalla de configuración. También puede agregar fuentes predefinidas.
Al seleccionar la opción Fuentes predefinidas, se abre una ventana modal donde puede buscar y seleccionar cualquier fuente deseada. Proporciona una vista previa para que sepa lo que está recibiendo. Hay cerca de 24.000 opciones para uso personal y comercial.
Asigne fuentes a cualquier elemento desde la pantalla de configuración. También puede agregar elementos personalizados.
Características clave:
- Asigna fuentes a cualquier elemento.
- Asignar a elementos personalizados.
- Enviar nuevas fuentes.
- Cerca de 24.000 fuentes predefinidas.
- La versión Pro agrega muchas fuentes cargadas.
Precio £: La versión pro gratuita comienza en $ 9.99 | Más información
3. Herramientas de edición avanzadas
Las herramientas de edición avanzadas funcionan tanto con Gutenberg como con el editor clásico. Agrega muchas opciones de tipografía y le permite personalizar la barra de herramientas del editor clásico tanto en el bloque clásico como en el editor clásico. Agrega un nuevo bloque de párrafo a Gutenberg. Si lo desea, también puede reemplazar el editor de bloques con el editor clásico.
La configuración de Gutenberg incluye barras de herramientas del editor de bloques, párrafos clásicos y bloques clásicos, botones de barra de herramientas no utilizados y una gran cantidad de opciones. La configuración se centra en la tipografía y le permite personalizar exactamente las funciones que desea.
También puede personalizar el Editor clásico con las mismas barras de herramientas, botones no utilizados y opciones.
Características clave:
- Agrega opciones de tipografía a los editores Gutenberg y Classic.
- Personaliza las barras de herramientas.
- Personaliza los colores del texto.
- Agregue un bloque de párrafo a Gutenberg.
- Reemplace el editor de bloques con el editor clásico.
Precio £: Gratis | Más información
4. Tipografía de fuentes de Google
Google Fonts Typography agrega un nuevo menú para personalizar temas con configuraciones básicas y avanzadas. Elija entre 998 fuentes de Google y aplíquelas a elementos específicos de su sitio web. Puede obtener una vista previa de las fuentes para saber cómo se ven antes de publicarlas.
Se agregará un nuevo menú al Personalizador de temas que incluye Configuración básica, Configuración avanzada, Carga de fuentes y Herramientas de depuración.
Configuración básica le permite seleccionar una familia de fuentes para tipografía básica, encabezados y botones. También puede elegir el peso y el estilo de la fuente.
Avanzado agrega configuraciones personalizadas para la marca, la navegación, el contenido, la barra lateral, el pie de página y la carga de solo fuente. Este ejemplo muestra la configuración de contenido.
También puede agregar fuentes de Adobe si tiene una clave API.
Características clave:
- Utiliza la personalización del tema.
- Incluye configuraciones básicas y avanzadas.
- Vista previa antes de publicar.
- La versión Pro agrega tamaño y color de fuente, se aloja localmente, optimiza la carga y carga fuentes personalizadas.
- Agregue fuentes de Adobe.
Precio £: La versión pro gratuita comienza en $ 59 | Más información
5. Fuente increíble
Font Awesome facilita la adición de iconos a su contenido. Puede usar iconos gratuitos o profesionales y elegir entre fuente SVG o fuente web. Los íconos se pueden cargar desde el CDN o el kit web. Los iconos se agregan al contenido mediante accesos directos o código HTML. La versión gratuita viene con más de 1600 íconos, y en la versión pro puedes agregar muchos más.
La pantalla de configuración le permite elegir entre fuentes Kit o CDN, Pro o Free, y fuentes SVG o Web. También puede elegir la versión y la compatibilidad que desea utilizar.
Este ejemplo muestra que los íconos de Font Awesome se agregan a mi contenido usando códigos abreviados.
El ícono que agregué ahora aparece en el cuerpo de la interfaz de usuario.
Características clave:
- Agregue iconos de Font Awesome con accesos directos o código HTML.
- Más de 1600 iconos para la versión gratuita.
- Use SVG o kit web.
- Seleccione un CDN o kit.
- La versión Pro viene con más de 7800 íconos, 4 estilos, 20 conjuntos profesionales alojados, 250 íconos cargados y mucho más.
Precio £: La versión pro gratuita cuesta $ 99 | Más información
6. Guía de estilo
Styleguide es un complemento de tipografía simple de WordPress que le permite elegir fuentes y colores a partir de temas personalizados. Viene con 45 de las mejores fuentes de Google y puedes agregar más con código. La compatibilidad de temas es limitada. Por defecto, no funciona con Divi. Si no funciona con su tema, debe agregar soporte de tema a través del código. Contener un ejemplo de código.
Se agregan opciones de estilo de fuente para personalizar su tema. La configuración incluye la fuente del encabezado, la fuente del cuerpo y el color de fondo. También tiene una opción de modo oscuro que agrega un botón en la parte inferior de la página.
Características clave:
- Estilo de fuente agregado para la personalización del tema.
- Elija fuentes para el texto del encabezado y el texto del cuerpo de forma independiente.
- Modo oscuro.
- Agregue más fuentes con código.
- Agregue compatibilidad de tema con el código.
Precio £: Gratis | Más información
7. Separador de título de página
El separador de títulos de página le permite establecer puntos de interrupción para sus títulos para determinar dónde se dividirán. Esto es especialmente útil para pantallas más pequeñas. Funciona con el editor clásico y le brinda una barra simple para colocar un punto de interrupción. Al hacer clic en el icono se abre una barra. El punto de interrupción se coloca donde hizo clic en el título.
La configuración le permite agregar clases y estilos CSS, y modificar el título, los títulos de los menús, los títulos de los widgets y más. Proporciona instrucciones detalladas sobre cómo usarlo.
Aquí está el punto de interrupción del artículo de muestra que creé. Configuré uno, pero puede configurar varias etiquetas para dividir el título en varios lugares.
El punto de interrupción divide el título por delante. Esto se puede usar para diseñar títulos con diseños únicos que normalmente no están disponibles.
Características clave:
- Crea puntos de interrupción para los títulos.
- Funciona con el editor clásico.
- Establecer múltiples marcadores.
- Personalice los puntos de interrupción con CSS.
Precio £: Gratis | Más información
8. Segundo título
Título secundario es un complemento de tipografía simple de WordPress que funciona con el editor clásico para mostrar un título diferente junto con el título normal. Agrega un nuevo campo sobre el campo de título y proporciona configuraciones donde puede personalizar la apariencia. Es compatible con tipos de publicaciones, categorías e ID de publicaciones específicas.
La configuración le permite establecer el formato de título secundario y establecer la política de visualización. Establezca reglas para los tipos y categorías de publicaciones. Proporciona una vista previa del título secundario para que pueda personalizarlo.
Se agregará un nuevo campo arriba del título donde puede ingresar un título adicional.
El título se muestra de acuerdo con las opciones seleccionadas en la pantalla de configuración. Estos son los ajustes predeterminados.
Características clave:
- Agrega un nuevo campo de título al editor clásico.
- Personaliza el diseño del título como quieras.
- Seleccione los tipos de publicación y las categorías que usan el título secundario.
Precio £: Gratis | Más información
9. Cambio de tamaño de fuente de Zeno
Zeno Font Resizer permite a los visitantes cambiar el tamaño de fuente mientras navegan por su sitio web. La cookie guarda su configuración para que no tengan que cambiarla cada vez que visitan. Usted tiene el control de las elecciones que pueden hacer, el ícono que muestran, la cantidad de días que dura la cookie y más.
La pantalla de configuración le permite personalizar el código HTML, los pasos de cambio de tamaño, los tamaños mínimo y máximo, el carácter que se muestra para el icono de cambio de tamaño y la configuración de cookies. HTML le permite elegir cómo funciona el cambio de tamaño.
Agregué un redimensionador a mi barra lateral usando un widget.
Características clave:
- Personalice los pasos de tamaño.
- Establecer tamaños mínimos y máximos.
- Elige un personaje.
- La cookie guarda la configuración del visitante.
- Agréguelo a través de código o widget.
Precio £: Gratis | Más información
Pensamientos finales
Aquí está nuestra mirada a los mejores complementos de tipografía para WordPress. Hay muchas buenas opciones que pueden hacer que tu tipografía se destaque y llame la atención de tus lectores. Si está buscando un complemento de tipografía de WordPress, seguramente encontrará algo en esta lista que se adapte a sus necesidades.
Queremos escuchar de ti. ¿Cuál es tu complemento de tipografía de WordPress favorito?
Foto destacada a través de ANTSTUDIO / shutterstock.com
