Jak dodać zmieniacz rozmiaru czcionki w WordPress dla dostępności

Nauczyliśmy się, że najlepsze strony internetowe to te, które dostosowują się do użytkowników, a nie odwrotnie. Jednym z najskuteczniejszych sposobów na osiągnięcie tego jest dodanie zmieniacza rozmiaru czcionki, który pozwala odwiedzającym dostosować rozmiar tekstu do ich poziomu komfortu.

Dostępność czcionek przynosi korzyści wszystkim – od użytkowników z wadami wzroku po osoby czytające na różnych urządzeniach lub w różnych warunkach oświetleniowych.

Kiedy odwiedzający mogą łatwo dostosować rozmiar tekstu, zostają dłużej, czytają więcej i chętniej angażują się w Twoje treści oraz podejmują działania na Twojej stronie.

W tym przewodniku pokażemy Ci dokładnie, jak dodać zmieniacz rozmiaru czcionki do Twojej witryny WordPress. Przetestowaliśmy kilka metod i wtyczek, aby znaleźć najbardziej niezawodne opcje, które działają z każdym motywem i nie spowolnią Twojej witryny.

Dlaczego ważne jest dodanie skalowalnego tekstu do Twojej witryny? 🤔

Jeśli rozmiar czcionki jest zbyt mały na Twojej stronie, ludzie będą mieli trudności z czytaniem Twoich artykułów i ostatecznie opuszczą Twoją witrynę.

Jednym z łatwych sposobów na poprawę czytelności jest zaoferowanie odwiedzającym opcji zmiany rozmiaru głównego tekstu na Twojej stronie internetowej. Pozwala to użytkownikom dostosować rozmiar tekstu do swoich upodobań i spędzić więcej czasu na Twojej stronie.

Chociaż możesz użyć wbudowanej funkcji powiększenia przeglądarki, naciskając klawisze „CTRL i +”, zwiększa to rozmiar każdego elementu projektu WordPress na stronie, a nie tylko tekstu. Może to zepsuć układ strony i nie zapewnić dobrego doświadczenia użytkownika.

Mając to na uwadze, zobaczmy, jak łatwo możesz dodać zmienny tekst dla swoich odwiedzających w WordPress. Możesz użyć poniższych szybkich linków, aby przejść do konkretnej metody:

• Metoda 1: Dodaj narzędzie do zmiany rozmiaru czcionki WordPress za pomocą wtyczki i kodu
• Metoda 2: Użyj wtyczki dostępności WordPress
• Spraw, aby Twoja strona WordPress była jeszcze łatwiejsza w użyciu dzięki tym wskazówkom
• Samouczek wideo

Metoda 1: Dodaj narzędzie do zmiany rozmiaru czcionki WordPress za pomocą wtyczki i kodu

Jednym z łatwych sposobów umożliwienia użytkownikom zmiany rozmiaru tekstu na Twojej stronie internetowej jest użycie wtyczki WordPress do zmiany rozmiaru czcionki dostępności, takiej jak Accessibility Widget.

Jest to darmowa wtyczka WordPress, która pozwala dodać opcję do paska bocznego Twojej witryny, aby zmienić rozmiar tekstu. Wtyczka jest lekka i bardzo łatwa w użyciu.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Accessibility Widget na swojej stronie internetowej. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Wygląd » Widżety z panelu administracyjnego WordPress. Następnie możesz kliknąć przycisk „+” i dodać blok „Widżet dostępności” do swojego paska bocznego.

Następnie możesz wprowadzić tytuł dla widżetu, na przykład „Zmień rozmiar tekstu” lub „Dostosuj rozmiar tekstu”.

Następnie musisz wybrać, które elementy HTML lub klasy CSS będą objęte działaniem widżetu. Domyślne opcje to 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, wprowadzając liczby w polu „Ustaw na te rozmiary”.

Ostatnie ustawienie widżetu to tekst kontrolera, i jest to tekst, który użytkownicy zobaczą. Możesz zachować domyślne procenty rozmiaru tekstu lub użyć litery, aby pokazać różne rozmiary czcionek.

Po zakończeniu kliknij przycisk „Zaktualizuj”, aby zapisać ustawienia widżetu.

Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć widżet w akcji. Tak widżet powinien wyglądać w pasku bocznym Twojej witryny:

Jeśli uważasz, że tekst kontrolera nie jest zauważalny, możesz to zmienić za pomocą CSS.

