Cómo agregar texto de tamaño variable para los visitantes del sitio en WordPress

¿Has visto los botones de cambio de tamaño de fuente en algunos sitios populares? El propósito de estos botones es proporcionar una forma más fácil para que los visitantes con baja visión ajusten el tamaño de la fuente sin romper el diseño de un sitio web. Aunque puede utilizar la función de zoom integrada del navegador presionando las teclas CTRL y +, aumenta el tamaño de cada elemento de la página, no solo el texto. En este artículo, le mostraremos cómo agregar texto de tamaño variable para los visitantes del sitio en WordPress.

Video Tutorial

Si no te gusta el video o necesitas más instrucciones, continúa leyendo.

Lo primero que debe hacer es instalar y activar el complemento Widget de accesibilidad en su sitio web. Tras la activación, simplemente vaya a Apariencia »Widget y arrastre / suelte el widget de accesibilidad en una barra lateral.

Puede introducir un título para el widget. A continuación, debe seleccionar qué elementos HTML o clases de CSS se verán afectados por el widget. Las opciones predeterminadas son cuerpo, párrafo, elementos de lista y celdas de tabla. Estas opciones deberían funcionar para la mayoría de los sitios web.

El widget permite hasta cuatro opciones de cambio de tamaño. Las opciones predeterminadas son 90%, 100%, 110% y 120%. Puede aumentar o disminuir los tamaños de fuente aquí. La última configuración del widget es el texto del controlador. Este es el texto que los usuarios verán. Generalmente, la letra A se usa para representar la opción de cambio de tamaño de fuente. Una vez que haya terminado, haga clic en el botón Guardar para almacenar la configuración de su widget.

Ahora puede visitar su sitio web para ver el widget en acción. Así es como debería aparecer el widget en tu sitio web ahora:

Si sientes que el texto del controlador no es perceptible, puedes cambiarlo usando CSS. Por ejemplo, agregue este código CSS en la hoja de estilos de su tema:

 .widget_accesstxt a border: 2px solid # 000; relleno: 2px; font-weight: negrita;  

Este CSS agregará un borde alrededor del texto del controlador, lo pondrá en negrita y agregará un poco de relleno.

Esperamos que este artículo le haya ayudado a agregar una opción de texto que se pueda cambiar de tamaño en su sitio de WordPress. También puede consultar nuestra guía sobre cómo mejorar la accesibilidad en su sitio de WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Google.+.