Masz problem podczas próby zmiany czcionki w motywie WordPress?
Typografia Twojej witryny jest kluczowa zarówno dla jej brandingu, jak i użyteczności, dlatego ważny jest wybór odpowiedniego kroju pisma.
Na szczęście większość motywów WordPress zawiera możliwość zmiany czcionek, chociaż niektóre są pod tym względem bardziej elastyczne niż inne. Dodatkowo dostępne są wtyczki, których można używać z dowolnym motywem.
Zaczniemy ten post od zademonstrowania, jak korzystać z wbudowanych opcji motywu, aby zmienić czcionkę w motywie WordPress.
Ponadto, jeśli Twój motyw nie zawiera jeszcze żądanych czcionek, udostępnimy kilka bezpłatnych wtyczek, których możesz użyć, aby dodać więcej opcji czcionek do dowolnego motywu WordPress, nawet jeśli brakuje mu elastycznych wbudowanych opcji.
Pokażemy również, jak używać edytora WordPress do modyfikowania czcionek używanych w określonych fragmentach treści.
1. Jak zmienić czcionkę w motywie WordPress za pomocą narzędzia WordPress Customizer
Zazwyczaj opcje czcionek motywu można znaleźć w natywnym programie WordPress Customizer, w którym większość motywów WordPress w 2022 r. opiera się na dostosowaniu stylu i projektu.
W pierwszej sekcji zademonstrujemy, jak korzystać z tych wbudowanych opcji czcionek, korzystając z naszego dostosowywalnego motywu Neve.
Ważne jest, aby pamiętać, że każdy motyw obsługuje trochę inaczej. Neve jest również dość elastycznym motywem, więc istnieje duża szansa, że Twój motyw nie będzie miał tak wielu czcionek do wyboru.
Mając to na uwadze, powinieneś być w stanie zastosować tę metodę z dowolnym motywem i przynajmniej uzyskać dostęp do niektórych opcji czcionek.
Otwórz konfigurator WordPress
Aby rozpocząć, przejdź do Wygląd → Dostosuj, aby otworzyć Dostosowanie WordPress:
Zlokalizuj ustawienia czcionki/typografii
Następnie znajdź ustawienia czcionki/typografii dla swojego motywu. Niestety, są one zlokalizowane inaczej dla każdego motywu, więc może być konieczne przeszukanie różnych sekcji ustawień.
Znajdziesz opcję najwyższego poziomu dla motywu Neve o nazwie Typografia; kliknij go, aby go wybrać.
Wybierz czcionki i zapisz zmiany
Możesz teraz zdecydować, jak postępować. W zależności od motywu możesz zobaczyć dalszy podział ustawień typografii według rodzaju treści. Oto, co robi motyw Neve:
Na przykład możesz otworzyć ustawienia czcionki dla nagłówków motywu (takich jak tytuł posta lub strony) i zmienić czcionkę WordPress. Widać, że podczas korzystania z motywu Neve dostępnych jest wiele czcionek:
Czcionki w podglądzie na żywo motywu powinny automatycznie aktualizować się podczas dokonywania wyborów.
Aby ożywić wybrane czcionki, kliknij niebieski przycisk Publikuj, gdy będziesz zadowolony z wyglądu.
2. Jak dodać czcionki Google do dowolnego motywu WordPress?
Jeśli postępowałeś zgodnie z powyższym samouczkiem dotyczącym zmiany czcionek w motywie WordPress i zawiodły Cię wbudowane opcje czcionek motywu, skorzystaj z wtyczki, która zapewnia dostęp do większej liczby opcji czcionek, w szczególności do tysięcy czcionki w katalogu Google, to dobra opcja awaryjna.
Bezpłatna wtyczka Easy Google Fonts to jedna z najbardziej lubianych opcji dostępnych tutaj.
Możesz wybierać spośród ponad 600 darmowych czcionek oferowanych przez Google Fonts za pomocą Łatwe czcionki Google, który integruje się z dowolnym motywem WordPress.
Dla tych, którzy nie są zaznajomieni, Google Fonts jest prawdopodobnie najbardziej znanym źródłem darmowych czcionek i oferuje więcej niż wystarczający wybór dla większości stron internetowych.
Przed skonfigurowaniem wtyczki, aby dodać więcej opcji czcionek, przełączymy się na domyślny motyw Twenty Twenty One (który ma bardzo podstawowe kontrolki typograficzne), aby zademonstrować, jak to działa.
Zainstaluj i aktywuj wtyczkę
Zainstaluj i aktywuj wtyczkę Easy Google Fonts z WordPress.org, aby rozpocząć. Jeśli nie masz pewności, jak to zrobić, możesz skorzystać z przewodnika sny, jak zainstalować wtyczkę WordPress.
Wybierz czcionki Google, których chcesz użyć
Następnie należy wybrać czcionkę, której chcesz użyć. Witryna Google Fonts ułatwia przeglądanie wszystkich opcji, ponieważ możesz tam zobaczyć podgląd każdej czcionki, mimo że możesz uzyskać dostęp do pełnej listy w ustawieniach wtyczki.
Jeśli potrzebujesz pomysłów, przejrzyj nasz wybór najlepszych czcionek Google. Ponadto zazwyczaj powinieneś wybrać co najmniej dwie uzupełniające się czcionki.
Gdy odkryjesz czcionkę, którą lubisz, zapisz jej nazwę, aby móc ją później zapamiętać. Wybierz również preferowane style. Na przykład „Średni 500”.
Otwórz WordPress Customizer i edytuj czcionki.
Aby uzyskać dostęp do narzędzia WordPress Customizer, przejdź do opcji Wygląd > Dostosuj na pulpicie WordPress.
Menu paska bocznego powinno teraz zawierać sekcję „typografia” u góry. Te ustawienia są kontrolowane przez wtyczkę Easy Google Fonts, a nie przez motyw:
Wybierz opcję Domyślna typografia z podmenu.
W przypadku różnych typów treści w witrynie możesz teraz wybrać czcionkę z Google Fonts:
- Akapity – tekst wewnątrz stron/postów.
- Nagłówek 1 – tytuł Twojego posta/strony na blogu.
- Nagłówek 2 – nagłówek najwyższego poziomu w Twoim poście/stronie.
- Dział 3 – podtytuł pod działem 2.
Kliknij Edytuj czcionkę dla typu zawartości, którą chcesz zmienić. Nazwa i grubość czcionki są wtedy do wyboru. Podczas podejmowania decyzji powinieneś zobaczyć podgląd na żywo aktualizacji swojej witryny.
Gdy jesteś zadowolony z dokonanych wyborów, kliknij Opublikuj, aby opublikować nowe czcionki.
3. Jak zmienić czcionki WordPress w edytorze
Pokazaliśmy, jak zmienić czcionkę w motywie WordPress dla całej witryny za pomocą dwóch wymienionych powyżej metod. Innymi słowy, cały tekst akapitu w witrynie zmieni się, jeśli zmienisz czcionkę tekstu akapitu.
Może się jednak zdarzyć, że wystarczy zmienić czcionki dla jednej sekcji treści.
Użyj darmowej wtyczki „Fonts Plugin”, aby to skonfigurować (która umożliwia również dodawanie niestandardowych czcionek do motywu WordPress, podobnie jak wtyczka Easy Google Fonts z poprzedniej sekcji).
Otrzymasz nowy blok czcionek Google, który umożliwia dodawanie tekstu za pomocą dowolnej czcionki Google po zainstalowaniu i aktywacji bezpłatnej wtyczki. Dodatkowo możesz wybrać nagłówki lub tekst akapitu za pomocą ustawień bloku:
Jak zmienić czcionkę w motywie WordPress
W tym momencie powinieneś być w stanie zmodyfikować czcionkę w motywie WordPress.
Wbudowanych opcji typografii WordPress Customizer można użyć, jeśli masz już zainstalowany elastyczny motyw, taki jak Neve.
Jeśli Twój motyw nie ma wielu wbudowanych opcji, możesz również dodać obsługę ponad 600 czcionek Google Fonts za pomocą wtyczki Easy Google Fonts (lub wtyczki Fonts, którą pokazałem w sekcji bonusowej).
Odwiedź dowolny przewodnik, jak to zrobić przekonwertować dowolny motyw WordPress do witryny z niestandardową marką, aby uzyskać dodatkowe sugestie dotyczące personalizacji i oznakowania motywu.
Jeśli chcesz zobaczyć ten przewodnik jako film, możesz kliknąć poniższy film.
JESTEM H
Chcesz szybką stronę internetową?
Kogo ja oszukuję? Czyż nie wszyscy?
Dlaczego więc tak wielu z nas walczy?
Największym wyzwaniem jest zwykle znalezienie szybkiej, niezawodnej firmy hostingowej.
Wszyscy przechodziliśmy przez koszmary – wsparcie trwa wieczność lub nie rozwiązuje naszego problemu, zawsze obwiniając coś po swojej stronie…
Ale największym problemem jest to, że witryna zawsze działa wolno.
At CollectiveRay hostujemy za pomocą hostingu InMotion, a nasza strona jest głupio szybka. Działamy na niestandardowym stosie konfiguracji serwera LightSpeed na MariaDB z silnikiem PHP 7.4 i frontem przez Cloudflare.
W połączeniu z naszymi optymalizacjami front-endu niezawodnie obsługujemy 6000 użytkowników każdego dnia, przy szczytowej liczbie 50+ jednoczesnych użytkowników.
Chcesz uzyskać szybką konfigurację, taką jak nasza? Przenieś swoją witrynę za darmo na hosting InMotion i uzyskaj 50% ZNIŻKI na aktualne ceny.
Wypróbuj InMotion Hosting z 50% ZNIŻKĄ na CollectiveRay gości TYLKO w marcu 2024 r.!
Często zadawane pytania dotyczące zmiany czcionki w motywie WordPress
Jak mogę zmienić rozmiar czcionki w WordPressie bez użycia CSS?
Możesz zmienić czcionki w większości motywów za pomocą narzędzia WordPress Theme Customizer. Theme Customizer, znajdujący się w Wygląd » Dostosuj, i jest do tego najlepszym narzędziem. W niektórych motywach WordPress możesz zmienić rozmiar czcionki. Możesz go używać bez pisania kodu CSS, jeśli znajdziesz tę opcję.
Jak mogę zmienić styl czcionki za pomocą HTML?
Możesz użyć właściwość stylu w HTML, aby zmienić styl czcionki tekstu za pomocą HTML. Styl wbudowany elementu jest określany za pomocą właściwości style. Atrybut jest używany z właściwościami CSS font-family, font-size, font-style i HTML etykietka. Tag nie jest obsługiwany przez HTML5, więc do modyfikacji czcionki używany jest styl CSS.
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!
Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.
i wiele więcej ...