Si entraste a este portal, seguramente estés dando tus primeros trazos en la excelente plataforma de WP, y desconoces cómo cambiar el tamaño de letra en WordPress en una página web recién creada. Y es justo lo que explicaremos hoy, además de conocer uno de sus aspectos más cercanos, el CSS, dónde está y cómo cambiarlo. Porque en realidad, para los principiantes, puede ser difícil, ante tantas opciones que ofrece su panel de control.
Indice De Contenidos
Cambiar el tamaño de letra en WordPress
Razones para cambiar el tamaño de letra en WordPress, probablemente hayan muchas, no sólo para los novatos. Pues es común que al visitar algunos sitios webs, se observe infaltable comando para regular la dimensión de la letra; según la necesidad de cada usuario; sea por alguna condición visual que no le permite leer contenidos con dimensiones prefijadas en sus tipografías. En cuyo caso, permite ampliar progresivamente para poder apreciar con mayor facilidad.
Dicha función es frecuente ubicarla en los habituales comandos identificados con las vocales (AAA), cuyo objetivo es ofrecer al usuario hacer una mejor lectura, para personas con alguna limitación visual, y ajustar el tamaño de la fuente sin dañar el diseño original de un sitio web. Generalmente, esta función está disponible en casi todos los navegadores con zoom, con el respectivo atajo de las teclas (CTRL + o CTRL), las cuales incrementan el tamaño de todos los elemento de la página, incluyendo textos.
En razón de ello, y visto que realmente la plataforma de WordPress puede resultar compleja cuando se está conociendo y familiarizando con la misma, en cuanto a formato de fuentes se refiere. Por tanto, nuestra propuesta es entre otras cosas, es revelar el método ideal para cambiar el tamaño de letra en WordPress.
Inclusive, tenemos un widget para poder agregar de manera alterna, redimensionar progresivamente el texto de cualquier artículo, con el propósito de coadyuvar al usuario y visitantes de WordPress en su lectura. Observando que una vez colocado y operando el plugin para cambiar el tamaño de letra en WordPress. Cuyos resultados se pueden lograr, arrastrando y soltando el Accessibility Widget en su barra lateral.
Además de lo anterior, también se podrá colocar un título a dicho widget, y propiciar el proceso cognitivo, aunque ciertamente para obtener estos resultados hay que ubicarse y seleccionar algunos componentes HTML o tipos CSS, y que serán afectados por el widget. Las alternativas efectuadas por defecto, serán entonces, cuerpo, párrafo, elementos de lista, y celdas de tabla; cuyas alternativas funcionan muy bien en casi todos los sitios web. Pero veamos algunas definiciones previas.
¿Qué es el CSS?
Estas siglas de CSS, se relacionan con un código, que se usa para dar forma o definición al estilo de una web; es decir, se refiere a la codificación para formular las fuentes, tonos, tamaños, espacios, títulos, entre otros similares.
¿Dónde está el CSS?
Dicho código CSS, se ubica por lo general de forma predeterminada, usando una hoja llamada style.css.
¿Cómo cambiar el tamaño de letra en WordPress o CSS?
Pues bien, para cambiar el tamaño de letra en WordPress, de deben seguir algunas maniobras previas, justamente en el interior del archivo, con el propósito de alterar el CSS, lo cual ocurre en 4 maneras a saber:
- Definir el CSS en style.css del tema de WordPress, usando Apariencia/Editor/style.css.
- Definir el CSS en child.css sobre el tema de WordPress.
- Definir el CSS en el customizador o custom del CSS de plantilla, el cual habitualmente está en el panel de control de WordPress, en vía parecida a Apariencia/Theme Options/ Customice CSS.
- Definir el CSS con el plugin Jetpack o el gratuito Slim JetPack, después activar el módulo de CSS personal.
Vale resaltar, que estas 4 modalidades es perfectamente válida para cambiar el tamaño de letra en WordPress, pues actúa en la tipología de la plantilla; aunque en caso del primer método, al pulsar en la hoja principal del tema: style.css, ya se actualizará en la plantilla o, salvo que no guarden estos cambios.
De igual forma, en vista de que los templates vigentes de WordPress tienen inmerso un customizador de CSS, se sugiere este método, por resultar más confortable para hacer los cambios desde allí, pudiendo hacer nuevas actualizaciones de la plantilla sin perder los cambios de CSS, al tiempo de conservar el CSS original de la plantilla.
Antes de empezar: Organiza las áreas de trabajo
Cuando se vaya a concretar el proceso de cambio o adición de nuevos estilos CSS, es decir, cambiar el tamaño de letra en WordPress definitivamente, se sugiere en este caso, disponer en el navegador con las 3 ventanas abiertas:
La ventana Apariencia/Editor/style.css
En esta, se observa el estilo original de la plantilla; y cuyos cambios no se llevarán a cabo en esta hoja, pero si que servirá como guía, además de poder copiar los estilos que se pretendan cambiar.
La ventana Apariencia/Theme Options/ Customice CSS
En esta ventana, es donde ocurrirá toda la acción, pues en ella se concretarán los cambios, sin temor alguno; puesto que en cualquier momento se podrán borrar, y regresar al estilo original de la plantilla, no pasa nada.
La ventana de nuestra web
Por último, está la tercera ventana, la cual sirve para ir visualizando los cambios a medida que se realicen los mismos.
Como bien sugiere su título, resulta vital que antes de cmbiar el tamaño de letra en WordPress, se tenga el plugin debidamente conectado, nuestra sugerencia para este fin es el plugin para desarrolladores web en el navegador, pero veamos:
- Firefox: https://addons.mozilla.org/es/firefox/extensions/web-development/.
Por su parte, Chome está instalado por defecto en versiones más nuevas, en caso de tenerlo, hay que actualiza Chrome y listo. Con él, se podrán ubicar algunos elementos que se desean modificar, y ensayar con los cambios de CSS, previo a la modificación. Para ello, cuando ya está instalado el plugin, hay que ubicarse sobre cualquier elemento de una página web, y en Inspeccionar elemento.
- Luego de ello, seleccionar a la derecha reglas.
- Se observará cómo se llaman los componentes, así como el lugar de ubicación, pero además se pueden cambiar algunos parámetros del CSS, a fin de previsualizar los cambios.
- Estos cambios nunca serán guardados en la plantilla.
Escribiendo las primeras líneas de CSS
Ahora viene el tema, de cambiar el estilo que viene por defecto en la web; en el supuesto de que en la web se tenga predefinido algun a letra o títulos de página, con una familia de fuente, color o tamaño que no agradan. Donde la tipografía estándar de la web se concibe como body, debiendo ir a la hoja de estilo style.css, y hallar el párrafo que define sus propiedades; pero además:
https://www.youtube.com/watch?v=X9kW0Xm85vc
- En el panel de control de WordPress, se visualiza en apariencia/ Editor /Style.css, donde se debe pulsar en los comando+f o desde el navegador, sea Firefox, Chrome u otros, para luego pulsar en editar/buscar.
- Luego ubicar el término de body, para conseguir una frase, donde se debe seleccionar dicho párrafo para luego copiarlo en Apariencia/Theme options/Custom CSS.
Asimismo, como bien se refirió, este método ofrece la ventaja de que se puede cambiar desde custom CSS (o desde child.css), es que prioriza este estilo sobre el primario o (style.css), aunque dicho estilo principal se mantiene por lo tanto, si algo no funciona bien, se puede eliminar dicho párrafo generado en custom css y retornar al original.
En cuanto a los parámetros básicos, hay que agregar que los mismo, son sencillo de identificar, donde se puede ubicar cualquier palabra y modificarla, con sólo escribir la deseada. Igual ocurre con el color de la fuente, que se puede seleccionar el tono deseado, también en esa dirección, y efectuar los cambios con tranquilidad. Pero adicional a ello, permite ir guardando los cambios en custom CSS, ir actualizando la web e ir observando estas interesantes modificaciones.
Cómo cambiar el estilo predefinido de los títulos (H1, H2, H3)
Como último punto, pero no menos importante, está la posibilidad cierta de además de poder cambiar el tamaño de letra en WordPress, también se pueden modificar aquellos títulos estándar de una web, y definirlas como H1; H2 y H3, ete. Mientras que para ubicar algún título en particular, pero se desconoce a la clase que pertenece, se puede ir a la web, ubicarse sobre botón derecho en inspeccionar elemento, además de:
- Luego se podrá observar más abajo, en reglas, donde se indicará la clase a la que pertenece:
- Se observará el título en últimos trabajos, como uno de los elementos heredados de H6, por lo que si la idea es modificar dicho, se puede hacer en apariencia/ Editor /Style.css, pulsando en +f o, desde el navegador, que ya sabemos que puede ser Firefox, Chrome u otro, para después pinchar en editar/buscar.
- Después ubicar el renglón de H6, y donde se desplegará un párrafo.
- Acto seguido, seleccionar el párrafo completo y copiarlo apariencia/Theme options/Custom CSS.
- Luego, proceder a cambiar los parámetros generales de los títulos /* Heading styling */ o, el de un título particular h1, h2, h3 o, en este caso, H6.
- Por último, guardar los cambios, y listo estarán prestos los cambios propuestos el día de hoy.
Si te pareció interesante este material, puedes consultar temas igual de útiles en: