Jeśli znudziły cię standardowe czcionki i chcesz przekształcić swoją stronę, aby stała się bardziej oryginalna, musisz wiedzieć, jak dodać czcionkę do motywu WordPress i co należy zrobić, aby to osiągnąć. Proponujemy zapoznać się z podstawowymi sposobami jej podłączenia.
Gdzie pobrać czcionki do WordPressa?
Jeśli wcześniej za czcionki trzeba było płacić niemałe sumy, to dziś sytuacja wygląda inaczej. Do wyszukiwania darmowych czcionek dostępne są Google Fonts, Typekit, FontSquirrel i wiele innych serwisów.
Zanim dodasz czcionkę do WordPressa, pamiętaj, że ich duża liczba może spowolnić działanie strony. Zalecamy wybór dwóch opcji i stosowanie ich we wszystkich elementach projektowych – w takim przypadku zasób będzie wyglądał bardziej estetycznie.
Google Fonts jako jeden ze sposobów podłączenia czcionek w WordPressie
Google Fonts – to dość prosty i szybki sposób, jak zainstalować czcionkę na stronie WordPress. Mowa o darmowym zasobie z ogromnym wyborem wielu czcionek.
- Wchodzimy do Google Fonts Library i wybieramy odpowiednią czcionkę.
- Klikamy na «quick use» poniżej.
- Otworzy się nowa strona z propozycją wyboru stylów. Zalecamy zwrócić uwagę tylko na te style, które naprawdę będziesz używać.
- Przechodzimy do sekcji z kodem do osadzenia.
- Kopiujemy kod i wklejamy go do header.php bieżącego motywu po tagu. Gotowe, Google Font dodany na stronie WP.
Dodajemy czcionkę ręcznie
Jeszcze jeden sposób, jak podłączyć czcionki do WordPressa, to zrobić to ręcznie. Proces nie sprawi trudności: po załadowaniu czcionek do konta hostingu strony wystarczy edytować plik CSS motywu:
- Pobieramy czcionkę na komputer, wyodrębniamy ją z archiwum.
- Ładujemy plik czcionki (zalecamy korzystanie z klienta FTP lub menedżera plików) do katalogu wp-content/themes/twoj-motyw/fonts (w przypadku braku folderu fonts tworzymy go). Jako przykład weźmiemy Lobster-Regular.ttf.
- W panelu admina WP przechodzimy do «Wygląd», a następnie klikamy «Edytor».
- Wybieramy style.css, zmieniamy nazwy font-family i url na swoje i dodajemy kod.
- Klikamy «Zaktualizuj plik», aby zmiany zostały zapisane.
Po wykonaniu powyższych działań interfejs się nie zmieni. Aby przypisać czcionkę do konkretnego elementu, będziesz musiał edytować style.css. Na przykład, za pomocą następującego kodu czcionka Lobster będzie używana do tytułu strony: .site-title {font-family: "Lobster-Regular", Arial, sans-serif;}.
Użycie wtyczek do dodawania czcionek
Najłatwiejszy sposób, jak dodać czcionki do WordPressa, związany jest z instalacją specjalnych wtyczek.
Tak, w przypadku czcionek Google Fonts musisz zainstalować wtyczkę o tej samej nazwie, po czym pojawi się możliwość wyboru czcionek dla różnych stron i wpisów, a co najważniejsze – nie będziesz musiał edytować kodu.
Jak podłączyć czcionkę do strony WordPress przez wtyczkę Typekit? To proste: rejestrujemy się na stronie i tworzymy własny zestaw. Następnie instalujemy wtyczkę Typekit Fonts For WordPress. W sekcji «Ustawienia» - «Czcionki Typekit» wklejamy kod, który otrzymaliśmy na stronie. Wszystkie czcionki dodane do zestawu będą automatycznie załadowane.
Use Any Fonts – kolejna popularna wtyczka do dodawania czcionek na stronę WordPress. Znajduje się w oficjalnym repozytorium WP. Po zainstalowaniu wtyczki przechodzimy do «Use any font», tworzymy klucz API i weryfikujemy operację. Gdy weryfikacja się zakończy, pojawi się możliwość ładowania czcionek różnych formatów.
Teraz wiesz, jak podłączyć czcionkę w WordPressie i wprowadzić pewne zmiany w wyglądzie zasobu, aby w pełni odpowiadał twoim wymaganiom i preferencjom. Proponujemy również zwrócić uwagę na wysokiej jakości hosting dla WordPressa.
Podobał Ci się artykuł? Powiedz o nim znajomym: 
