Krój pisma na twojej witrynie internetowej odgrywa ważną rolę w jej wyglądzie i tożsamości marki. Może poprawić czytelność treści i sprawić, że twoja witryna będzie wyglądać nowocześnie i profesjonalnie.
Na szczęście zmiana kroju pisma na twojej witrynie WordPress jest prosta i nie wymaga zaawansowanych umiejętności technicznych. Naszym zdaniem jest to jeden z najprostszych sposobów, aby Twoja witryna internetowa wyglądała profesjonalnie w mgnieniu oka.
W tym artykule pokażemy, jak zmienić krój pisma w WordPressie na 5 różnych sposobów. Dzięki tym metodom można łatwo zmienić krój pisma bez konieczności dotykania ani jednej linii kodu.
Po co zmieniać krój pisma na twojej witrynie internetowej WordPress?
Kroje pisma są istotną częścią projektu twojej witryny internetowej i mają ogromny wpływ na to, jak twoja witryna WordPress będzie wyglądać i działać.
Jeśli twoja witryna internetowa ma trudny do odczytania krój pisma, trudno będzie zatrzymać odwiedzających i ostatecznie opuszczą oni twoją witrynę.
Krój pisma pokazuje również tożsamość twojej marki. Na przykład, możesz użyć określonego kroju pisma, aby Twoja witryna wyglądała bardziej profesjonalnie lub swobodnie.
Motywy WordPress są dostarczane z domyślną czcionką, wielkością liter i kolorem czcionki dla twojej witryny internetowej. Możesz jednak chcieć zmienić domyślny krój pisma na inny.
Na szczęście istnieje kilka sposobów na zmianę czcionek w WordPressie. Pokażemy ci kilka różnych metod i możesz kliknąć poniższe odnośniki, aby przejść do dowolnej sekcji:
Gotowy? Przejdźmy od razu do rzeczy.
Film instruktażowy
Jeśli wolisz pisemne instrukcje, czytaj dalej.
Zmiana kroju pisma w konfiguratorze motywu WordPress
Łatwym sposobem na zmianę czcionki twojej witryny jest przejście do konfiguratora motywów WordPress. Pozwala on na zmianę wyglądu twojej witryny internetowej i pokazuje podgląd w czasie rzeczywistym.
Uwaga: Jeśli brakuje opcji menu konfiguratora, twój motyw prawdopodobnie ma włączoną pełną edycję witryny i będziesz musiał użyć innej metody lub zmienić motyw.
W tym poradniku użyjemy motywu Astra. Należy jednak pamiętać, że opcje mogą się różnić w zależności od twojego motywu WordPress. Ogólnie rzecz biorąc, będziesz chciał poszukać ustawień „kroju pisma” lub „typografii” w konfiguratorze, które są specyficzne dla twojego motywu.
Aby rozpocząć, możesz przejść do Wygląd ” Konfigurator z twojego kokpitu WordPress.
Spowoduje to uruchomienie konfiguratora motywu WordPress.
Motyw Astra posiada sekcję „Globalne” z opcjami zmiany stylów dla całej witryny. Aby zmienić krój pisma na całej twojej witrynie internetowej, możesz kliknąć opcję „Globalne” w menu po lewej stronie.
Na następnym ekranie zobaczysz opcje takie jak „Typografia”, „Kolory”, „Kontener”, „Przyciski” i inne.
Kliknij opcję „Typografia”.
Z tego miejsca można wybrać różne czcionki w sekcji „Ustawienia wstępne”.
Są to domyślne kombinacje pisma oferowane przez motyw, a wybranie ustawienia wstępnego zmieni krój pisma na całej twojej witrynie internetowej.
Możesz najechać kursorem na ustawienie wstępne czcionki, aby zobaczyć kombinację czcionek. Na przykład tutaj możemy zobaczyć kombinację „Montserrat i Source Sans Pro” z jednego z tych ustawień wstępnych.
Poza tym możesz także zmienić krój pisma dla poszczególnych elementów twojego motywu.
Można na przykład użyć innego kroju pisma dla treści i nagłówków. Istnieją nawet opcje użycia oddzielnych krojów pisma dla każdego poziomu nagłówka.
Aby rozpocząć, wystarczy wybrać krój pisma z menu rozwijanego „Rodzina czcionek” dla dowolnego elementu.
Poza tym dostępnych jest więcej opcji zmiany wielkości i wagi pisma, wyboru wariantów i nie tylko.
Po zakończeniu nie zapomnij kliknąć przycisku „Opublikuj” lub „Aktualizuj”.
Możesz teraz przejść na swoją witrynę internetową i zobaczyć nowy krój pisma. Na naszej witrynie demonstracyjnej zmieniliśmy na przykład krój pisma na Roboto i nagłówek na Helvetica.
Ważne jest, aby pamiętać, że nie wszystkie motywy WordPress oferują te same funkcje i konfiguratory, które oferuje Astra. Jeśli twój motyw tego nie oferuje, kontynuuj czytanie do następnej metody.
Zmiana kroju pisma w pełnym edytorze witryny WordPress
Jeśli korzystasz z blokowego motywu WordPress, takiego jak Twenty Twenty-Two, możesz zmienić krój pisma swojej witryny za pomocą pełnego edytora witryny (FSE).
Edytor pełnej witryny umożliwia dostosowanie twojego motywu WordPress za pomocą bloków, podobnie jak podczas edycji wpisów lub stron za pomocą edytora treści WordPress. Jednak FSE jest obecnie w wersji beta i tylko kilka motywów go obsługuje.
Na potrzeby tego poradnika wykorzystamy motyw Twenty Twenty-Two.
Aby rozpocząć, możesz przejść do Wygląd ” Edytor z panelu administracyjnego WordPress.
Spowoduje to otwarcie pełnego edytora witryn dla twojego motywu WordPress.
Następnie możesz kliknąć ikonkę „Style” w prawym górnym rogu, a następnie opcję „Typografia”.
Następnie można wybrać elementy, takie jak tekst i odnośniki, aby zmienić ich typografię.
Wybierzemy „Tekst” jako element, a następnie klikniemy menu rozwijane „CZCIONKA”, aby zmienić jego krój pisma.
Po zakończeniu kliknij przycisk „Zapisz”.
Udało ci się zmienić krój pisma za pomocą edytora całej witryny. Możesz również dodać własne czcionki do swojej witryny WordPress, a następnie zmienić je w pełnym edytorze witryny.
Zmiana kroju pisma WordPress za pomocą wtyczki WordPress
Innym sposobem na zmianę czcionek WordPress jest użycie wtyczki WordPress, takiej jak Fonts Plugin.
Jest to wtyczka typograficzna WordPress, która pozwala dodać tysiące krojów pisma Google i różnych wariantów czcionek do twojej witryny internetowej.
Najpierw należy zainstalować i włączyć wtyczkę Fonts Pugin. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.
Po włączaniu zobaczysz ofertę przewodnika szybkiego startu wtyczki Fonts w twoim kokpicie WordPress. Możesz wpisz swój adres e-mail, aby uzyskać plik PDF lub przejdź do „Dostosuj krój pisma”, aby rozpocząć edycję.
Spowoduje to otwarcie opcji dostosowywania wtyczki w konfiguratorze twojego motywu.
Na tej stronie kliknij menu „Ustawienia podstawowe”.
Po wejściu do pozycji menu możesz rozpocząć konfigurowanie treści, nagłówków i typografii przycisków.
Wystarczy rozwinąć listę rozwijaną dla każdego elementu tekstowego i wybrać twój preferowany krój pisma.
Po zakończeniu nie zapomnij kliknąć przycisku „Opublikuj”, a wtyczka Fonts zaktualizuje zmiany.
Zmiana kroju pisma za pomocą kreatora motywów WordPress
Istnieje wiele potężnych kreatorów motywów WordPress, które pozwalają tworzyć własne motywy bez edytowania kodu. Możesz ich użyć do zmiany kroju pisma różnych elementów na twojej witrynie internetowej.
W tym poradniku użyjemy SeedProd. Jest to najlepsza wtyczka do tworzenia stron docelowych i motywów dla WordPressa, oferująca funkcję „przeciągnij i upuść” do tworzenia własnych konfiguratorów bez dotykania ani jednej linii kodu.
Pamiętaj, że będziesz potrzebować wersji SeedProd Pro, ponieważ zawiera ona kreator motywów. Istnieje również wersja SeedProd Lite, z której można korzystać za darmo.
Najpierw należy zainstalować i włączyć wtyczkę SeedProd. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.
Po włączaniu zobaczysz ekran powitalny SeedProd. Wpisz swój klucz licencyjny i kliknij przycisk „Zweryfikuj klucz”. Klucz licencyjny można łatwo znaleźć w obszarze Twojego konta SeedProd.
Następnie możesz przejść do SeedProd ” Theme Builder z kokpitu WordPress.
Następnie kliknij przycisk „Motywy” u góry.
Z tego miejsca wtyczka wyświetli wiele motywów do wyboru.
Po prostu najedź kursorem na motyw, którego chcesz użyć, a następnie kliknij go. W tym poradniku użyjemy motywu „Starter”.
SeedProd będzie teraz generować różne szablony motywów.
Możesz edytować każdy szablon i dostosować własny motyw WordPress. Istnieje nawet opcja ręcznego dodania szablonu motywu.
Edytujmy szablon motywu strony głównej i zmieńmy krój pisma dla różnych elementów. Aby rozpocząć, kliknij odnośnik „Edytuj projekt” w sekcji „Strona główna”.
Spowoduje to uruchomienie kreatora motywów SeedProd typu „przeciągnij i upuść”. Możesz utwórz nowe elementy z menu po twojej lewej stronie i umieścić je w dowolnym miejscu szablonu.
Aby zmienić krój pisma dowolnej sekcji motywu, wystarczy ją wybrać. Na przykład zaznaczymy pole tekstowe pod nagłówkiem Starter.
Następnie przejdź do karty „Zaawansowane” w menu po twojej lewej stronie i kliknij przycisk „Edytuj” przed pozycją „Typografia”.
Następnie zobaczysz wiele opcji edycji typografii twojej wybranej sekcji.
Możesz kliknąć menu rozwijane „Rodzina czcionek” i wybrać krój pisma dla twojego tekstu. Dostępne są również opcje wyboru kroju pisma, dostosowania wielkości liter, wysokości linii, odstępów między literami, wyrównania, wielkości liter i inne.
Możesz teraz powtórzyć ten krok i zmienić krój pisma innych elementów twojego motywu.
Gdy skończysz, po prostu kliknij przycisk „Zapisz” u góry.
Aby zastosować własny motyw i czcionki, przejdź do SeedProd ” Theme Builder i przełącz przełącznik obok opcji „Włącz motyw SeedProd” na Tak.
Jeśli chcesz stworzyć motyw WordPress od podstaw, zapoznaj się z naszym przewodnikiem na temat łatwego tworzenia własnego motywu WordPress.
Dostosuj wygląd czcionki w edytorze treści WordPressa
Możesz także zmienić sposób wyświetlania twojego kroju pisma w określonych wpisach i stronach bloga za pomocą edytora treści.
Wadą tej metody jest to, że zastosuje ona nowy krój pisma tylko do tego konkretnego wpisu lub strony. Innymi słowy, musisz powtórzyć ten krok dla wszystkich innych wpisów, w których chcesz zastosować podobny konfigurator.
Chociaż ta metoda może być naprawdę przydatna do konfigurowania własnych wpisów, powinieneś rozważyć inne opcje, jeśli szukasz opcji zmiany czcionki dla całej witryny.
Aby zmienić czcionkę za pomocą edytora treści WordPress, wystarczy edytować wpis lub utwórz nowy. Po przejściu do edytora treści WordPress możesz zaznaczyć tekst, aby zmienić jego wygląd.
W panelu ustawień po twojej prawej stronie przejdź do sekcji „Typografia”. Następnie kliknij 3 kropki przed „Typografia” i wybierz „Wygląd” z rozwijanego menu.
Gdy to zrobisz, pojawią się ustawienia „Wygląd”. Kliknijmy menu rozwijane i wybierzmy styl dla twojego pisma. Na przykład, można ustawić pogrubienie, cienką czcionkę, kursywę, czarną czcionkę, pogrubioną kursywę, bardzo pogrubioną czcionkę i inne.
W tym obszarze ustawień można również zmienić wielkość pisma, wybrać wielkość liter, edytować kolor, włączyć kapitaliki i nie tylko.
Nie zapomnij zaktualizować lub opublikować twojej strony, gdy skończysz.
Porada eksperta : Chcesz całkowicie i profesjonalnie odświeżyć twoją witrynę internetową? Nasz zespół specjalizuje się w tworzeniu oszałamiających witryn internetowych z 111111 piękną typografią, które sprawią, że twoja marka będzie błyszczeć. Odkryj, co możemy dla ciebie zrobić dzięki naszym usługom projektowania WPBeginner!
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak zmienić krój pisma w WordPress. Następnie możesz również zapoznać się z naszym przewodnikiem na temat tego, jak łatwo dodać krój pisma z ikonkami w twoim motywie WordPress i jak zmienić domyślny kolor zaznaczenia tekstu w WordPress.
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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!