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

Se piensa mucho en el diseño de un sitio web. El buen contenido es primordial, por supuesto, pero lo primero que llama la atención son las imágenes. Los temas están muy bien, y sabemos que hay una gran cantidad de temas hermosos, pero quieres haz tu sitio web tuyo. Para lograr el aspecto que desea de su sitio web, es posible que necesite una forma de cambia tus tamaños de fuente. Afortunadamente, existen formas sencillas de hacerlo. Esto es lo que discutiremos en este artículo:

Primero, crearemos una publicación y la completaremos con texto generado aleatoriamente. A continuación, entraremos en el meollo de los cambios de tamaño de fuente en WordPress. Aprenderás como cambia tus tamaños de fuente en una publicación, pero también encontrará que funciona de la misma manera para las páginas.

Cómo cambiar el tamaño del texto en una publicación o página

Comencemos con Gutenberg, ya que es el editor elegido por muchos usuarios de WordPress. Una de las configuraciones de un bloque de párrafo de Gutenberg es la Tipografía ajuste. Lo encontrará en el menú de bloque en el lado derecho. Para cambiar el tamaño de su fuente, simplemente cambie su bloque Tamaño preestablecido a lo que quieras. Seleccionaremos el Grande escenario para esta demostración. También puede ingresar un tamaño de fuente personalizado en el Personalizado caja.

Y su texto aparecerá grande en la publicación, en nuestro caso, tamaño de fuente 36.

Tenga en cuenta que esto solo se aplica al párrafo que seleccionamos. Deberá cambiar todos los párrafos manualmente. Si desea cambiar el tamaño de todas las fuentes en su sitio web, desplácese hacia abajo hasta la sección final de este artículo, en el que discutimos el uso de código para manipular los tamaños de fuente.

Si está trabajando con Elementor, los controles de tamaño del texto están en el elemento de texto Estilo pestaña, debajo Tipografía. Si está utilizando el editor clásico, desplácese hacia abajo, tenemos una sección completa sobre eso.

Encabezados y citas

Pero, ¿qué pasa si solo desea captar la atención de sus lectores con algunos títulos y citas impresionantes? Los encabezados se utilizan para subdividir el texto tanto organizativa como visualmente, pero eso no es todo. También son útiles para fines de SEO, ya que los motores de búsqueda atribuyen más peso a los encabezados que al texto ordinario. También tienen un papel importante para el software de análisis de texto para personas con discapacidad visual, que es una de las razones por las que debe usar los subtítulos en orden, sin saltos.

Todo esto significa que no debe usar títulos simplemente para hacer que su texto parezca más grande. los encabezados deben ser significativos. Incluso si todo es lo mismo para usted, incluso si el tamaño y la forma de las letras son exactamente iguales, el software puede (y lo hace) notar la diferencia. Para obtener más información sobre la accesibilidad en WordPress y cómo entran en juego los encabezados, consulte nuestro tutorial detallado.

Citas son un poco diferentes: tienen algunos beneficios de SEO, pero no son tan importantes como los encabezados, especialmente para el software de conversión de texto a voz. También se ven un poco diferentes. Si solo quieres sacar un punto importante del texto circundante, una cita es cómo lo haces.

Tenga en cuenta que el tamaño exacto de sus encabezados y bloques de citas depende de la configuración de su tema. Puede cambiarlos usando CSS.

Para introducir un encabezado en Gutenberg, necesita un bloque de Encabezado. Cuando se trabaja con Elementor, la mayoría de los encabezados funcionan exactamente igual, excepto que necesita un elemento de encabezado.

Simplemente haga clic en el más firmar para agregar un bloque y encontrar el Bloque de rumbo.

Todo lo que necesita hacer ahora es ingresar su título. También puede cambiar el nivel de encabezado, pero es una buena práctica de SEO usar H2 para el siguiente nivel más bajo del título, y luego usar sus encabezados en orden, sin saltos.

