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

Dowiedzieliś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 celu jest dodanie narzędzia do zmiany rozmiaru czcionki, które pozwala odwiedzającym dostosować rozmiar tekstu do ich poziomu komfortu.

Dostępność czcionek przynosi korzyści wszystkim. Pomaga użytkownikom z wadami wzroku, a także osobom czytającym na małych urządzeniach lub w słabym oświetleniu.

Kiedy odwiedzający mogą łatwo dostosować rozmiar tekstu, zostają dłużej i czytają więcej treści. Są również bardziej skłonni do interakcji z Twoją witryną.

W tym przewodniku pokażemy Ci dokładnie, jak dodać narzędzie do zmiany rozmiaru czcionki do Twojej witryny WordPress.

Dlaczego warto dodać skalowalny tekst do swojej 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 ich preferencji.

Możesz zastanawiać się nad wbudowaną funkcją powiększenia przeglądarki (aktywną za pomocą klawiszy ‘CTRL i +’). Chociaż działa, zwiększa rozmiar każdego elementu na stronie, w tym obrazów i menu nawigacyjnych.

Zmieniacz rozmiaru czcionki jest lepszą opcją. Pozwala użytkownikom na zwiększenie tylko rozmiaru tekstu, zachowując resztę układu bez zmian.

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: Użyj wtyczki dostępności WordPress (zalecane)
• Method 2: Add WordPress Font Resizer With Plugin (Classic Themes Only)
• Samouczek wideo
• Najczęściej zadawane pytania dotyczące czcionek WordPress
• Spraw, aby Twoja strona WordPress była jeszcze łatwiejsza w użyciu dzięki tym wskazówkom

Metoda 1: Użyj wtyczki dostępności WordPress (zalecane)

Najprostszym sposobem, aby umożliwić użytkownikom zmianę rozmiaru tekstu, jest użycie wtyczki WP Accessibility. Dodaje ona pomocny pasek narzędzi do Twojej witryny, który działa z każdym motywem.

Najpierw musisz zainstalować i aktywować wtyczkę WP Accessibility na swojej stronie internetowej. Możesz zapoznać się z naszym przewodnikiem jak zainstalować wtyczkę WordPress, jeśli potrzebujesz pomocy.

Po aktywacji przejdź do strony WP Accessibility w panelu administracyjnym WordPress, aby skonfigurować ustawienia wtyczki.

Przewiń w dół do sekcji „Pasek narzędzi dostępności”. Tutaj musisz zaznaczyć pole wyboru „Włącz pasek narzędzi dostępności”.

Upewnij się, że zaznaczyłeś również opcję „Rozmiar czcionki”. Tworzy to rzeczywiste przyciski zmiany rozmiaru na pasku narzędzi.

Możesz również włączyć inne funkcje, takie jak „Kontrast” i „Skala szarości”, jeśli chcesz zaoferować więcej opcji dostępności.

Następnie poszukaj ustawień rozmiaru czcionki. Zalecamy włączenie opcji „Użyj alternatywnego arkusza stylów zmiany rozmiaru czcionki”.

Zapewnia to, że wtyczka używa oddzielnego arkusza stylów do skalowania tekstu. Wymusza to powiększenie tekstu i poprawę jego czytelności bez psucia projektu Twojej witryny.

Po zakończeniu kliknij przycisk „Zaktualizuj ustawienia paska narzędzi”, aby zapisać zmiany.

Możesz teraz odwiedzić swoją witrynę, aby zobaczyć pasek narzędzi w akcji. Zazwyczaj pojawi się on z boku ekranu.

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

Metoda 2: Dodaj narzędzie do zmiany rozmiaru czcionki WordPress za pomocą wtyczki (tylko klasyczne motywy)

Jeśli używasz klasycznego motywu WordPress, możesz dodać widżet zmiany rozmiaru czcionki do swojego paska bocznego za pomocą wtyczki Accessibility Widget.

