Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo agregar fuentes de Google a su tema de WordPress

Cómo agregar fuentes de Google a su tema de WordPress

Uno de los cambios más simples que puede realizar en su blog es cambiar las fuentes predeterminadas que vienen con su tema.

Elegir la combinación de fuentes correcta puede hacer que tu blog pase de ser aburrido y aburrido a tener un aspecto fabuloso en cuestión de minutos, y todo lo que hiciste fue cambiar las fuentes.

Desde hace algunos años, Google ha sido un excelente recurso de fuentes gratuitas que son fáciles de implementar en su propio sitio web.

Además, Google incluso te da instrucciones sobre cómo incluir las fuentes deseadas en el sitio web. Sin embargo, las instrucciones de Google no están realmente diseñadas para funcionar con WordPress.

Hoy, echamos un vistazo a cómo puede agregar fácilmente Google Fonts a su blog de WordPress.

Agregar fuentes de Google con un complemento

Uno de los métodos más fáciles para agregar Google Fonts a su blog es mediante un complemento. Hay varias opciones disponibles, sin embargo, no todos los complementos son iguales.

Al elegir un complemento; preste atención a la calificación general y la fecha de la última actualización. Desea un complemento que se haya actualizado recientemente y que muestre que el complemento se mantiene activamente; así como el que tiene al menos 4 estrellas.

Fuentes fáciles de Google

Easy Google Fonts es mi opción número 1 en este caso. Tiene una calificación de 5 estrellas y se mantiene activamente. Este pequeño complemento le permite elegir entre cualquiera de las fuentes enumeradas en el directorio de fuentes de Google.

Lo que es aún mejor es que se integra con el personalizador nativo de WordPress, lo que le permite obtener una vista previa en vivo de las fuentes elegidas.

estilos de personalización en vivo

Puede personalizar cualquier aspecto de fuente y crear controles de fuente personalizados en su panel de control. Incluso hay una opción para ingresar su clave API de Google que le permitirá actualizar su tema cada vez que Google Fonts se actualice con nuevas fuentes.

Cuando se trata de personalizar las fuentes, obtiene un control total sobre los estilos, la apariencia e incluso el posicionamiento de las fuentes.

Puede cambiar el color y el tamaño de la fuente y elegir entre diferentes pesos de fuente. Puede elegir una fuente diferente para sus párrafos y cada uno de los 6 títulos.

Agregar fuentes de Google sin un complemento

Finalmente, puede agregar Google Fonts a su blog sin el uso de un complemento, insertando manualmente algunas líneas de código en su archivo functions.php y agregando los selectores correctos en su archivo style.css.

Como siempre, se recomienda realizar todas las modificaciones del código a través de temas secundarios para que no pierda los cambios cuando se publique la actualización del tema. También debe hacer una copia de seguridad de los archivos antes de realizar cambios y, si no se siente cómodo haciendo cambios con el código, considere usar una de las opciones de complementos anteriores.

Lo primero que debe hacer es ir al directorio de fuentes de Google y seleccionar las fuentes que desee. Se recomienda limitar su elección a no más de 2 a 3 fuentes, ya que agregar más fuentes aumenta el tiempo de carga de la página.

Afortunadamente, Google le muestra exactamente qué tipo de impacto tienen las fuentes seleccionadas en el tiempo de carga de su página, así que elija en consecuencia y elija solo los estilos que sabe que usará.

Una vez que haya seleccionado las fuentes, copie la pequeña sección de código que le proporciona Google y péguela en un editor de texto como el Bloc de notas. El código se verá así:

& amp; amp; amp; lt; link href = 'http: //fonts.googleapis.com/css? family = Open + Sans: 300italic, 400italic, 700italic, 400,700,300' rel = 'stylesheet' type = 'text / css' & amp; amp; amp; gt;

Copie todo después de href = hasta pero no rel = 'stylesheet'. Abra su archivo functions.php y agregue este código:

function load_fonts () {
wp_register_style ('et-googleFonts', 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300');
wp_enqueue_style ('et-googleFonts');
}
add_action ('wp_print_styles', 'load_fonts');

Este método hace uso de la función wp_enqueue_style, que es la forma correcta de agregar estilos y scripts a WordPress.

Lo último que debe hacer es agregar los selectores adecuados a su archivo de hoja de estilo. Abra ese archivo y busque el selector de cuerpo. Reemplace la fuente proporcionada allí con la fuente deseada. El código final se verá similar a esto:

cuerpo {
familia de fuentes: 'Open Sans', sans-serif;
tamaño de fuente: 16px;
color: # 000000;
}

Puede hacer lo mismo con sus títulos. Asegúrese de estar utilizando un tema secundario o una opción CSS personalizada como se indicó anteriormente, o sus cambios se perderán cuando se actualice el tema.

Conclusión

Como puede ver, existen varios métodos para agregar fuentes de Google a su tema de WordPress.

La forma más fácil es con complementos, pero agregar algunas líneas de código tampoco es tan difícil, y es mi método preferido en lugar de instalar un complemento para cambios simples.

Por supuesto, seleccione el método que le resulte más fácil y tenga en cuenta los métodos y consejos descritos en esta publicación.

Publicar un comentario

0 Comentarios