16 complementos de tipografía de WordPress que harán que su sitio sea increíble

Complementos de tipografía de WordPress

El diseño juega un papel importante en si los visitantes continuarán o no leyendo su contenido. Un diseño o combinación de colores deficiente podría alejar las ventas potenciales o impedir que las personas compartan su sitio en las redes sociales.

La tipografía es parte de la estrategia de diseño y puede resultar beneficiosa para atraer a los visitantes.

La tipografía tiene una forma de crear una apariencia única para un sitio web. Diferentes fuentes pueden inspirar conexiones emocionales, mientras que otras simplemente hacen que el material sea fácil de leer. Afortunadamente, hay muchos complementos de tipografía para que WordPress pueda elegir.

Muchos son capaces de usar algunas de las mejores fuentes gratuitas que puedes encontrar en línea.

A continuación hay 16 complementos de tipografía de WordPress que he encontrado que tienen un gran potencial para hacer que su sitio sea increíble. La parte más difícil es elegir los que funcionan mejor con tus ideas de diseño.

1. TinyMCE avanzado

TinyMCE Avanzado

TinyMCE Advanced debería ser una de las primeras cosas que instale en WordPress. Si bien el sistema de edición predeterminado es bueno para crear contenido básico, este complemento amplía enormemente lo que puede hacer con el texto de su sitio web.

Esencialmente, agrega muchos de los mismos elementos que encontraría en las aplicaciones de procesamiento de texto.

Este complemento utiliza un sistema de arrastrar y soltar que permite a los usuarios personalizar la apariencia de la herramienta mientras agregan o eliminan diferentes elementos. Por ejemplo, puede agregar botones tachados y subrayados con un rápido arrastre del mouse.

TinyMCE Advanced incluso viene con emoticonos que puedes colocar directamente en tus publicaciones.

2. Mejor Fuente Impresionante

Mejor fuente impresionante

Better Font Awesome permite a los usuarios integrar varios complementos tipográficos como Font Awesome, CSS, shortcodes y el generador de iconos TinyMCE. El resultado final es una herramienta que le brinda control sobre todo, desde las fuentes hasta la colocación de íconos en todo su contenido.

Lo que hace esta herramienta es combinar los códigos abreviados que otros complementos generan para la tipografía y los íconos en una única base de datos de búsqueda que puede usar directamente desde la pantalla del editor de WordPress.

Agrega un botón junto a "Agregar medios" sobre el editor de texto para un acceso rápido y fácil. Una vez que seleccionas el ícono que deseas, Better Font Awesome hace el resto.

3. Usa cualquier fuente

Usar cualquier fuente

Muchos de ustedes probablemente tengan fuentes personalizadas o algo especial que hayan descargado de Internet. Use Any Font le brinda la capacidad de aplicar esos archivos sin conocimientos de codificación. Conecta su sitio a través de una API al servidor del desarrollador, carga las fuentes y luego las usa en su sitio web.

Use Any Font es compatible con los tipos de archivo de fuentes TTF, OTF y WOFF. Una vez cargados, se convierten automáticamente para usarlos en su contenido.

El complemento también admite fuentes cargadas directamente desde WordPress, Page Builder de SiteOrigin y varios otros sistemas. Una vez que se realizan las conversiones, sus fuentes personalizadas se guardan en su propio servidor web.

4. Fuentes fáciles de Google

Fuentes fáciles de Google

La base de datos de Google Font es una de las mayores colecciones de elementos de alta calidad en Internet. El complemento Easy Google Fonts le permite acceder a esa colección para colocarla directamente en cualquier tema.

Viene con varias configuraciones y herramientas para crear una apariencia personalizada que puede ver en tiempo real.

Un elemento que muchas personas pueden apreciar es la capacidad de personalizar cada tipo de encabezado. El uso de elementos como el Encabezado 1 o el Encabezado 2 puede tener esencialmente un estilo diferente, y esto se puede hacer desde el personalizador del complemento para que pueda ver cómo aparecen los cambios en sus publicaciones y páginas en WordPress.

5. Widget de texto fácil de personalizar

Widget de texto fácil de personalizar

Su área de contenido principal no es el único lugar donde la tipografía puede verse estelar. El widget de texto fácil de personalizar proporciona una variedad de funciones que le permiten modificar la apariencia de la adición de la barra lateral.

Las fuentes de Google, los ajustes de relleno, los botones y los colores se pueden cambiar con unos pocos clics del mouse.

