¿Has visto los botones de cambio de tamaño de fuente en algunos sitios populares? El propósito de estos botones es proporcionar una manera más fácil para que los visitantes con discapacidad visual ajusten el tamaño de la fuente sin interrumpir el diseño de un sitio web. Si bien puede usar la función de zoom incorporada 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 le gusta el video o necesita más instrucciones, siga leyendo.
Lo primero que debe hacer es instalar y activar el Widget de accesibilidad complemento en su sitio web. Después de la activación, vaya a Apariencia »Widget y arrastre / suelte el widget de accesibilidad en una barra lateral.
Puede ingresar un título para el widget. A continuación, debe seleccionar qué elementos HTML o clases 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 el tamaño de la fuente aquí. La última configuración del widget es el texto del controlador. Este es el texto que verán los usuarios. Por lo general, la letra A se usa para representar la opción de escala de fuente. Cuando termine, haga clic en el botón Guardar para almacenar la configuración del widget.
Ahora puede visitar su sitio web para ver el widget en acción. Así es como debería verse el widget en su sitio web ahora:
Si cree que el texto del controlador no se nota, puede editarlo usando CSS. Por ejemplo, agregue este código CSS en la hoja de estilo de su tema:
.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}
Este CSS agregará un borde alrededor del texto del controlador, lo pondrá en negrita y agregará algo de relleno.
Esperamos que este artículo le haya ayudado a agregar una opción de texto de tamaño variable a su sitio de WordPress. También puede consultar nuestra guía sobre cómo mejorar la accesibilidad en su sitio de WordPress.
Si te gustó este artículo, suscríbete al nuestro canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo Y Google+.
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 manera más fácil para que los visitantes con discapacidad visual ajusten el tamaño de la fuente sin interrumpir el diseño de un sitio web. Si bien puede usar la función de zoom incorporada 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 le gusta el video o necesita más instrucciones, siga leyendo.
Lo primero que debe hacer es instalar y activar el Widget de accesibilidad complemento en su sitio web. Después de la activación, vaya a Apariencia »Widget y arrastre / suelte el widget de accesibilidad en una barra lateral.
Puede ingresar un título para el widget. A continuación, debe seleccionar qué elementos HTML o clases 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 el tamaño de la fuente aquí. La última configuración del widget es el texto del controlador. Este es el texto que verán los usuarios. Por lo general, la letra A se usa para representar la opción de escala de fuente. Cuando termine, haga clic en el botón Guardar para almacenar la configuración del widget.
Ahora puede visitar su sitio web para ver el widget en acción. Así es como debería verse el widget en su sitio web ahora:
Si cree que el texto del controlador no se nota, puede editarlo usando CSS. Por ejemplo, agregue este código CSS en la hoja de estilo de su tema:
.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}
Este CSS agregará un borde alrededor del texto del controlador, lo pondrá en negrita y agregará algo de relleno.
Esperamos que este artículo le haya ayudado a agregar una opción de texto de tamaño variable a su sitio de WordPress. También puede consultar nuestra guía sobre cómo mejorar la accesibilidad en su sitio de WordPress.
Si te gustó este artículo, suscríbete al nuestro canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo Y Google+.
