Poprawa doświadczenia użytkownika (UX) może zwiększyć zaangażowanie na twojej witrynie WordPress. UX bierze udział w kilku szczegółach w twoim procesie projektowania stron internetowych, a krój pisma jest jednym z ważnych czynników.
Wybór odpowiednich krojów pisma może sprawić, że twoja witryna będzie czytelna, wciągająca i atrakcyjna wizualnie. A wszystko to można łatwo osiągnąć dzięki wtyczce typograficznej WordPress.
Zaletą korzystania z wtyczki typograficznej jest jej biblioteka czcionek i dostępność własnych fontów. Przetestowaliśmy więc różne wtyczki, takie jak Google Fonts for WordPress i Custom Fonts, na prawdziwych witrynach internetowych, zwracając uwagę na ich funkcjonalność i łatwość obsługi.
A teraz podzielimy się niektórymi z najlepszych wtyczek typograficznych WordPress, których możesz użyć (większość z nich jest bezpłatna i łatwa do zainstalowania na twojej witrynie).
Dlaczego typografia jest ważna dla twojej witryny WordPress?
Typografia twojej witryny internetowej jest bardzo ważną częścią ogólnego projektu. Wybór pięknych i łatwych do odczytania krojów pisma zwiększy zaangażowanie na twojej witrynie internetowej i wydłuży czas spędzany na niej przez użytkowników.
Wiele z najlepszych motywów WordPress ma dostęp do krojów pisma Google i umożliwia modyfikację typografii zgodnie z twoimi potrzebami.
Istnieją wbudowane ustawienia w edytorze wpisów i stron, które dają większą kontrolę nad twoimi czcionkami i układami.
Możesz jednak zrobić o wiele więcej z twoją typografią, na przykład dodawać podtytuły, używać kapitalików, dołączać przypisy, pozwalać użytkownikom na zmianę rozmiaru czcionek i wiele więcej.
Wybierając odpowiednie wtyczki WordPress, możesz poprawić typografię na twojej witrynie internetowej WordPress bez pisania jakiegokolwiek kodu.
Mając to na uwadze, przyjrzyjmy się niektórym z najlepszych wtyczek typograficznych WordPress, które możesz wypróbować na swojej witrynie internetowej.
1. Czcionki Google dla WordPressa
Google Fonts for WordPress zawiera bibliotekę ponad 1 455 stylowych czcionek, których możesz używać na swojej witrynie WordPress. Zawiera podgląd na żywo dla każdego kroju pisma, aby pomóc ci wybrać czcionkę dla twoich nagłówków i treści.
Wtyczka posiada integrację z Adobe Fonts, a także obsługuje tysiące krojów pisma Google. Można również przesyłać własne czcionki i zmieniać ich rozmiar, kolor, wagę i wysokość linii w ustawieniach wtyczki.
Więcej szczegółów można znaleźć w naszym przewodniku na temat dodawania własnych czcionek w WordPress.
Oferta: Jeśli chcesz uzyskać wersję premium wtyczki, skorzystaj z naszego kuponu Google Fonts for WordPress, aby uzyskać 20% zniżki.
2. Własne czcionki
Custom Fonts to prosta wtyczka do czcionek WordPress, która pozwala hostować czcionki internetowe na twoim serwerze. Pomaga to poprawić wydajność witryny, ponieważ twoja witryna będzie wczytywać czcionki lokalnie.
Wtyczka umożliwia importowanie krojów pisma z biblioteki Google Fonts. Możesz także dodać własne czcionki do swojej witryny WordPress i w pełni kontrolować ustawienia typografii.
3. Zeno Font Resizer
Zeno Font Resizer daje odwiedzającym twoją witrynę internetową możliwość zmiany wielkości liter za pomocą kilku kliknięć. Może to poprawić twoje wrażenia użytkownika dla tych, którzy wolą większy tekst.
Wtyczka ułatwia dodanie opcji zmiany rozmiaru pisma do twojego panelu bocznego WordPress. Wykorzystuje również jQuery, dzięki czemu Twoi odwiedzający mogą dostosować krój pisma bez przeładowywania strony.
4. Rozdzielacz tytułu strony
Page Title Splitter to unikatowa wtyczka, która pozwala podzielić dłuższe tytuły wpisów na dwie linie. Dzięki temu możesz używać dłuższych i bardziej opisowych wpisów, jednocześnie upewniając się, że są one nadal czytelne.
Działa to dla wszystkich wpisów, stron i tytułów własnego typu treści. Daje to pełną kontrolę nad układem twojego tytułu na komputerach stacjonarnych i urządzeniach mobilnych.
5. Zestaw narzędzi dla motywu blokowego
Toolkit for Block Theme to wtyczka do edytora bloków WordPress umożliwiająca dostosowanie wyglądu i stylów twojego motywu. Pozwala zmieniać kroje pisma, integrować Google Fonts i korzystać z dodatkowych stylów globalnych, aby stworzyć idealną witrynę internetową dla twojego biznesu.
Daje ona możliwość hostowania Google Fonts lokalnie, dzięki czemu można importować dowolną rodzinę pism i używać jej na twojej witrynie internetowej. Wtyczka ma kilka innych opcji dla motywów blokowych WordPress.
6. Edytor Plus
Editor Plus to zaawansowana wtyczka do konfiguratora WordPress. Zawiera kontrolki typografii i panel do zarządzania Twoimi właściwościami czcionek.
Wtyczka umożliwia zmianę wagi czcionki, stylu czcionki, wielkości liter, odstępów między literami, wysokości linii i koloru. Można również łatwo kontrolować wyświetlanie kroju pisma na różnych rozmiarach ekranu i urządzeniach.
7. Własny krój pisma Adobe.
Konfigurator Adobe Fonts umożliwia dodanie popularnych czcionek Adobe (dawniej Typekit) do twojej witryny internetowej.
Wtyczka współpracuje z najpopularniejszymi kreatorami stron, dzięki czemu masz większą bibliotekę pism do wyboru podczas dostosowywania twojej witryny.
8. Krój pisma
Font Awesome pozwala dodawać do twojej witryny internetowej krój pisma z ikonkami. Kroje pisma z ikonkami to proste piktogramy, których możesz użyć do ulepszenia twoich przycisków, pól funkcji, menu nawigacyjnych i nie tylko.
Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat tego, jak łatwo dodać krój pisma z ikonkami do twojego motywu WordPress.
9. Używaj dowolnej czcionki
Use Any Font pozwala na wgrywanie własnych czcionek do WordPressa. Jest to świetne rozwiązanie, jeśli masz własne czcionki pobrane na twój komputer, których chcesz użyć.
Można również używać czcionek z biblioteki czcionek, która zawiera ponad 23 871 różnych czcionek do wyboru.
10. Styleguide
Styleguide pozwala dostosować krój pisma i kolory twojego motywu we własnym konfiguratorze motywów WordPress.
Pozwala to na zmianę wyglądu czcionek bez konieczności dodawania własnego CSS do twojej witryny internetowej. Jest zgodny [może być też „kompatybilny”] z większością motywów WordPress.
11. OMGF
OMGF to wtyczka, która zoptymalizuje Twój krój pisma Google. Umożliwia ona hostowanie twojego kroju pisma lokalnie, aby przyspieszyć czas ładowania.
Wtyczka pomaga zminimalizować żądania DNS, zmniejsza przesunięcia układu i wykorzystuje pamięć podręczna przeglądarki w celu poprawy wydajności. Jest bardzo przyjazna dla początkujących i działa cicho w tle.
12. WP Font Awesome
WP Font Awesome to darmowa wtyczka WordPress do typografii. Pozwala dodać ikonkę Font Awesome za pomocą krótkiego kodu.
Możesz uzyskać szablony shortcode, aby dostosować własne ikony pisma. Wtyczka pozwala również dodawać krój pisma w obszarze widżetów, na stronach i we wpisach.
13. Konwerter wielkości liter
Text Case Converter to wtyczka, która pozwala zmienić tekst twoich stron lub wpisów na wielkie litery, małe litery, wielkość liter w zdaniach i wiele innych.
Wtyczka pomaga również dodawać fikcyjne treści do twojej witryny WordPress. Ponadto pomaga policzyć całkowitą liczbę znaków, słów i wierszy na twoich stronach WordPress.
14. SeedProd
SeedProd to najlepszy na rynku motyw WordPress i kreator witryn internetowych. Zawiera gotowe zestawy szablonów, które można wykorzystać do uruchomienia twojej witryny internetowej za pomocą zaledwie kilku kliknięć.
SeedProd to również najlepszy kreator stron WordPress. Dzięki tej wtyczce możesz tworzyć własne strony i mieć pełną kontrolę nad wyglądem twojego pisma.
Możesz użyć funkcji dynamicznego tekstu, aby stworzyć animowane nagłówki, które przyciągną odwiedzających twoją stronę. Ponadto otrzymujesz dostęp do całej biblioteki krójów pisma Google do wykorzystania na twojej witrynie internetowej.
Dostępny jest nawet potężny kreator witryn internetowych AI, który umożliwia automatyczne generowanie treści pisemnych lub ulepszanie istniejących treści w celu poprawy czytelności.
15. Motywy Thrive
Thrive Theme Builder to popularny kreator witryn internetowych WordPress, który oferuje potężny zestaw narzędzi do rozwijania twojego biznesu online. Jest to kompleksowe rozwiązanie dla początkujących, które pozwala skonfigurować witrynę internetową i dodać narzędzia do rozwoju za jednym razem.
Co więcej, zawiera narzędzie do tworzenia quizów, narzędzie do testów A/B, wtyczkę do zbierania opinii i wiele innych. Wszystkie te narzędzia płynnie współpracują z twoim motywem WordPress.
Thrive Builder pozwala dostosować styl czcionki, wielkość liter i kolor czcionki w ustawieniach kreatora witryn internetowych. Możesz także zintegrować dowolną wtyczkę własnych czcionek z Thrive Themes, aby dodać więcej krojów pisma do twojej witryny WordPress.
Thrive Builder pozwala na zmianę domyślnego źródła do importowania czcionek, a Ty możesz łatwo utworzyć nowe, wybrane przez Ciebie czcionki.
Aby dowiedzieć się więcej, zapoznaj się z naszą szczegółową recenzją Thrive Themes.
16. WP Rocket
WP Rocket to najlepsza pamięć podręczna WordPress na rynku. Jest bardzo przyjazna dla początkujących i pomaga przyspieszyć WordPress.
Istnieje unikatowa opcja pamięci podręcznej, która zoptymalizuje twoje czcionki Google za pomocą jednego kliknięcia. Jeśli przeprowadzisz test szybkości witryny internetowej, jest to jeden z najczęstszych problemów z szybkością zgłaszanych przez użytkowników.
Więcej szczegółów można znaleźć w naszym przewodniku na temat instalacji i konfiguracji WP Rocket w WordPress.
Mamy nadzieję, że ten artykuł pomógł ci znaleźć najlepsze wtyczki typograficzne WordPress dla twojej witryny internetowej. Możesz również zapoznać się z naszymi przewodnikami ekspertów na temat tego, jak ulepszyć twoją witrynę internetową i sprawić, by była angażująca dla użytkowników.
Najlepsze przewodniki WordPress, aby ulepszyć twoją witrynę internetową
- Jak hostować regionalne krój pisma w WordPress dla szybszej witryny internetowej
- Jak sprzedawać krój pisma online za pomocą WordPressa (krok po kroku)
- Co to jest bezpieczna czcionka internetowa + najlepsze bezpieczne czcionki internetowe (przewodnik dla początkujących)
- Porównanie najlepszych kreatorów stron WordPress typu „przeciągnij i upuść
- Proste narzędzie ankietowe do odkrywania tego, co użytkownicy naprawdę myślą
- Jak korzystać z narzędzia Headline Analyzer w WordPress, aby poprawić tytuły SEO?
- Najlepsze aplikacje wirtualnego numeru telefonu dla firm (z darmowymi opcjami)
- Jak uzyskać darmową domenę e-mail (szybkie i łatwe metody)
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Moinuddin Waheed
I have mostly used the fonts that came up with the premium theme I am using.
However coming across certain websites and seeing their typography attracts most and it feels like having those fonts on our own website.
is there a way to determine which fonts some websites using like having any chrome extension or something?
and second, is having fonts locally speeds up the website rather than using front Google server like Google fonts?
WPBeginner Support
To find the fonts a site is using, you would need to use Inspect element. Using local fonts can help a site load faster over using server side fonts from Google.
Administrator
Moinuddin Waheed
Thanks for the guide, I have started using these tricks and tips to improve my website performance.
I have been attracted to many websites fonts, now I would be able to find what fonts they are using for their websites and I can use those fonts on my website locally.
Jiří Vaněk
I use Google Font and used to use Font Awesome. However, for website speed, I recommend downloading Google Font to the web hosting and using it locally. Loading fonts from third-party servers can ultimately slow down the website and this reflects in measurements.
Daan van den Bergh
Hi!
Thank you for including my plugin OMGF in this list!
I always try to pay attention to user friendliness, so I’m glad you experienced it as beginner friendly
WPBeginner Support
You’re welcome and thank you for having a user friendly plugin
Administrator
Neal Umphred
In your description of the wp-Typography plugin: „eclipses”?
WPBeginner Support
Thank you for pointing out that typo, we’ll fix it as we go through to update the article
Administrator
Lamine
Thank you for the article. Otherwise it need to be update.
WPBeginner Support
You’re welcome, we’ll certainly take a look at what needs to be updated.
Administrator
shabanam
„Hi, i absolutely got tons of value from your post. Please i have 2 quick questions.
1. What is the number of plugins every blogger shouldn’t exceed? I currently have about 18 installed, would you consider that number outrageous. Please could you also check out my site and offer me a
2. Your font is really beautiful. would you suggest plugins that would give me beautiful fonts just like yours?
Finally, would you spare a few seconds to check this site and offer me your candid advice
WPBeginner Support
Hi Shabanam,
1. Please see our article on how many plugins you should install on your site.
2. Please see the Typography plugins mentioned above.
Administrator
Ingrid Webster
You guys are life savers. Thank You so much!
Lynn
Thank you for the help, I need to change the color of the font on my new website.
Peter
I have installed Easy Google Fonts and most of it works fine as far as the styles and positioning go but strangely nothing happens to the main font color in appearances even though the background color works, which is something I don’t really need anyway. Changing the color of the paragraph works fine too.
I am using the Simple Catch Pro theme.
Could you please advise, I would like to move on from this.
Thanks
Peter
WPBeginner Support
Hi Peter,
We are not sure but it could be some other CSS rule in your theme’s stylesheet or settings overriding Easy Google Fonts settings.
Administrator
Adi
You can remove Google Font Manager from list as it is not available to download
April
I am really struggling with a font issue. We have a digital magazine, and often need to use several different fonts per post. Is there any similar to tinymce but with more options for font family?
Logeshkumar Nandagopal
Hi Team
I am new to blogging and have recently created a wordpress blog and i would like to know whether is there any plugin to highlight the c/c++ codes in textbox on my post.
Amarjit Singh
Every wpbeginner article helpful… i am a great fan of wpbeginner, 15 to 20 times i visit wpbeginner.com daily, for finding the solutions for my website. Wpbeginner motivate and help me to create my own site on wordpress.
WPBeginner Support
Hi Amarjit,
Thanks for the feedback. We are glad you find WPBeginner helpful. You may also want to check out our YouTube Channel for WordPress video tutorials.
Administrator