Kiedy projektujemy naszą stronę WordPress, możemy nie tylko zmienić motyw i kolory, ale także czcionkę lub typografię, zarówno w akapitach, jak i tytułach/nagłówkach.
Jest to przydatne do dostosowania motywów i pokazania odwiedzającym witrynę bardziej estetycznym i atrakcyjnym projektem, który zrobi różnicę.
Metoda wyjaśniona w tym samouczku w celu edytowania czcionek szablonu i dostosowywania jest bardzo łatwa i szybka.
Ten artykuł zawiera zrzuty ekranu, aby ułatwić każdemu użytkownikowi WordPress wykonanie opisanych kroków.
Aby rozpocząć, zaloguj się do pulpitu WordPress i po lewej stronie naciśnij Wtyczki, Następnie wybierz Dodaj nowe opcja, jak pokazano na zrzucie ekranu poniżej (Wtyczki>Dodaj nowe).
W polu wyszukiwania słów kluczowych wpisz „Gutenberg”, Nazwa jednej z wtyczek używanych w tym samouczku do zmiany czcionki. Kiedy Gutenberg Pojawia się wtyczka, naciśnij Zainstaluj teraz przycisk, a następnie Aktywuj przycisk.
Po zainstalowaniu pierwszej wtyczki musisz zainstalować drugą. Aby to zrobić, w polu wyszukiwania słów kluczowych typu „łatwe czcionki Google”, gdy wtyczka Łatwe czcionki Google pojawia się, naciśnij zainstalować Teraz przycisk, a następnie naciśnij Aktywuj.
Po zainstalowaniu wtyczki w lewym menu pulpit naciśnij Wygląd, i wśród wyświetlanych opcji naciśnij Dostosuj.
Na ekranie dostosowywania wybierz Typography. Poniżej możesz zobaczyć ekran, aby edytować typografię lub czcionkę WordPress.
Wybierać Domyślna typografia Aby otworzyć menu, w którym możesz zacząć edytować typografię, w tym od akapitów po tytuły.
Na początek wybierz Akapity oraz w menu Font Font Family, wybierz czcionkę, którą lubisz swoją witrynę. Zobaczysz różne czcionki, które możesz wypróbować po ich wybraniu. Na środku ekranu możesz zobaczyć podgląd dla każdej wybranej czcionki.
Jak wspomniano wcześniej, możesz także zmienić czcionkę WordPress dla tytułów, edytując Nagłówek 2 Sekcja. Możesz wypróbować różne opcje, dopóki nie znajdziesz oczekiwany wynik.
To wszystko. Czytaj dalej poniżej, aby przesłać własne czcionki, dzięki czemu Twoja witryna jest wyjątkowa.
Przesyłanie własnej czcionki do witryny WordPress
Możesz pobrać dodatkowe czcionki z witryn takich jak Dafont. Tam możesz znaleźć zarówno bezpłatne, jak i płatne czcionki, które można dodać do Twojej witryny. Formaty czcionek to TTF, OTF, WOFF lub WOFF2. Jeśli po pobraniu czcionki znajdziesz kilka plików, oznacza to, że wybrana typografia lub czcionka ma kilka wariantów. Na przykład czcionka Google Monserrat ma ponad 18 wariantów.
Notatka: W tym samouczku używam nazywanej czcionki Medicall.
Tworzenie pliku twarzy czcionki
Plik twarzy czcionki zawiera informacje o czcionce, które należy wykorzystać na naszej stronie internetowej. Informacje te obejmują nazwę czcionki, jej warianty i różne formaty.
Ten krok można wykonać ręcznie lub możesz użyć narzędzi do uproszczenia procesu. Narzędziem używanym w tym samouczku jest transfonter.
Este Paso no lo vamos a crear mano, sino que vamos a utilizar una herramienta online llamda transfonter (https: // transfonter.org/) que nos hará todo el trabajo siguiente estos pasos:
Aby rozpocząć, prześlij swoje pliki czcionek, naciskając Dodaj czcionki przycisk. Następnie wybierz formaty, które chcesz być obsługiwany (zależy to od przeglądarki). Możesz zostawić inne domyślne opcje.
Następnie naciśnij Konwertować przycisk.
Po naciśnięciu Konwertować przycisk, będziesz mógł pobrać twarz czcionki z różnymi formatami czcionek.
Poniżej możesz zobaczyć próbki plików, które otrzymasz.
Po pobraniu twarzy czcionek musisz uzyskać dostęp do serwera witryny za pośrednictwem klienta FTP, takiego jak FileZilla, lub za pośrednictwem CPANEL (Menedżera plików) i przesłać swój plik do podkładu /WP-Content/Tematy/bieżący theme.
W tym katalogu na twoim serwerze (/WP-content/tematy/bieżący) Musisz zlokalizować katalog nazwany czcionki. Jeśli katalog czcionek nie jest obecny, nie martw się, po prostu go utwórz.
W katalogu czcionek utwórz nowy sub -zalet o nazwie czcionki, którą chcesz przesłać. Jest to arbitralne, o ile zidentyfikujesz czcionkę.
W katalogu motywów twojego serwera (/WP-Content/Tematy/bieżący theme.), znajdź plik o nazwie funkcje.php. Kliknij prawym przyciskiem myszy funkcje pliku.PHP i wstaw następujący kod na końcu pliku.
Notatka: Zastępować Medicall-Font-CSS i ścieżka /czcionki/Medicall/Stylesheet.CSS dla czcionki, której używasz. Do tego samouczka używam nazywanej czcionki Medicall, możesz wybrać dowolną czcionkę.
add_action ('WP_enqueue_scripts', function ()Następny krok należy wykonać przez C0SS. Tutaj musisz zastosować rodzinę czcionki we wszystkich tekstach, które chcemy zastosować naszą niestandardową typografię.
Następny krok należy wykonać za pomocą CSS. Musimy zastosować rodzinę czcionki do tekstów, w których chcemy zastosować naszą niestandardową typografię.
Otwórz arkusz stylów.plik CSS wcześniej generowany przez Transfonter i znajdź linię rodziny wyróżnioną na zrzucie ekranu poniżej.
Następnie możesz na przykład dodać CSS w WordPress, dodając następujący wiersz.
H1W ten sposób stosujemy nową czcionkę do wszystkich H1 na naszej stronie.
Wniosek
Zmiana czcionki w WordPress jest dość łatwa, jak pokazano powyżej. Istnieją różne metody zmiany typografii w Twojej witrynie. Wszystkie są ważne. Metody opisane wcześniej są łatwe i bezpłatne. Chociaż możesz użyć dowolnej alternatywnej wtyczki, zawsze upewnij się, że jest dobrze oceniana przez użytkowników. Jeśli używasz budowniczych stron, takich jak Divi, Elementor lub Envatos, możesz bezpośrednio edytować czcionkę z tych wtyczek. Nie ignoruj znaczenia typografii. Możesz mieć najlepsze obrazy i kolory, ale muszą być w harmonii z postaciami, aby wygenerować lepsze wrażenia wizualne dla odwiedzających.
Dziękujemy za przeczytanie tego artykułu, wyjaśniając, jak zmienić czcionkę w WordPress. Śledź nas, aby uzyskać więcej wskazówek zawodowych WordPress.