Aby to zrobić, przejdź do swojego panelu administracyjnego WordPress i wybierz Wygląd » Dostosuj.

Powinieneś teraz zobaczyć kilka opcji dostosowywania swojego klasycznego motywu.

Tutaj wybierz „Dodatkowe CSS”.

Teraz możesz dodać kod CSS, aby stylizować widżet.

Oto co dodaliśmy:

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

Ten kod CSS doda obramowanie wokół tekstu kontrolera, pogrubi go i doda trochę odstępu. Gdy będziesz zadowolony z wyglądu widżetu, po prostu kliknij „Opublikuj”.

Więcej szczegółów znajdziesz w naszym przewodniku na temat dodawania niestandardowego CSS w WordPress.

Metoda 2: Użyj wtyczki dostępności WordPress

Innym łatwym sposobem, aby umożliwić użytkownikom zmianę rozmiaru tekstu na Twojej stronie, jest użycie WP Accessibility. Ta wtyczka pozwala dodać pasek narzędzi do Twojej witryny, aby zmienić rozmiar tekstu, niezależnie od używanego motywu.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki WP Accessibility na swojej stronie internetowej. Możesz zapoznać się z naszym przewodnikiem jak zainstalować wtyczkę WordPress, jeśli potrzebujesz pomocy.

Po aktywacji przejdź po prostu do strony WP Accessibility z panelu administracyjnego WordPress.

W sekcji „Pasek narzędzi dostępności” kliknij opcję „Włącz pasek narzędzi dostępności” i wybierz „Rozmiar czcionki”. Spowoduje to dodanie zmieniacza rozmiaru czcionki do paska narzędzi.

W razie potrzeby możesz również włączyć opcje Kontrast i Skala szarości.

Dodatkowo możesz zmienić rozmiar czcionki treści po kliknięciu paska narzędzi. Możesz również po prostu wybrać „Rozmiar domyślny” z menu rozwijanego, jeśli nie masz pewności, co wybrać.

Poza tym zalecamy włączenie opcji „Użyj alternatywnego arkusza stylów zmiany rozmiaru czcionki”. Gdy ta opcja jest włączona, użytkownicy mogą łatwo przełączać się między domyślnymi rozmiarami czcionek a większą, bardziej czytelną wersją tekstu.

Zachęcamy do włączenia innych ustawień wtyczki.

Po zakończeniu kliknij przycisk „Zaktualizuj ustawienia paska narzędzi”.

To wszystko!

Oto jak wygląda nasz pasek narzędzi zmiany rozmiaru czcionki po stronie front-end:

Więcej informacji znajdziesz w naszym przewodniku jak poprawić dostępność Twojej witryny WordPress.

Spraw, aby Twoja strona WordPress była jeszcze łatwiejsza w użyciu dzięki tym wskazówkom

Chcesz, aby Twoja strona była łatwiejsza w użyciu i świetnie wyglądała? Sprawdź te pomocne przewodniki:

• Jak dodać nawigację klawiaturą za pomocą klawiszy strzałek w WordPress – Ułatw ludziom poruszanie się po Twojej witrynie.
• Jak dostosować kolory na swojej stronie WordPress – Wybierz odpowiednie kolory, aby Twoja witryna wyglądała dobrze i była łatwa do odczytania.
• Jak dodać animację ładowania do WordPress (krok po kroku) – Dodaj fajny ekran ładowania do swojej witryny.
• Jak łatwo dodać tryb ciemny do Twojej witryny WordPress – Pozwól użytkownikom przełączyć się na ciemniejszy motyw, jeśli wolą.
• Sposoby na stworzenie przyjaznej dla urządzeń mobilnych strony WordPress – Upewnij się, że Twoja strona działa dobrze na telefonach i tabletach.
• Jak uzyskać opinię na temat projektu strony internetowej w WordPress (krok po kroku) – Dowiedz się, jak pytać ludzi, co myślą o projekcie Twojej witryny.
• Jak wyróżnić tekst w WordPress (Przewodnik dla początkujących) – Dowiedz się, jak sprawić, by ważne słowa wyróżniały się na Twoich stronach.

Samouczek wideo

Mamy nadzieję, że ten artykuł pomógł Ci dodać skalowalny tekst do Twojej witryny WordPress. Możesz również zapoznać się z naszymi najlepszymi wyborami najlepszych kreatorów stron WordPress metodą przeciągnij i upuść oraz naszym kompletnym przewodnikiem po aktualizacjach motywów WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.