Para una cotización, el proceso es exactamente el mismo. Haga clic en el más firmar, encontrar un Bloque de cotizacióny agréguelo.

Y luego ingrese su cotización. Tenga en cuenta que un bloque de cotización tiene dos campos: el campo de cotización y el campo de título. El título está ahí principalmente para la atribución de citas, pero puede usarlo para lo que quiera o dejarlo en blanco.

Y sus títulos y citas aparecerán en el texto exactamente donde los coloque.

Si está trabajando con el editor clásico, encontrará Título y Cita controles en el encabezado de la pantalla de edición de publicaciones. Simplemente seleccione el texto y conviértalo en un encabezado del nivel que desea seleccionando del menú, o haga lo mismo para una cita y presione el botón.

También puede marcar el encabezado utilizando HTML en el texto pestaña de su editor clásico:

por Título 2,

por Título 3, y así.

Cómo cambiar el tamaño de fuente usando un complemento

En caso de que esté utilizando Editor clásico, no tiene controles de tamaño de fuente en la pantalla de edición de publicaciones. Puede usar código para cambiar el tamaño de fuente, pero nos ocuparemos de esto más adelante. Es comprensible que muchas personas estén preocupadas por trabajar con el código de su sitio web. Si no sabe lo que está haciendo, puede causar errores, o si está trabajando con código propietario, incluso podría tener un problema de garantía. Si no está dispuesto a cambiar su código, aún puede cambiar el tamaño de fuente usando un complemento. El complemento que usaremos para esto es Herramientas de edición avanzadas.

Una vez que haya instalado y activado el complemento, encontrará un nuevo conjunto de herramientas en el encabezado de su editor clásico. De los que nos ocuparemos ahora son los Tamaño de fuente control S. Para mostrarle cómo funcionan, seleccionaremos el segundo párrafo y cambiaremos su tamaño de los 12 puntos predeterminados a 24. También lo verá ampliado en su pantalla.

El segundo párrafo también aparecerá más grande en la vista previa de la publicación.

Este complemento ofrece muchas otras opciones de formato y estilo, y lo recomendamos encarecidamente para aquellos de ustedes que todavía usan el editor clásico.

Cómo cambiar el tamaño de fuente usando código

Finalmente, puede usar CSS para cambiar el tamaño de fuente en todo su sitio web a la vez. Le mostraremos cómo hacerlo para nuestro tema insignia, Bridge, pero la mayoría de los temas tendrán la misma funcionalidad básica.

Primero, debes navegar a Apariencia / Personalizar Forme su panel de WordPress para llegar al personalizador de temas.

Necesitas el CSS adicional sección. Arriba, en el lado izquierdo, verá qué tema está personalizando actualmente. Si desea cambiar los tamaños de fuente en varios temas, deberá Cambio el tema que estás editando.

En el campo CSS, simplemente agregue este fragmento de código si desea cambiar los parámetros de su tema por completo:

p {
font-size:18px;
}

Esto cambiará todo el texto del párrafo a un tamaño de 18 píxeles. Por supuesto, puede cambiar el número de píxeles a lo que quiera. Pero, ¿y si quieres cambiar los títulos? Eso también es fácil. Simplemente preceda el corchete con h2 en vez de pags:

h2 {
font-size:36px;
}

Y ahí lo tienes. ¡Todo tu tema se transforma!

En conclusión

Como hemos mostrado, no faltan formas rápidas y fáciles de manipular su texto o, específicamente, cambiar el tamaño de fuente en WordPress. Es posible que desee hacerlo en todo el sitio web editando el código de su sitio web, para ciertos fragmentos de texto que desea enfatizar, o como parte de una organización lógica del texto para beneficiar tanto a los lectores humanos como a los de software, e independientemente del editor que utilice. puede estar usando, ya está todo listo. Entonces, ya sea que lo haga por razones de estilo o funcionalidad, los cambios de tamaño de fuente en WordPress ya no son un misterio y no deberían tomarle tiempo.