Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

Cómo cambiar fácilmente el tamaño de fuente en WordPress

¿Desea cambiar el tamaño de fuente en sus publicaciones o páginas de WordPress?
A veces, es posible que desee agrandar una línea o un párrafo, o puede aumentar el tamaño de fuente de todo el contenido de la página.
En este artículo, le mostraremos cómo cambiar fácilmente el tamaño de fuente en WordPress. Aprenderá no solo cómo cambiar el tamaño de fuente en sus publicaciones de WordPress, sino también cómo hacerlo en su sitio web.
Cambiar el tamaño de fuente en WordPress

Video Tutorial


Suscríbase a WPBeginner
Si prefieres instrucciones escritas, sigue leyendo.

Método 1: usar encabezados de párrafo

A sus visitantes les toma solo un par de segundos decidir si desean quedarse o abandonar su sitio web. Esto le da muy poco tiempo para convencerlos de que permanezcan en su sitio web.
Usar encabezados en su contenido es una excelente manera de captar la atención del usuario.
Le permiten dividir sus publicaciones y páginas en secciones utilizando diferentes encabezados (a menudo llamados "subtítulos").
Los encabezados también son excelentes para SEO. Los motores de búsqueda le dan más peso a los títulos adecuados que el texto de párrafo normal.
Cómo agregar un encabezado en el editor de bloques predeterminado de WordPress
Puede agregar un encabezado a sus publicaciones o páginas simplemente agregando el bloque 'Encabezado'. Puede buscarlo o encontrarlo en la sección 'Bloques comunes' en el editor de bloques de WordPress .
Agregar un bloque de encabezado en Gutenberg
El bloque pasará por defecto al Título 2. Normalmente, tiene sentido seguir con el Título 2 para sus subtítulos. Si desea cambiar esto, simplemente puede hacer clic en el menú desplegable 'H2' para seleccionar un tamaño diferente.
Selección del tamaño de su título en el editor de bloques
Alternativamente, puede cambiar esto en la configuración de bloque en el lado derecho de la pantalla. También puede cambiar el color del encabezado allí también.
Cómo agregar un encabezado en el Editor clásico más antiguo
Si todavía usa el editor clásico más antiguo en WordPress , puede agregar encabezados usando el menú desplegable 'Párrafo'.
Simplemente resalte el texto que desea convertir en un encabezado, haga clic en el menú desplegable 'Párrafo' y seleccione el tamaño del encabezado.
Crear un encabezado haciendo clic en el menú desplegable Párrafo en el editor clásico
Los tamaños y colores de los diferentes estilos de Encabezado están controlados por la hoja de estilo de su tema (style.css).
Si está utilizando un tema premium de WordPress , entonces puede tener la opción de cambiar esta configuración en Apariencia »Personalizar .
El uso de subtítulos en sus artículos hace que sea más fácil para los lectores seguir lo que les está diciendo. Al mismo tiempo, también hace que tus publicaciones de WordPress sean amigables con el SEO .

Método 2: Cambiar el tamaño del texto en el Editor de bloques

¿Qué pasa si quieres tener un párrafo o incluso toda tu publicación en una fuente más grande? Puede hacer esto realmente fácilmente usando el editor de bloques predeterminado de WordPress.
Simplemente haga clic en cualquier bloque de párrafo, luego seleccione el tamaño de fuente en 'Configuración de texto' en el lado derecho.
Cambiar el tamaño del texto de un bloque de párrafo
Puede seleccionar del menú desplegable, que cubre Pequeño, Normal, Medio, Grande y Enorme. Si cambia de opinión, simplemente haga clic en el botón 'Restablecer' para restablecer el párrafo al texto predeterminado.
También hay una opción 'Personalizada' donde simplemente puede escribir el tamaño de píxel que desee. Si lo desea, también puede configurar un gran Capitulo para que aparezca al comienzo de su párrafo.
Estas opciones no están disponibles en el editor clásico más antiguo para WordPress. Si quieres usarlos, entonces piensa en hacer el cambio. Nuestro tutorial sobre cómo usar el nuevo editor de bloques de WordPress lo ayudará.
Si está decidido a seguir con el editor clásico, esta próxima opción es para usted.

Método 3: Cambiar el tamaño de fuente con el complemento avanzado TinyMCE

