C√≥mo cambiar el tama√Īo de fuente en Haga clic en WordPress con JavaScript

¬ŅAlguna vez te has encontrado con un sitio o blog que permita a sus visitantes cambiar el tama√Īo de fuente de alg√ļn bot√≥n +/- en la barra lateral? Normalmente, nunca deber√≠a tener que agregar esta funci√≥n porque todos los principales navegadores tienen los botones para acercar / alejar, pero todav√≠a hay un buen n√ļmero de usuarios que no est√°n familiarizados con esa funci√≥n de zoom. Bueno, en este art√≠culo, le mostraremos c√≥mo dar a sus usuarios la capacidad de cambiar el tama√Īo de fuente en WordPress usando una funci√≥n simple de JavaScript y algo de HTML.

Primero agreguemos este script en su encabezado o pie de p√°gina:

Luego, simplemente agregue este código en cualquier parte de su tema (la mayoría de las personas lo coloca en la barra lateral)

Make text bigger | Make text smaller

Tambi√©n puede usar im√°genes como iconos +/- u otras si lo desea. Para que todo esto sea posible, deber√° especificar el tama√Īo de fuente para su elemento html.

Alternativamente, si desea limitar el √°rea donde se incluir√≠a el tama√Īo de fuente (por ejemplo: solo su √°rea de contenido), cambie el javascript original para que sea algo as√≠:

Esto significa que solo el cambio de tama√Īo de fuente en el elemento que tiene el id = “contenido”.

¬ŅBuscas un ejemplo en vivo? Echa un vistazo al blog de Eric Wendelin.

Fuente: David Walsh