Emprendedor Innovador

Cómo iniciar un negocio en línea

  • Principal
  • Crear un sitio con WordPress
  • Hospedar un sitio web
    • Web Hosting España
    • Análisis de SiteGround.es
    • Guía de web hosting completa para sus sitios
  • Códigos de cupones
  • Recursos
Usted está aquí:: Principal / Guía / WordPress / Definir el tamaño de fuente en un tema de WordPress

15 septiembre, 2015

Definir el tamaño de fuente en un tema de WordPress

La apariencia de cualquier página creada en WordPress está determinada por los ajustes designados en el documento style.css.  Esto incluye el tamaño de fuente. Puede que cambiar el tamaño de fuente no sea importante para alguien que está usando un tema preempaquetado como plantilla para desarrollar un sitio web básico. Sin embargo, para los creadores de temas y los propietarios de sitios web que están interesados en modificar los temas preempaquetados, el tamaño de fuente puede ser muy importante.

Los tamaños de fuente pueden ser designados como relativos o fijos. Un tamaño de fuente relativo es áquel que cambia dependiendo del dispositivo en el que está siendo usando y del navegador que muestra la página en cuestión. Las fuentes relativas son necesarias en la era moderna debido a los muchos y distintos tamaños de pantalla que se encuentran en los dispositivos móviles. Sin embargo, los tamaños de fuente relativos también son muy útiles para los usuarios de Internet con discapacidad visual.

Las fuentes fijas se muestran con tamaños predeterminados basados en píxeles o puntos. Una fuente fija se mostrará en el tamaño elegido por el programador independientemente de si el navegador web del usuario final ha sido establecido a un tamaño predeterminado diferente. La única manera de que el usuario final mejore la visualización de una fuente fija es haciendo zoom en la página.

A la hora de programar los tamaños de fuente en el documento style.css, las elecciones más comunes son:

  • relativo – em, ex; por ejemplo: #content h1 { font-size:1.4em;}
  • fijo (píxel) – px; por ejemplo: #content h1 { font-size:14px;}
  • fijo (punto) – pt; por ejemplo: #content h1 { font-size:16pt;}

La diferencia entre el tamaño en píxeles y puntos se refiere a la resolución versus el número físico de puntos en la cuadrícula de una letra dada. Hablando en términos prácticos, existe poca diferencia en los navegadores web modernos.

Definir tus tamaños de fuente

Los propietarios de sitios web que usan temas prefabricados (tanto gratuitos como de pago), pueden ser capaces de cambiar los tamaños de fuente en los ajustes de su tema. Todo depende de si los desarrolladores del tema incluyen o no esa opción. Si no es así, pueden cambiar manualmente los tamaños de fuente de la misma manera que lo hace el desarrollador: editando el archivo style.css.

Para hacerlo, inicia sesión en tu panel de administración y después ve a Apariencia → Editor. Una vez en el editor, busca el archivo style.css en la parte inferior de la lista situada a la derecha. Haz clic en el archivo para cargarlo en el editor. A partir de ahí, puedes desplazarte por el documento para buscar todos aquellos lugares donde se definan los tamaños de fuente. Cambia cada uno que requiera edición, guarda el documento y habrás terminado.

Por favor recuerda crear una copia de seguridad de tu sitio web antes de editar el archivo style.css.  Si bien no es probable que algo salga mal, siempre es mejor prevenir que lamentar. Una copia de seguridad te asegura que siempre puedas volver a la edición previa de tu sitio web en caso de estropear algo seriamente.

En cuanto a los cambios en sí mismos, recomendamos probarlos en múltiples dispositivos. Por ejemplo, usa un portátil y un teléfono móvil para verificar el aspecto que tienen tus fuentes después de hacer los cambios. Puede que te resulte que son demasiado grandes o demasiado pequeñas. En cuantos más dispositivos pruebes los cambios, más probabilidades tendrás de mejorar los ajustes para el mayor número de dispositivos.

CompartirloShare on facebook
Facebook

Artículo de carlito / WordPress

Plugins y herramientas de WordPress imprescindibles

DinaHosting - Instalar y ejecutar un sitio WordPress es fácil con DinaHosting. Y también recibirás un precio más bajo
Genesis Framework y Themes - Usamos un tema de WordPress de Genesis por StudioPress en todos nuestros sitios web
Gravity Forms - Si necesita crear formas simples o complejas hermosas, recomendamos Gravity Forms - lo usamos
OptinMonster - La mejor manera de aumentar su lista de correo electrónico gracias a OptinMonster innovadora forma de captura de correo electrónico
MailChimp - El software de email marketing más sencillo disponible - y puede configurar sus campañas de correo electrónico en español con MailChimp

¿Quieres crear un sitio de WordPress? Recomendamos el uso de dinahosting

wordpress

DinaHosting -- Usted recibirá un un precio más bajo a través de este enlace. Es un alojamiento barato, pero confiable para tu blog.

dinahosting

Ofrece una instalación de WordPress en un solo clic y sus precios de alojamiento web son los más bajos de la industria. Nuestra recomendación para alojar un blog de WordPress.

ENTRADAS RECIENTES

  • 7 razones para elegir WooCommerce en lugar de Shopify
  • Los 5 mejores sitios para vender tus fotos online
  • Cómo funciona la herramienta de análisis de riesgos de Shopify
  • Cómo comprar online de forma segura: 5 estrategias clave
  • ¿Qué son los asides en WordPress y cómo se usan?

PÁGINAS POPULARES

  • Análisis de SiteGround.es
  • Códigos de cupones de web hosting
  • Cómo crear un blog con WordPress
  • Cómo hospedar un sitio web
  • Contacto
  • Emprendedor Innovador – Iniciar un negocio en línea
  • Guía de web hosting completa para sus sitios
  • Hospedaje Web México
  • Recursos para iniciar un negocio en línea
  • Web Hosting España
60% de descuento
Cupón SiteGround

Cupón SiteGround

Utilice este cupón especial de SiteGround para recibir un descuento del 60% en el plan de alojamiento de StartUp WordPress ofrecido por SiteGround.es!
Reclama esta oferta

© Derechos de autor 2017 Emprendedor Innovador · Reservados todos los derechos

  • ¿Está haciendo una de estas 8 errores con su sitio de WordPress?
    Descarga nuestra guía educativa sobre los 8 errores comunes que cometen los nuevos bloggers con WordPress y cómo solucionarlos. ¡Es gratis!