Las imágenes de fondo, los iconos de pines y la configuración del contenido son todas las características que proporciona este complemento. Casi convierte su widget de texto en una micropágina de destino dada la cantidad de opciones disponibles para personalizar.

Quizás uno de los mejores usos de esta herramienta es crear un botón de llamada a la acción desde la barra lateral.

6. Control deslizante de texto

Control deslizante de texto

Los controles deslizantes de imágenes son una excelente manera de darle al sitio web un flujo activo. Text Slider proporciona la misma capacidad, pero con texto en lugar de gráficos. El diseño responde, lo que significa que funcionará en un entorno móvil.

Los usuarios pueden personalizar la tipografía del complemento, como cambiar colores, tipos de fuentes y efectos de transición.

Este complemento es una herramienta relativamente pequeña, pero tiene un gran potencial para llegar a una audiencia. Text Slider viene con un código abreviado que permite a los usuarios colocarlo en cualquier lugar que utilice la edición de texto. Esto incluye publicaciones y páginas .

También hay un panel CSS personalizado en caso de que desee modificar aún más los efectos del complemento.

7. Widget de Black Studio TinyMCE

estudio negro

Black Studio TinyMCE Widget combina la potencia de su editor WYSIWYG actual con el widget de texto para las barras laterales. Esencialmente, cualquier cosa que pueda modificar en la sección de contenido del editor de WordPress se puede usar con este complemento.

Esta herramienta agrega un widget de editor visual que puede arrastrar y soltar en cualquier elemento de la barra lateral de su tema.

Esto le brinda una increíble cantidad de flexibilidad cuando desea agregar elementos a las barras laterales que van más allá del simple texto. Es casi como darle la posibilidad de crear una página de contenido directamente en la barra lateral.

Black Studio TinyMCE Widget incluye editores visuales y de texto para la funcionalidad.

8. Complemento de botón de WordPress MaxButtons

MaxBotones

Hemos cubierto MaxButtons antes, ya que es un complemento muy útil cuando desea agregar un botón sin usar códigos cortos. Lo incluyo en esta lista por cómo puedes cambiar su tipografía para atraer al usuario.

MaxButtons permite a los usuarios crear elegantes botones CSS3 que son atractivos y fáciles de tocar en dispositivos móviles.

Usando el selector de color y la configuración de fuente, puede crear todo, desde una llamada a la acción hasta compartir en redes sociales. Tiene una amplia gama de opciones personalizables para dar a sus páginas y publicaciones una apariencia única.

Si compra la versión pro del complemento, tiene acceso a Google Fonts, así como integraciones con una variedad de creadores de formularios.

9. Palabras giratorias CSS3

Palabras giratorias CSS3

CSS3 Rotating Words es un complemento divertido que agrega un poco de carácter a su sitio. Mediante el uso de códigos abreviados , puede agregar efectos de rotación a una determinada palabra dentro de su contenido para hacerla girar, voltear y cambiar. Hay cinco animaciones diferentes y puede usar un tamaño de fuente personalizado dentro del artículo.

Los usuarios pueden agregar palabras para reemplazar el contenido seleccionado que se mostrará durante la rotación.

Por ejemplo, puede tomar una palabra de una oración y cambiará automáticamente a medida que gira. Esto podría tener un impacto en la participación a medida que el sitio se vuelva más activo.

10. Efectos de desplazamiento de imagen Ultimate

Efectos de desplazamiento de imagen

Image Hover Effects crea una capa de interactividad para el sitio web. Cuando alguien pasa el mouse sobre una imagen, puede mostrar un efecto o título. Y con la gran cantidad de efectos, puede crear fácilmente algo llamativo para sus visitantes.

Este complemento viene con generación de CSS personalizada, clonación, varias configuraciones de fuente y una variedad de efectos de superposición. Uno de los aspectos más destacados es cómo la herramienta funciona perfectamente en los navegadores web más populares, incluidos Edge, Firefox, Chrome y Safari.

11. Separador de títulos de página

Divisor de título de página

¿Alguna vez creó un título que parecía demasiado largo y no se ve bien cuando se ve en el sitio? Page Title Splitter puede ser una buena herramienta para usar cuando necesite modificar un título por motivos estéticos. Este es un problema común para aquellos que hacen marketing para usuarios de dispositivos móviles.

Los títulos de las páginas a menudo se desplazan mal según el tamaño de la pantalla del visitante.

Usando la herramienta divisora, puede decirle a WordPress dónde cambiar el texto a la siguiente línea en sus títulos. Esto no afectará el SEO ni el metatítulo del sitio, pero brinda una mejor apariencia cuando desea que el contenido se vea justificado y menos desordenado.