Najpierw zainstaluj i aktywuj wtyczkę Accessibility Widget na swojej stronie internetowej. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do sekcji Wygląd » Widżety w swoim panelu administracyjnym. Znajdź blok „Accessibility Widget” i dodaj go do obszaru paska bocznego.

Po dodaniu możesz dostosować ustawienia widżetu. Możesz wprowadzić tytuł, na przykład „Zmiana rozmiaru tekstu”, aby odwiedzający wiedzieli, co robi narzędzie.

Następnie musisz wybrać, które części Twojej witryny będą miały zmieniany rozmiar. Domyślne opcje (body, paragraph, list items i table cells) dobrze sprawdzają się w większości witryn.

Wtyczka pozwala na cztery opcje zmiany rozmiaru: 90%, 100%, 110% i 120%. Możesz dostosować te liczby w polu „Ustaw na te rozmiary”, jeśli chcesz większe lub mniejsze opcje.

Na koniec spójrz na ustawienie „Tekst kontrolera”. Jest to po prostu etykieta, na którą klikną odwiedzający (np. „A+”, „A-”). Możesz pozostawić domyślny tekst lub zmienić go na coś innego.

Kliknij „Aktualizuj”, aby zapisać ustawienia widżetu. Jeśli odwiedzisz swoją aktywną stronę, zobaczysz widżet na swoim pasku bocznym.

Opcjonalnie: Dostosuj styl widżetu za pomocą CSS

Jeśli linki tekstowe wyglądają zbyt prosto, możesz je stylizować, aby wyglądały jak przyciski, używając CSS.

Przejdź do Wygląd » Dostosuj i kliknij zakładkę „Dodatkowy CSS”.

Możesz wkleić poniższy kod, aby dodać obramowanie i pogrubić linki widżetu:

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

Uwaga: Ten kod celuje w konkretną klasę CSS używaną przez wtyczkę Accessibility Widget. Nie zadziała dla innych narzędzi.

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

Gdy będziesz zadowolony z wyglądu, kliknij „Opublikuj”, aby zapisać zmiany.

Samouczek wideo

Jeśli nie chcesz czytać instrukcji, możesz obejrzeć nasz samouczek wideo:

Najczęściej zadawane pytania dotyczące czcionek WordPress

Oto kilka pytań, które nasi czytelnicy zadali na temat czcionek w WordPressie:

Jak zmienić rozmiar czcionek w WordPressie?

Rozmiar czcionek można zmienić w ustawieniach „Typografia” na pasku bocznym edytora bloków. Po prostu kliknij blok tekstowy, spójrz na prawy panel i dostosuj opcje rozmiaru (S, M, L, XL). Aby zmienić rozmiar czcionek w całym serwisie, możesz użyć Stylów globalnych lub Dostosowywania motywu, w zależności od motywu.

Jak dodać niestandardową czcionkę w WordPress?

Najprostszym sposobem dodania niestandardowej czcionki jest użycie wtyczki takiej jak Custom Fonts. Pozwala ona na przesyłanie plików czcionek lub łączenie się z Google Fonts bez pisania kodu. Możesz również dodawać czcionki ręcznie za pomocą CSS, jeśli czujesz się komfortowo z kodowaniem.

Dlaczego nie mogę zmienić rozmiaru czcionki w WordPress?

Jeśli nie widzisz opcji rozmiaru czcionki, prawdopodobnie jest ona ukryta w menu ustawień bloku. Na prawym pasku bocznym kliknij menu z trzema kropkami obok „Typografia”, aby wyświetlić pełną listę kontroli czcionek.

Jak zmienić kolor czcionki w WordPress?

Kolor czcionki można zmienić na pasku bocznym ustawień bloku. Zaznacz tekst, który chcesz zmienić, znajdź sekcję „Kolor” po prawej stronie i kliknij „Tekst”, aby wybrać nowy kolor z palety.

Aby uzyskać pomoc, możesz zapoznać się z naszym samouczkiem na temat zmiany koloru tekstu w 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.

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.