Tekniska bloggspel, Android-app-apk, tips och tricks

Hur man ändrar teckenstorlek i Click WordPress med JavaScript

Obs: I nästa ämne du kommer att läsa kommer du att lära dig om: Hur man ändrar teckenstorlek i Click WordPress med JavaScript

Har du någonsin stött på en webbplats eller blogg som låter sina besökare ändra teckenstorleken på +/- knappen i sidofältet? Normalt sett behöver du aldrig lägga till den här funktionen då alla större webbläsare har en zoom in/ut-knapp, men det finns fortfarande en hel del användare som inte är vana vid den zoomfunktionen. Tja, i den här artikeln kommer vi att visa dig hur man ger användare möjligheten att ändra teckenstorlek i WordPress med enkla JavaScript-funktioner och lite HTML.

Lägg först till det här skriptet i sidhuvudet eller sidfoten:

Sau đó, chỉ cần thêm mã này vào bất cứ đâu trong chủ đề của bạn (hầu hết mọi người đặt nó vào thanh bên)

Make text bigger | Make text smaller

Du kan också använda bilden som +/- eller andra ikoner om så önskas. För att kunna göra detta måste du ange en teckenstorlek för ditt html-element.

Om du också vill begränsa området inklusive teckenstorleken (t.ex. endast dess innehållsområde), ändra det inbyggda javascriptet till något så här:

Detta innebär att endast ändra teckensnittsstorleken på objektet med id="content".

Letar du efter ett levande exempel? Kolla in Eric Wendelins blogg.

Källa: David Walsh