Page Title Splitter también viene con su propia herramienta de edición de estilo CSS para la personalización.

12. Cambio de tamaño de fuente Zeno

Cambio de tamaño de fuente Zeno

Zeno Font Resizer es un complemento que brinda a los visitantes la opción de cambiar la fuente en su sitio web según sus necesidades. Esto puede ser útil si los visitantes encuentran el texto demasiado pequeño para leerlo.

Por ejemplo, las personas con problemas de visión a menudo necesitan fuentes más grandes para ayudar a aclarar el contenido.

En cierto modo, esto también se puede utilizar como un método para promover una mayor interactividad de su sitio. Una de las mayores tendencias de diseño incluye la interacción de los visitantes además de la simple lectura del contenido.

Esto brinda a las personas la capacidad de "controlar" un aspecto de su sitio sin afectar a otros visitantes.

Es una experiencia personalizada ya que el complemento guarda una cookie en la computadora de un usuario para que la experiencia sea la misma cada vez que regresa.

13. Cotización sencilla

Cotización simple

¿Alguna vez quiso acentuar una cita en una pieza en particular que ha creado? Simple Pull Quote puede ser algo que le interese. En lugar de simplemente un fondo de color como muchos usan en WordPress, este complemento crea la cita como un elemento emergente completo con una sombra paralela.

Este complemento agrega un código abreviado a WordPress que se puede usar en la mayoría de las áreas que aceptan contenido de texto. También coloca un botón de "pullquote" en los editores visuales y de texto de WordPress para facilitar su uso.

Si desea personalizar aún más la apariencia de la cita extraída, puede editar la clase "simplePullQuotes" en el archivo style.css de su tema.

14. wp-Tipografía

wp-Tipografía

Si desea embellecer los símbolos y elementos de su texto, wp-Typography agrega control sobre varios elementos del contenido. Todo esto se hace fuera de la codificación CSS. Por ejemplo, el complemento maneja elementos como marcas registradas y símbolos matemáticos automáticamente.

La herramienta también incluye ganchos CSS para diseñar componentes como símbolos de unión y palabras en mayúsculas.

El complemento viene con una increíble cantidad de opciones de personalización, como el control de "comillas tipográficas" y puntos suspensivos de condensación. Simplemente escribiendo cierto texto en el editor de WordPress, wp-Typography hace el trabajo de convertir esos elementos en tipografía que es más atractiva y fácil de entender.

15. Capitular simple

Letra capitular simple

Las mayúsculas son un buen efecto, ya sea que estés escribiendo noticias o ficción. El complemento Simple Drop Cap es una herramienta que puede usar para crear la estética de hacer que la primera letra de un párrafo sea mucho más grande que la otra tipografía.

En pocas palabras, este complemento agrega un código abreviado que usa para compensar cualquier letra dentro del contenido.

Debido a la forma en que el sistema de edición está integrado en WordPress, Simple Drop Cap funciona en casi cualquier área que use el editor TinyMCE. Esto incluye publicaciones, páginas e incluso el widget de texto. Puede agregar letras capitulares en casi todos los lugares donde normalmente podría escribir texto normal.

La mejor parte es que no necesita saber CSS para que esta función funcione.

16. Kirki

kirki

Para aquellos que quieren un control absoluto sobre el diseño de un tema en el personalizador de WordPress, Kirki es uno de los más populares. Una gran parte del proceso está automatizado, lo que significa que no tiene que dedicar mucho tiempo a codificar. Viene con una amplia gama de herramientas que incluyen información sobre herramientas para ayudar a los diseñadores.

Una de las características principales de Kirki es la capacidad de establecer el tipo de fuente predeterminado, incluido el tamaño, el peso y la altura. Si tiene conocimiento en técnicas espaciales, también puede modificar eso. Hay tantas opciones disponibles que puede parecer abrumador.

Sin embargo, aprender a usar la herramienta puede ser una de las mejores formas de crear un diseño perfecto para su negocio.

Las primeras impresiones son importantes

Una buena primera impresión es vital para el éxito de cualquier negocio o sitio web personal. Desea que los visitantes queden impresionados con un aspecto limpio y fresco. Un sitio que parece más una mezcolanza de elementos gráficos, colores chillones y mala tipografía ahuyentará a una gran parte de la gente.

Tómese el tiempo para desarrollar un diseño agradable. Es mejor hacerlo bien la primera vez que pasar horas intentando que esos visitantes regresen.

Subir