TinyMCE Advanced es un complemento de WordPress que le brinda más control sobre los tamaños de fuente y el formato de texto, así como una gama de otras características.
Esto es particularmente útil con el editor clásico más antiguo, pero también funciona con el editor de bloques. Agrega un nuevo bloque llamado "Párrafo clásico" que tiene todos los controles de TinyMCE.
Para usarlo, primero deberá instalar y activar el complemento TinyMCE Advanced . Si no está seguro de cómo hacerlo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress .
A continuación, vaya a Configuración »TinyMCE Advanced para configurar los ajustes del editor. Aquí es donde puede configurar los botones que desea usar en la barra de herramientas TinyMCE Advanced.
Si lo está utilizando con el editor clásico, debería ver que TinyMCE tiene el menú desplegable 'Tamaño de fuente' habilitado de forma predeterminada en la segunda fila de iconos.
Puede moverlo a la primera fila arrastrándolo hacia arriba si lo desea.
El botón desplegable de tamaños de fuente en el menú avanzado de TinyMCE para el editor clásico
Si está utilizando el editor de bloques, deberá desplazarse hacia abajo en la pantalla y agregar el menú desplegable Tamaños de fuente a la barra de herramientas arrastrándolo y soltándolo:
Agregar el botón de tamaños de fuente a la barra de herramientas de bloque Avanzado de TinyMCE
Asegúrese de hacer clic en "Guardar cambios" en la parte inferior de la pantalla.
Para ver el botón en acción, cree una nueva publicación o edite una existente.
En el editor de bloques, ahora tendrá la opción de agregar un bloque 'Párrafo clásico'. Tendrá los controles avanzados de TinyMCE, como este:
El bloque Classic Paragraph en el editor de bloques, agregado por el complemento TinyMCE Advanced
En el editor clásico, verá las barras de herramientas avanzadas de TinyMCE con un menú desplegable de tamaño de fuente:
Cambiar el tamaño de fuente usando el editor TinyMCE Advanced
Puede seleccionar cualquier tamaño de fuente en el menú desplegable.
Nota: esto no le brinda tantas opciones como el editor de bloques de WordPress, y no puede escribir su propio tamaño de fuente.

Método 4: Cambiar el tamaño de fuente de todo el sitio usando CSS

Si está cambiando el tamaño de fuente cada vez que edita una publicación, entonces puede que sea más fácil cambiarla permanentemente en su tema.
La buena noticia es que puede cambiar el tamaño de párrafo predeterminado en todo su sitio. La mejor manera de hacerlo es utilizando el Personalizador de temas en Apariencia »Personalizar .
Algunos temas de WordPress pueden venir con una opción para que cambie el tamaño de fuente. Si puede encontrar esta opción, puede usarla sin escribir código CSS.
Sin embargo, si su tema no tiene esa característica, puede agregar CSS personalizado para agregar sus propias reglas de tamaño de fuente.
Simplemente haga clic en la opción 'CSS adicional' en el personalizador de temas. Aquí es donde puede almacenar todo su código CSS personalizado.
Usando el Personalizador para agregar código CSS a su sitio
Ahora debajo del cuadro de texto CSS adicional, simplemente agregue su código CSS. En este ejemplo, estamos cambiando el tamaño de fuente a '16px', puede elegir un tamaño de fuente diferente.
1
2
3
p {
font-size:16px;
}
Inmediatamente verá los cambios en la vista previa en el lado derecho de la pantalla. Si está satisfecho con el tamaño de la fuente, haga clic en el botón 'Publicar' en la parte superior de la pantalla para activarlo.
Nota: Su CSS personalizado solo se aplicará al tema que está utilizando. Si más tarde elige cambiar a un tema de WordPress diferente , deberá copiarlo y pegarlo nuevamente en el Personalizador.
El código anterior solo se aplica al texto del párrafo. ¿Qué sucede si desea cambiar el tamaño de fuente de todos los subtítulos h2?
Simplemente modifique el código anterior para apuntar al elemento h2 en su tema de esta manera:
1
2
3
h2 {
font-size:32px;
}
También puede hacer lo mismo con otros encabezados simplemente cambiando h2 a h3, h4 o h5.
Esperamos que este artículo te haya ayudado a aprender cómo cambiar fácilmente el tamaño de fuente en WordPress. Es posible que también desee ver nuestra guía sobre cómo usar fuentes personalizadas en WordPress o nuestra lista de los mejores complementos para crear y arrastrar páginas de WordPress .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas