9 najlepszych wtyczek typograficznych dla WordPress

Dobra typografia ma kluczowe znaczenie dla Twojej witryny. Typografia obejmuje kroje pisma, układy, inicjały, ikony i nie tylko. Wiele z tego można teraz zrobić za pomocą Gutenberga, ale kroje pisma nadal są obszarem, w którym wtyczki mogą mieć duże znaczenie. W tym artykule przyjrzymy się kilku opcjom, które pomogą Ci wybrać najlepszą wtyczkę typograficzną dla WordPress.

1. Wtyczka Divi Builder

Wtyczka Divi Builder dodaje Divi Builder do dowolnego motywu WordPress. Zawiera 800 czcionek Google i możesz dodać swój klucz API Google, aby automatycznie pobierać nowe czcionki. Możesz też przesłać więcej. Mimo że wtyczka Divi robi coś więcej niż typografię, jest to świetny wybór, nawet jeśli nie korzystasz w pełni z Divi Builder ze względu na liczbę funkcji typograficznych, jakie ma. Opcje typografii są również dostępne w motywie Divi.

Przeszukuj czcionki w dowolnym module zawierającym tekst i zobacz podgląd każdej czcionki. Ostatnio używane czcionki znajdują się na górze, dzięki czemu można je łatwo znaleźć.

Czcionki są w pełni stylizowane. Styl w linii lub w ustawieniach modułu. Dostosuj każdy rozmiar nagłówka dla każdego modułu niezależnie.

Ustaw style jako globalne i rozszerz je na inne moduły kilkoma kliknięciami.

Kluczowe cechy :

• Czcionki i stylizacja tekstu.
• Twórz style globalne.
• Dostosuj niezależnie czcionki dla komputera stacjonarnego, tabletu i telefonu.
• Przetestuj swoje wybory typograficzne.
• Wyświetl podgląd stylów przed zastosowaniem.
• Rozszerz style.
• Kopiuj i wklejaj style.
• Menedżer kolorów.
• Znajdź i zamień style.
• Cienie tekstu.

Cena : 89 USD rocznie, 249 USD na całe życie | Więcej informacji

2. Użyj dowolnej czcionki

Użyj dowolnej czcionki to prosta wtyczka typograficzna do WordPressa, która umożliwia przesyłanie nowych czcionek.

Prześlij nowe czcionki na ekranie ustawień. Możesz także dodać predefiniowane czcionki.

Wybranie opcji Predefiniowane czcionki otwiera okno modalne, w którym można wyszukać i wybrać dowolną żądaną czcionkę. Zapewnia podgląd, dzięki czemu wiesz, co otrzymujesz. Istnieje blisko 24 000 opcji do użytku osobistego i komercyjnego.

Przypisz czcionki do dowolnego elementu z ekranu ustawień. Możesz także dodać elementy niestandardowe.

Kluczowe cechy :

• Przypisz czcionki do dowolnego elementu.
• Przypisz do elementów niestandardowych.
• Prześlij nowe czcionki.
• Prawie 24 000 predefiniowanych czcionek.
• Wersja Pro dodaje wiele przesyłanych czcionek.

Cena : Darmowa wersja pro zaczyna się od 9,99 USD | Więcej informacji

3. Zaawansowane narzędzia edytora

Zaawansowane narzędzia edytora działają zarówno z edytorem Gutenberg, jak i klasycznym. Dodaje wiele opcji typografii i pozwala dostosować pasek narzędzi klasycznego edytora zarówno w klasycznym bloku, jak i w klasycznym edytorze. Dodaje nowy blok akapitu do Gutenberga. Jeśli chcesz, możesz również zastąpić edytor bloków edytorem klasycznym.

Ustawienia Gutenberga obejmują paski narzędzi edytora bloków, klasyczne akapity i bloki klasyczne, nieużywane przyciski pasków narzędzi oraz wiele opcji. Ustawienia koncentrują się na typografii i pozwalają dostosować dokładnie te funkcje, które chcesz.

Możesz także dostosować Edytor klasyczny za pomocą tych samych pasków narzędzi, nieużywanych przycisków i opcji.

Kluczowe cechy :

• Dodaje opcje typografii do edytorów Gutenberg i Classic.
• Dostosuj paski narzędzi.
• Dostosuj kolory tekstu.
• Dodaj blok akapitu do Gutenberga.
• Zastąp edytor bloków edytorem klasycznym.

Cena : Za darmo | Więcej informacji

4. Typografia czcionek Google

Typografia Google Fonts dodaje nowe menu do dostosowywania motywów z podstawowymi i zaawansowanymi ustawieniami. Wybierz spośród 998 czcionek Google i zastosuj je do określonych elementów w Twojej witrynie. Możesz wyświetlić podgląd czcionek, dzięki czemu będziesz wiedział, jak wyglądają przed opublikowaniem.

Do narzędzia Theme Customizer zostanie dodane nowe menu, które obejmuje ustawienia podstawowe, ustawienia zaawansowane, ładowanie czcionek i narzędzia do debugowania.

Ustawienia podstawowe pozwalają wybrać rodzinę czcionek dla podstawowej typografii, nagłówków i przycisków. Możesz także wybrać grubość i styl czcionki.

Zaawansowane dodaje niestandardowe ustawienia marki, nawigacji, treści, paska bocznego, stopki i ładowania tylko czcionek. Ten przykład pokazuje ustawienia treści.

Możesz również dodać czcionki Adobe, jeśli masz klucz API.

Kluczowe cechy :

• Używa dostosowywania motywu.
• Zawiera ustawienia podstawowe i zaawansowane.
• Podgląd przed opublikowaniem.
• Wersja Pro dodaje rozmiar i kolor czcionki, hostuje lokalnie, optymalizuje ładowanie i przesyła niestandardowe czcionki.
• Dodaj czcionki Adobe.

Cena : Darmowa wersja pro zaczyna się od 59 USD | Więcej informacji

5. Czcionka niesamowita

Font Awesome ułatwia dodawanie ikon do treści. Możesz używać bezpłatnych lub profesjonalnych ikon i wybierać między czcionką SVG lub czcionką internetową. Ikony można ładować z CDN lub zestawu internetowego. Ikony są dodawane do treści za pomocą skrótów lub kodu HTML. Darmowa wersja zawiera ponad 1600 ikon, a w wersji pro możesz dodać o wiele więcej.

Ekran ustawień pozwala wybrać między zestawem lub CDN, czcionkami pro lub bezpłatnymi oraz czcionkami SVG lub Web. Możesz także wybrać wersję i kompatybilność, których chcesz użyć.

Ten przykład pokazuje, że ikony Font Awesome są dodawane do mojej treści za pomocą krótkich kodów.

Dodana przeze mnie ikona pojawia się teraz w treści na interfejsie użytkownika.

Kluczowe cechy :

• Dodaj ikony Font Awesome ze skrótami lub kodem HTML.
• Ponad 1600 ikon do darmowej wersji.
• Użyj SVG lub zestawu internetowego.
• Wybierz CDN lub zestaw.
• Wersja Pro zawiera ponad 7800 ikon, 4 style, 20 hostowanych zestawów profesjonalnych, 250 przesłanych ikon i wiele więcej.

Cena : Darmowa wersja pro to 99 USD | Więcej informacji

6. Przewodnik po stylach

Styleguide to prosta wtyczka typograficzna do WordPressa, która pozwala wybrać czcionki i kolory z dostosowywania motywów. Zawiera 45 najlepszych czcionek Google i możesz dodać więcej za pomocą kodu. Kompatybilność motywów jest ograniczona. Domyślnie nie działa z Divi. Jeśli nie działa z twoim motywem, musisz dodać obsługę motywu za pomocą kodu. Zawierają przykład kodu.

Opcje stylizacji czcionek są dodawane do dostosowywania motywu. Ustawienia obejmują czcionkę nagłówka, czcionkę treści i kolor tła. Posiada również opcję trybu ciemnego, która dodaje przycisk na dole strony.

Kluczowe cechy :

• Styl czcionki dodany do dostosowywania motywu.
• Wybierz czcionki dla tekstu nagłówka i treści niezależnie.
• Tryb ciemny.
• Dodaj więcej czcionek z kodem.
• Dodaj zgodność motywu z kodem.

Cena : Za darmo | Więcej informacji

7. Rozdzielacz tytułu strony

Rozdzielacz tytułu strony pozwala ustawić punkty przerwania dla tytułów, aby określić, gdzie zostaną podzielone. Jest to szczególnie przydatne w przypadku mniejszych ekranów. Działa z klasycznym edytorem i daje prosty pasek do umieszczenia punktu przerwania. Kliknięcie ikony otwiera pasek. Punkt przerwania jest następnie umieszczany w miejscu, w którym klikniesz w tytule.

Ustawienia umożliwiają dodawanie klas i stylów CSS oraz modyfikowanie tytułu, tytułów menu, tytułów widżetów i nie tylko. Zawiera szczegółowe instrukcje, jak z niego korzystać.

Oto punkt przerwania przykładowego artykułu, który utworzyłem. Ustawiłem jeden, ale możesz ustawić wiele znaczników, aby złamać tytuł w wielu miejscach.

Punkt przerwania dzieli tytuł z przodu. Można to wykorzystać do projektowania tytułów z unikalnymi układami, które zwykle nie są dostępne.

Kluczowe cechy :

• Tworzy punkty przerwania dla tytułów.
• Współpracuje z klasycznym edytorem.
• Ustaw wiele znaczników.
• Dostosuj punkty przerwania za pomocą CSS.

Cena : Za darmo | Więcej informacji

8. Drugi tytuł

Secondary Title to prosta wtyczka typograficzna dla WordPress, która współpracuje z klasycznym edytorem, aby wyświetlić inny tytuł wraz ze zwykłym tytułem. Dodaje nowe pole nad polem tytułu i zapewnia ustawienia, w których można dostosować wygląd i sposób działania. Jest zgodny z typami postów, kategoriami i określonymi identyfikatorami postów.

Ustawienia umożliwiają ustawienie formatu tytułu dodatkowego i ustawienie zasad wyświetlania. Ustaw reguły dotyczące typów i kategorii postów. Zapewnia podgląd tytułu dodatkowego, dzięki czemu można go dostosować.

Nad tytułem zostanie dodane nowe pole, w którym można wpisać tytuł dodatkowy.

Tytuł jest wyświetlany zgodnie z opcjami wybranymi na ekranie ustawień. To są ustawienia domyślne.

Kluczowe cechy :

• Dodaje nowe pole tytułu do klasycznego edytora.
• Dostosuj projekt tytułu w dowolny sposób.
• Wybierz typy i kategorie postów, które używają tytułu dodatkowego.

Cena : Za darmo | Więcej informacji

9. Zmiana rozmiaru czcionki Zeno

Zeno Font Resizer umożliwia odwiedzającym zmianę rozmiaru czcionek podczas przeglądania Twojej witryny. Plik cookie zachowuje ustawienia, dzięki czemu nie muszą ich zmieniać za każdym razem, gdy odwiedzają. Masz kontrolę nad wyborami, których mogą dokonywać, wyświetlaną ikoną, liczbą dni działania pliku cookie i nie tylko.

Ekran ustawień umożliwia dostosowanie kodu HTML, kroków zmiany rozmiaru, minimalnych i maksymalnych rozmiarów, znaku wyświetlanego dla ikony zmiany rozmiaru oraz ustawień plików cookie. HTML pozwala wybrać, jak działa zmiana rozmiaru.

Dodałem resizer do paska bocznego za pomocą widżetu.

Kluczowe cechy :

• Dostosuj kroki zmiany rozmiaru.
• Ustaw minimalne i maksymalne rozmiary.
• Wybierz postać.
• Cookie zachowuje ustawienia odwiedzającego.
• Dodaj go za pomocą kodu lub widżetu.

Cena : Za darmo | Więcej informacji

Końcowe myśli

Oto nasze spojrzenie na najlepsze wtyczki typograficzne dla WordPressa. Istnieje wiele dobrych opcji, które mogą wyróżnić Twoją typografię i przyciągnąć wzrok czytelników. Jeśli szukasz wtyczki typograficznej do WordPressa, na pewno znajdziesz na tej liście coś, co spełni Twoje potrzeby.

Chcemy usłyszeć od Ciebie. Jaka jest twoja ulubiona wtyczka typograficzna do WordPressa?

Polecane zdjęcie za pośrednictwem ANTSTUDIO / shutterstock.com