Hur man lÀgger till storleksanpassad text för besökare pÄ WordPress

Hur man lÀgger till storleksanpassad text för besökare pÄ WordPress

Har du sett knapparna för teckensnittsĂ€ndring pĂ„ vissa populĂ€ra webbplatser? Syftet med dessa knappar Ă€r att göra det enklare för besökare med nedsatt syn att justera teckenstorlek utan att bryta webbplatsens layout. Även om du kan anvĂ€nda webblĂ€sarens inbyggda zoomfunktion genom att trycka pĂ„ CTRL och +, ökar det storleken pĂ„ varje element pĂ„ sidan, inte bara text. I den hĂ€r artikeln visar vi dig hur du lĂ€gger till storleksanpassad text för besökare pĂ„ WordPress.

Videohandledning

Prenumerera pÄ WPBeginner

Om du inte gillar videon eller behöver fler instruktioner, fortsÀtt lÀsa.

Det första du behöver göra Àr att installera och aktivera plugin för tillgÀnglighetswidget pÄ din webbplats. Vid aktivering, gÄ helt enkelt till Utseende »Widget och dra / slÀpp tillgÀnglighetswidgeten i ett sidofÀlt.

InstÀllningar för tillgÀnglighetswidget

Du kan ange en titel för widgeten. DÀrefter mÄste du vÀlja vilka HTML-element eller CSS-klasser som pÄverkas av widgeten. Standardalternativen Àr brödtext, stycke, listobjekt och tabellceller. Dessa alternativ ska fungera för de flesta webbplatser.

Widgeten tillÄter upp till fyra alternativ för storleksÀndring. Standardalternativen Àr 90%, 100%, 110% och 120%. Du kan öka eller minska teckenstorlekarna hÀr. Den senaste widgetinstÀllningen Àr kontrolltext. Detta Àr texten som anvÀndarna kommer att se. Vanligtvis anvÀnds bokstaven A för att representera alternativet för teckensnittsÀndring. NÀr du Àr klar klickar du pÄ knappen Spara för att lagra dina widgetinstÀllningar.

Du kan nu besöka din webbplats för att se widgeten i aktion. SÄ hÀr ska widgeten visas pÄ din webbplats nu:

Ändra teckensnittsstorlekswidget

Om du kÀnner att styrtext inte mÀrks kan du Àndra det genom att anvÀnda CSS. LÀgg till exempel till den hÀr CSS-koden i temat stilformat:


.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}

Denna CSS kommer att lÀgga till en kant runt styrtexten, göra den fet och lÀgga till lite stoppning.

Vi hoppas att den hÀr artikeln hjÀlpte dig att lÀgga till storleksanpassad text pÄ din WordPress-webbplats. Du kanske ocksÄ vill kolla in vÄr guide om hur du förbÀttrar tillgÀngligheten pÄ din WordPress-webbplats.

Om du gillade den hÀr artikeln, prenumerera sedan pÄ vÄr YouTube-kanal för WordPress-sjÀlvstudier. Du kan ocksÄ hitta oss pÄ Twitter och Google+.