Jak zmienić czcionki w WordPressie [Łatwy sposób]

Chcesz zmienić czcionkę używaną w witrynie WordPress?

Dzięki odpowiednim narzędziom zmiana czcionki w witrynie lub dodanie wielu nowych czcionek jest łatwe. Postępuj zgodnie z tym krótkim samouczkiem, a w ciągu kilku minut w Twojej witrynie pojawi się nowa czcionka.

Jak korzystać z łatwych czcionek Google

Najlepszym sposobem na zmianę czcionki w witrynie jest wtyczka Easy Google Fonts.

Ta wtyczka zapewnia dostęp do setek różnych czcionek, których możesz używać w swojej witrynie. Zanim przejdziemy do wtyczki, poświęćmy chwilę, aby omówić, czym są Google Fonts.

Aktualizacja: mój nowy samouczek wideo przeprowadzi Cię przez kolejne kroki (używa innej wtyczki niż ta w tym samouczku).

[źródło iframe=//www.youtube.com/embed/_CZCfFl59iE]

Subskrybuj motywy konkursowe na Youtube

Co to są czcionki Google?

Czcionki Google zapewniają dostęp do setek czcionek, z których można korzystać bezpłatnie w dowolnej witrynie. Dla każdego programisty internetowego, który chce dodać czcionkę do swojej witryny, Google Fonts to ułatwia.

Jeśli nie znasz tajników tworzenia stron internetowych, to właśnie tu pojawia się wtyczka Easy Google Fonts. Zajmuje się ona za Ciebie częściami technicznymi, więc wszystko, co musisz zrobić, to wybrać czcionki, które lubisz.

Rozumiem? Świetnie, dodajmy te czcionki!

Utwórz kontrolę czcionek

Kiedy aktywujesz wtyczkę, znajdziesz nowy element menu Google Fonts dodany w Ustawieniach. Na tej stronie znajdziesz następujące opcje:

Później przypiszesz czcionki do „kontrolki czcionek", dzięki czemu będziesz mieć wiele kontrolek czcionek z różnymi czcionkami i ustawieniami. Na razie wystarczy nazwać kontrolkę czcionek.

Dodaj selektor CSS

Pod nazwą kontrolki znajduje się pole, w którym możesz zdefiniować selektory CSS, których chcesz użyć. Jeśli nie wiesz, czym jest selektor CSS, nie stanowi to problemu.

Domyślnie dodane są trzy selektory CSS. Kliknij „x” na każdym, aby je usunąć. Po usunięciu wpisz gwiazdkę (*) i naciśnij enter. Ustawienie selektorów CSS powinno teraz wyglądać tak:

Gwiazdka to selektor CSS, który jest skierowany do każdego elementu HTML w witrynie. Innymi słowy, właśnie poleciłeś Easy Google Fonts, aby używała nowej czcionki dla całego tekstu w witrynie.

Wymuś nadpisanie stylów

Zalecam również zaznaczenie pola „Wymuś nadpisanie stylów”. Zapewni to, że wybrana czcionka zastąpi czcionki użyte w motywie. Korzystanie z tej opcji nie ma żadnych wad, więc równie dobrze możesz to sprawdzić i zaoszczędzić minutę, jeśli czcionki nie zastąpią bez niej.

Wybierz nową czcionkę

Teraz, gdy Easy Google Fonts wie, na jakie części witryny ma wpłynąć, możesz powiedzieć, jakiej czcionki użyć.

Odwiedź Customizer, aby rozpocząć wybór czcionki (Wygląd > Dostosuj). Tam kliknij nową sekcję Typografia.

EGF świetnie współpracuje z motywem Okres.

Ta sekcja ujawni dwie nowe podsekcje: Domyślna typografia i Typografia tematyczna. Kliknij sekcję Typografia motywów.

Zobaczysz teraz kontrolkę, którą nazwałeś wcześniej. Kliknij przycisk Edytuj czcionkę, aby wyświetlić opcje dostosowywania.

Istnieje kilka opcji, ale tylko dwie trzeba edytować.

Zmień skrypt/podzbiór

Czcionki mają zestawy znaków zaprojektowane z myślą o różnych językach. Jeśli Twoja witryna jest w języku angielskim, wybierz pierwszą opcję, łacinę.

Wybranie „Wszystkie podzbiory” spowoduje, że pliki czcionek będą znacznie większe i wydłużą czas ładowania.

Wybierz rodzinę czcionek

Tutaj w końcu możesz wybrać nową czcionkę. Gdy wybierzesz różne czcionki, zobaczysz, że Twoja witryna natychmiast się aktualizuje.

Chociaż jest to z pewnością świetny sposób na podgląd i zmianę czcionek, nie jest to skuteczny sposób przeglądania.

Polecam odwiedzić Google Fonts, który jest dobrze zaprojektowany do przeglądania i wyszukiwania czcionek. Gdy znajdziesz kilka czcionek, które Ci się podobają, wróć do swojej witryny i wypróbuj je za pomocą Easy Google Fonts

Dodawanie i dostosowywanie większej liczby czcionek

Mamy nadzieję, że podoba Ci się już nowa czcionka, ale dzięki Easy Google Fonts możesz zrobić o wiele więcej.

Pamiętasz wcześniejszą sekcję Domyślna typografia? Możesz użyć tego do dostosowania nagłówków i akapitów. Co więcej, nie musisz poprzestać na zmianie rodziny czcionek, możesz również zmienić rozmiar i kolor czcionki. A jeśli znasz się na niektórych selektorach CSS, możesz dostosować czcionkę w dowolnej części swojej witryny.

Jeśli masz jakiekolwiek pytania dotyczące zmiany czcionek za pomocą WordPressa lub prośbę o nowy samouczek, zostaw komentarz poniżej.