Czy widziałeś przyciski zmiany rozmiaru czcionki w niektórych popularnych witrynach? Celem tych przycisków jest ułatwienie użytkownikom z słabym widzeniem dostosowania rozmiaru czcionki bez naruszania układu strony internetowej. Mimo że możesz użyć wbudowanej funkcji powiększania przeglądarki, naciskając klawisze CTRL i +, zwiększa to rozmiar każdego elementu na stronie, a nie tylko tekstu. W tym artykule pokażemy, jak dodać tekst z możliwością zmiany rozmiaru dla odwiedzających witrynę w WordPress.
Video Tutorial
Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę widget dostępności na swojej stronie. Po aktywacji wystarczy przejść do Wygląd ” Widget i przeciągnij / upuść widżet dostępności na pasku bocznym.
Możesz wprowadzić tytuł widżetu. Następnie musisz wybrać, które elementy HTML lub klasy CSS będą miały wpływ na widżet. Domyślnymi opcjami są body, paragraph, list items I table cells. Te opcje powinny działać dla większości stron internetowych.
Widżet pozwala na maksymalnie cztery opcje zmiany rozmiaru. Domyślne opcje to 90%, 100%, 110% i 120%. Możesz zwiększyć lub zmniejszyć rozmiary czcionek tutaj. Ostatnim ustawieniem widżetu jest tekst kontrolera. To jest tekst, który użytkownicy zobaczą. Zazwyczaj litera A jest używana do reprezentowania opcji zmiany rozmiaru czcionki. Po zakończeniu kliknij przycisk Zapisz, aby zapisać ustawienia widżetu.
Możesz teraz odwiedzić swoją witrynę, aby zobaczyć widżet w akcji. W ten sposób widżet powinien teraz pojawić się na twojej stronie:
Jeśli uważasz, że tekst kontrolera nie jest zauważalny, możesz to zmienić za pomocą CSS. Na przykład dodaj ten kod CSS do arkusza stylów szablonu:
.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}
Ten CSS doda obramowanie wokół tekstu kontrolera, pogrubi go i doda trochę wypełnienia.
Mamy nadzieję, że ten artykuł pomógł Ci dodać opcję tekstową z możliwością zmiany rozmiaru w Twojej witrynie WordPress. Możesz również zapoznać się z naszym przewodnikiem, w jaki sposób poprawić dostępność w swojej witrynie WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Możesz nas również znaleźć na Twitterze i Google+.
