Jak zmienić czcionki w WordPress (8 sposobów)

Opublikowany: 2022-12-11

Czcionki odgrywają istotną rolę w projektowaniu Twojej witryny. Nadają ton projektowi i ogólnej estetyce i mogą poprawić lub utrudnić jego wygląd i styl. Po wybraniu zestawów czcionek dla swojej witryny musisz wiedzieć, jak je zmienić. Istnieje wiele sposobów zmiany czcionek w WordPress. Sposób ich zmiany zależy od wielu czynników, w tym rodzaju używanego motywu, tego, czy będziesz potrzebować wtyczki, czy też planujesz dodać je ręcznie. W tym poście omówimy każdą metodę i pokażemy, jak zmienić czcionki w WordPress. Zacznijmy.

Czym są czcionki internetowe?

Czcionki Google

Czcionki internetowe są dostarczane przez firmy Google, Adobe, FontSpace i inne. Dają ci możliwość osadzania czcionek na swojej stronie internetowej, aby zmienić projekt. W przeciwieństwie do czcionek komputerowych, czcionki internetowe są przechowywane w chmurze. Kiedy odwiedzający odwiedza Twoją witrynę, czcionki internetowe są pobierane dynamicznie od dostawcy czcionek. Są one wyświetlane na Twojej stronie internetowej w ciągu kilku sekund, jeśli są odpowiednio zoptymalizowane. Czcionki internetowe to szybki i łatwy sposób korzystania z wielu czcionek bez konieczności osadzania ich w witrynie internetowej.

4 rodzaje czcionek internetowych

Podobnie jak w przypadku czcionek komputerowych, istnieją cztery główne typy czcionek:

  • Szeryfowe : Czcionki szeryfowe są zwykle odpowiednie do użycia tylko w nagłówkach ze względu na ich ozdoby, które zwykle znajdują się na górze i na dole każdej litery.
  • Sans Serif : Alternatywnie, czcionki Sans Serif mogą być używane zarówno w nagłówkach, jak iw tekście podstawowym, ponieważ są przejrzyste i łatwe do odczytania.
  • Skrypt : czcionek skryptowych należy generalnie używać oszczędnie ze względu na ich kapryśny wygląd.
  • Wyświetlanie : Czcionki wyświetlane są zazwyczaj pogrubionymi i grubymi czcionkami, dlatego należy ich używać w ograniczonym zakresie do nagłówków, ale nigdy jako tekstu podstawowego.

Korzystanie z czcionek internetowych w WordPress

Istnieje kilka sposobów używania czcionek internetowych w WordPress. Możesz osadzić je ręcznie, użyć wtyczki lub użyć ustawień swojego motywu, niezależnie od tego, czy jest to motyw bloku do pełnej edycji witryny, ogólny motyw WordPress, czy motyw korzystający z narzędzia do tworzenia motywów. W większości przypadków programiści będą uciekać się do korzystania z czcionek Google w WordPress, ponieważ są one bezpłatne i łatwe do zintegrowania.

Jak zmienić czcionki w WordPress (8 sposobów)

Sposób zmiany czcionek w WordPress można osiągnąć na wiele sposobów. Niektóre motywy premium, takie jak Divi, mają wbudowany menedżer czcionek z automatycznie ładowanymi czcionkami Google. Ponadto Divi umożliwia włączenie wszystkich podzbiorów czcionek Google w opcjach motywu, na wypadek gdybyś chciał uwzględnić je wszystkie.

W niektórych innych motywach oprócz Divi możesz użyć ustawień dostosowywania, aby zmienić domyślne czcionki motywu. W zależności od motywu ta metoda może mieć ograniczoną liczbę czcionek. Jeśli używasz motywów blokowych z pełną edycją witryny (FSE), takich jak Twenty Twenty-Two, możesz dodać je do pliku theme.json. Dodatkowo możesz zainstalować wtyczkę do zarządzania czcionkami lub użyć edytora bloków Gutenberga. Na koniec możesz dodać je ręcznie. Przyjrzyjmy się, jak zmieniać czcionki w WordPress przy użyciu każdej metody.

1. Korzystanie z opcji dostosowywania motywu do zmiany czcionek w WordPress

Podczas korzystania z dostosowywania motywu WordPress istnieje kilka opcji w zależności od motywu. Jako przykład użyjemy motywu Genesis do zmiany domyślnej czcionki. Zaloguj się do swojego panelu WordPress. Przejdź do Wygląd > Dostosuj .

Konfigurator WordPressa

Kiedy pojawi się ekran dostosowywania, kliknij Typografia . Dostępne będą dwie opcje, w tym Menedżer czcionek i Dodaj typografię. W ramach pierwszej opcji kliknij, aby aktywować menu rozwijane. Stamtąd możesz przewijać lub wyszukiwać określoną czcionkę do użycia w swojej witrynie. Po wybraniu czcionki kliknij przycisk Dodaj czcionkę, aby dodać czcionkę do swojej witryny. Możesz powtórzyć kroki, aby dodać dodatkowe czcionki, które można przypisać do określonych elementów

Dodawanie czcionek do WordPress

Druga opcja, Menedżer typografii, umożliwia przypisanie czcionek, które zostały dodane do Twojej witryny, do różnych obszarów. W naszym przykładzie możesz dodać je do treści, tytułu witryny, opisu witryny, pozycji menu, nagłówków i nie tylko.

Tutaj możesz również zmienić czcionki. Najpierw wybierz element docelowy, dla którego chcesz zmienić czcionkę. Następnie wybierz rodzinę czcionek. Wybierz grubość czcionki i dowolne przekształcenie tekstu, które chcesz zastosować. Następnie wybierz rozmiar czcionki, grubość, wysokość linii i odstępy między literami. Powtórz proces dla innych elementów według własnego uznania.

Zmień czcionkę w dostosowywaniu motywu WordPress

2. Zmiana czcionek za pomocą pełnej edycji witryny WordPress

Większość motywów pełnego edytora witryn ma fabrycznie załadowane kilka czcionek do wyboru. Motywy takie jak Blockbase, Emulsion, Aino i Twenty Twenty-Two umożliwiają zmianę czcionek w edytorze motywu. Na przykład użyjemy motywu Blockbase. Aby zmienić czcionki, przejdź do Motyw > Edytor .

Zmiana czcionki motywu Aino

Następnie kliknij ikonę stylu w prawym górnym rogu ekranu.

zmienić czcionki w WordPress FSE

Następnie kliknij sekcję typografii, aby zmienić czcionkę motywu.

Kliknij typografię

W naszym przykładzie możesz zmienić tekst swojej witryny, a także tekst linków.

Wybierz tekst

W obszarze rodziny czcionek kliknij menu rozwijane, aby wyświetlić wybrane czcionki. Wybierz czcionkę, którą chcesz zastosować. Możesz także ustawić rozmiar czcionki, wysokość linii i wygląd. Po dokonaniu wyboru kliknij przycisk Zapisz w prawym górnym rogu strony, aby zastosować zmiany.

Zastosuj zmianę czcionki FSE

3. Zmiana czcionek WordPress za pomocą edytora bloków

Korzystając z edytora bloków, możesz zmienić wygląd swoich czcionek. Możesz zmienić tekst i kolor tła tekstu, a także ustawić rozmiar i wygląd. Opcja wyglądu zazwyczaj obejmuje grubość czcionki, która zależy od czcionki wybranej w ustawieniach motywu.

W blokach z tekstem dostępne są dodatkowe opcje. Tekst może być pogrubiony, pochylony i można ustawić wyrównanie tekstu.

edytor bloku opcji modułu tekstowego

Istnieją dodatkowe opcje podświetlania tekstu, a także dodawania kodu wbudowanego i obrazów lub przekreślania go. Na koniec możesz dodać znaki indeksu dolnego, a także indeksu górnego.

dodatkowe opcje edytora bloków

4. Używanie wtyczki do zmiany czcionek w WordPress

Jak wcześniej wspomniano, ogólne motywy WordPress będą wymagały pomocy wtyczki, takiej jak Fonts Plugin | Typografia czcionek Google w celu zmiany czcionek w WordPress. Omówimy kroki instalacji wtyczki, jej konfiguracji i pokażemy, jak zmieniać czcionki w witrynie podczas korzystania z niej.

Przejdź do Wtyczki > Dodaj nowy . Wyszukaj wtyczkę czcionek | Czcionki Google Typografia w pasku wyszukiwania. Kliknij Zainstaluj teraz , aby dodać wtyczkę do swojej witryny.

Instalacja typografii czcionek Google

Następnie aktywuj wtyczkę.

Aktywuj wtyczkę

Aby uzyskać dostęp do wtyczki, przejdź do Wygląd > Dostosuj . Gdy strona zostanie ponownie załadowana, do Twojego dostosowania zostanie dodana nowa sekcja o nazwie Wtyczka czcionek .

wtyczka czcionek

Ustawienia wtyczki

podstawowe ustawienia wtyczki czcionek

Po kliknięciu karty dostępne są cztery opcje menu, w tym ustawienia podstawowe, ustawienia zaawansowane, ładowanie czcionek i debugowanie. Ustawienia podstawowe umożliwiają wybór domyślnej rodziny czcionek spośród ponad 1400 opcji czcionek Google. Możesz także ustawić czcionkę dla nagłówków, a także przycisków i danych wejściowych.

Ustawienia zaawansowane umożliwiają zmianę czcionek do znakowania, w tym tytułu witryny i sloganu. W ustawieniach nawigacji możesz zmienić czcionkę menu nawigacyjnych swojej witryny.

Zaawansowane ustawienia wtyczki czcionek

W sekcji Typografia treści możesz indywidualnie zmienić tekst główny, a także czcionkę dla wszystkich tagów nagłówków.

zmień typografię zawartości czcionki

Zakładki Pasek boczny i Stopka umożliwiają zmianę czcionek dla tych sekcji witryny, które zawierają zarówno typografię nagłówków, jak i treści. Ostatnia zakładka, Załaduj tylko czcionki, umożliwia załadowanie określonych czcionek, ale nie dodaje ich automatycznie do elementu. Jest to przydatne, gdy chcesz używać czcionek tylko w niektórych blokach. Karta Ładowanie czcionek jest dostępna wyłącznie w wersji pro wtyczki.

debugowanie wtyczki czcionek

W obszarze Debugging możesz zaznaczyć pole wyboru wymuszania stylów, które pozwoli określić, dlaczego czcionki się nie ładują. Dodatkowe pole wyboru, wyłącza kontrolki edytora, usuwa kontrolki czcionek z poszczególnych postów i stron. Wyświetlanie czcionek oferuje cztery opcje, w tym zamianę, blokowanie, rezerwę i opcjonalne. Przycisk Resetuj wszystkie czcionki umożliwia zresetowanie wszystkich zmian wprowadzonych we wtyczce.

5. Używanie Divi Theme Builder do zmiany czcionek

Divi według eleganckich motywów

Divi jest jednym z najpotężniejszych twórców motywów na świecie. Jeśli chodzi o zmianę czcionek w WordPressie, Divi oferuje mnóstwo opcji. Po pierwsze, jest standardowo wyposażony we wbudowane czcionki Google. Czcionek można używać w dowolnym module z opcjami tekstowymi, a także w kreatorze motywów. Divi ułatwia stylizowanie czcionek, a w połączeniu z dostosowywaniem motywu możesz ustawiać czcionki globalnie. Przyjrzyjmy się, jak pracować z czcionkami w Divi.

Aby ustawić czcionki jako czcionkę domyślną, włącz dostosowywanie motywu. Zacznij od przejścia do Motyw > Dostosuj z panelu administracyjnego WordPress. Po załadowaniu dostosowania kliknij Ustawienia ogólne > Typografia . Dostępnych jest wiele opcji ustawiania rozmiaru treści i nagłówka, a także wysokości linii, odstępów między literami, stylu czcionki, czcionki nagłówka i treści oraz kolorów dla każdego z nich. Divi ma wbudowaną całą bibliotekę czcionek Google, więc wybór czcionek jest prawie nieograniczony.

Opcje dostosowywania motywu Divi

Oprócz opcji dostosowywania motywu, czcionki można zmieniać na poziomie modułu, na którym obecny jest tekst. Jako przykład pokażemy, jak zmienić czcionki w module tekstowym. Na karcie Projekt znajdziesz wszystkie dostępne ustawienia tekstu. Możesz zmienić tekst podstawowy, tekst nagłówka, a także kolor i style dla obu. Jeśli chcesz dostosować czcionkę nagłówka, po prostu kliknij menu rozwijane, aby je aktywować. Możesz zmienić czcionkę, a następnie kilka stylów czcionek, w tym grubość czcionki, styl, wyrównanie tekstu, kolor, rozmiar i inne.

Zmień czcionkę nagłówka Divi

6. Jak ręcznie dodać niestandardową czcionkę w WordPress

Na szczęście, jeśli planujesz ręcznie załadować niestandardową czcionkę do swojej witryny, jest to dość łatwy proces. Biorąc to pod uwagę, będziesz musiał swobodnie edytować pliki motywów. Sugerujemy użycie motywu potomnego **link do ostatecznej gildii, aby dowiedzieć się, jak używać motywu potomnego**, aby wykonać tę czynność, ponieważ najmniejszy błąd może spowodować, że Twoja witryna zacznie się kręcić. Pamiętaj, że dodanie niestandardowej czcionki do ogólnego motywu WordPress nie da ci mnóstwa opcji, ale sprawi, że Twoja witryna będzie wolna od wzdęć. Jest to przydatne, jeśli wiesz, że planujesz używać tylko kilku czcionek i nie potrzebujesz mnóstwa opcji.

Musisz mieć ogólną wiedzę na temat działania struktury plików WordPress, a także podstawowe umiejętności kodowania. Będziemy edytować kilka plików motywu i dodać trochę CSS. Na koniec będziesz potrzebować swojego ulubionego edytora kodu i programu FTP, takiego jak FileZilla.

W naszym przykładzie dodamy czcionkę Google Roboto. Pierwszym krokiem jest przejście do Google Fonts i znalezienie Roboto. Wybierz style czcionek, które chcesz osadzić.

Zmień czcionkę w wordpress ręcznie

Dodanie kodu

Można to zrobić na kilka sposobów, ale w naszym przykładzie zrobimy to w preferowany przez WordPress sposób kolejkowania. Najpierw skopiuj link do czcionki Roboto. Jest to zawarte w kodzie osadzania z Google i będzie wyglądać jak w tym przykładzie.

https://fonts.googleapis.com/css2?family=Roboto:[email protected];300;400;500;700;900&display=swap

Następnie otwórz FileZilla i połącz się ze swoją witryną przez FTP. Przejdź do /public-html/wp-content/themes/yourthemechild/functions.php . Dobrym pomysłem jest użycie motywu potomnego do tego procesu, ponieważ będziesz edytować główny plik motywu. Uwaga: zastąp yourthemechild nazwą swojego motywu potomnego.

otwórz funkcje php w FileZilla

Kliknij plik prawym przyciskiem myszy, aby go otworzyć. Dodaj następujący kod na końcu innego kodu w pliku.

function add_my_font() {	 	 
wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Roboto:[email protected];300;400;500;700;900&display=swap', false ); 	 	 
}	 	 
add_action( 'wp_enqueue_scripts', 'add_my_font' );

Następnie musisz powiedzieć WordPressowi, gdzie chcesz użyć czcionki. W tym celu dodamy trochę CSS do pliku style.css naszego motywu potomnego. Znajdź plik w tym samym folderze, nad którym pracowaliśmy. Dodaj następujący kod:

.body, .h1, .h2, .h3, .h4, .h5, .h6 { 
font-family: 'Roboto', sans-serif;	 	 
 }

Ten kod mówi WordPressowi, że chcesz używać czcionki Roboto we wszystkich tekstach głównych, a także we wszystkich nagłówkach w witrynie. Pamiętaj, że każdy motyw jest inny, więc jeśli nasz kod nie działa w Twoim przypadku, skontaktuj się z programistą swojego motywu lub użyj narzędzia do sprawdzania w przeglądarce, aby zlokalizować określoną regułę CSS dla Twoich czcionek.

7. Dodanie nowej niestandardowej czcionki w motywie edycji pełnej witryny WordPress

W motywach z pełną edycją witryny (FSE) nie jest już konieczne używanie reguły CSS @font-face do dodawania czcionek. W motywach FSE dodajesz czcionkę do folderu asset/fonts/, a następnie wywołujesz ją w pliku theme.json. Omówmy, jak dodać niestandardową czcionkę z Google Fonts do motywu Twenty Twenty-Two, a następnie dodaj kod do pliku theme.json, aby użyć tej czcionki w swojej witrynie.

W tym przykładzie użyjemy rodziny czcionek Roboto z Google Fonts. Pierwszym krokiem jest pobranie czcionki z biblioteki Google Fonts. Kliknij przycisk Pobierz rodzinę w prawym górnym rogu ekranu.

Następnie przejdź do plików motywów WordPress na komputerze lokalnym lub przez FTP. W tym przykładzie użyjemy instalacji WordPress na naszej lokalnej maszynie. Zanotuj lokalizację pliku, ponieważ będzie ona potrzebna w kodzie, który dodamy później do pliku theme.json.

Aby zlokalizować folder czcionek motywu, przejdź do wp-content/themes/twentywentytwo/assets/fonts . Następnie przeciągnij pobrany folder czcionek do folderu czcionek instalacji WordPress.

przeciągnij folder czcionek

Następnie zlokalizuj plik theme.json, przechodząc do wp-content/themes/twentytwentytwo/theme.json .

lokalizacja pliku json motywu

Kliknij plik prawym przyciskiem myszy, aby otworzyć go w ulubionym edytorze kodu. W sekcji ustawień pliku theme.json przewiń w dół do kodu źródłowego sans pro w ustawieniach typografii.

motyw ustawień typografii json

Dodawanie kodu do pliku Theme.json

Następnie dodaj następujący kod po }, w sekcji czcionek Source Serif Pro i przed nawiasem zamykającym ], w sekcji typografii:

{
    "fontFamily": "\"Roboto\", sans-serif",
    "name": "Roboto",
    "slug": "roboto",
    "fontFace": [
        {
            "fontFamily": "Roboto",
            "fontWeight": "900",
            "fontStyle": "normal",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-black.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "700",
            "fontStyle": "normal",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-bold.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "200",
            "fontStyle": "normal",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-light.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "400",
            "fontStyle": "normal",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-medium.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "300",
            "fontStyle": "normal",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-regular.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "100",
            "fontStyle": "normal",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-thin.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "900",
            "fontStyle": "italic",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-blackitalic.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "700",
            "fontStyle": "italic",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-bolditalic.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "400",
            "fontStyle": "italic",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-italic.ttf"]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "300",
            "fontStyle": "italic",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-lightitalic.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "400",
            "fontStyle": "italic",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-mediumitalic.ttf" ]
        },
        {
            "fontFamily": "Roboto",
            "fontWeight": "100",
            "fontStyle": "italic",
            "fontStretch": "normal",
            "src": [ "file:./assets/fonts/roboto/roboto-thinitalic.ttf" ]
        }
    ]
}

Plik powinien teraz wyglądać tak:

ostateczne ustawienia typografii

Zapisz plik i dodaj go z powrotem do folderu czcionek, zastępując plik na komputerze lokalnym lub przesyłając go przez FTP.

Wyświetlanie czcionki w motywie Twenty Twenty-Two

Po zainstalowaniu nowej czcionki w motywie możesz ją wyświetlić, przechodząc do Wygląd > Edytor w Twenty Twenty-Two. Po odświeżeniu ekranu kliknij przycisk stylów .

przycisk stylów

Następnie kliknij typografia .

typografia

Teraz będziesz mógł wybrać nową czcionkę z menu rozwijanego, a także dostosować grubość czcionki i inne opcje stylizacji tekstu dla swojej witryny.

czcionka robota

8. Dodawanie nowej niestandardowej czcionki w WordPress za pomocą Divi

Divi ułatwia przesyłanie niestandardowych czcionek do Twojej witryny za pomocą modułu tekstowego. Divi akceptuje zarówno formaty plików ttf, jak i otf. Jeśli spróbujesz przesłać plik w innym formacie, pojawi się komunikat o błędzie.

Aby rozpocząć, dodaj lub edytuj stronę w swojej witrynie Divi. Następnie dodaj lub edytuj moduł tekstowy na swojej stronie. Kliknij ikonę ustawień w module tekstowym, aby wyświetlić ustawienia modułu.

ustawienia modułu tekstowego

Następnie kliknij kartę projektu, a następnie rozwiń ustawienia tekstu. Kliknij menu rozwijane znajdujące się obok nazwy czcionki.

menu tekstowe

Zobaczysz listę wszystkich czcionek dostępnych w Divi, a także bieżącą czcionkę i przycisk przesyłania. Aby dodać nową niestandardową czcionkę, kliknij Prześlij .

wgraj nową czcionkę

Pojawi się wyskakujące okno przesyłania czcionek. Albo kliknij przycisk Wybierz pliki czcionek , albo przeciągnij swoją czcionkę ttf lub otf do obszaru przeciągania plików tutaj .

prześlij lub przeciągnij nową czcionkę

Następnie nadaj czcionce nazwę i kliknij pole wyboru wszystkie , aby upewnić się, że czcionka obsługuje wszystkie grubości czcionek. Po ustawieniu opcji kliknij przycisk przesyłania , aby dodać czcionkę do Divi.

nazwać nową czcionkę

Należy zauważyć, że gdy dodasz niestandardową czcionkę do swojej witryny Divi, zostanie ona udostępniona w całej witrynie.

Wskazówki i najlepsze praktyki dotyczące zmiany czcionek w WordPress

Zoptymalizuj swoje czcionki

Korzystając z Google Fonts lub dowolnego innego dostawcy czcionek internetowych, należy podjąć kroki w celu optymalizacji czcionek. Niezastosowanie się do tego może spowodować wolniejsze działanie witryny. Proste rzeczy, takie jak ograniczenie liczby używanych rodzin czcionek, znacznie skracają czas ładowania strony. Sprawdź nasz post Korzystanie z czcionek Google w WordPress (5 wskazówek dotyczących optymalizacji wydajności), aby uzyskać więcej informacji.

Wybierz dobre czcionki

Chociaż używanie czcionek internetowych to świetny wybór, liczy się tylko to, czy używasz właściwych . Poświęć trochę czasu na wyszukanie najlepszych czcionek internetowych dla swojej witryny. Weź również pod uwagę opcje parowania czcionek. To prawdopodobnie nie jest dobry pomysł, aby używać razem dwóch czcionek szeryfowych. W końcu może to sprawić, że rzeczy będą bardzo zajęte i trudne do odczytania. Aby dowiedzieć się o doskonałych opcjach oferowanych przez czcionki Google, przeczytaj Najlepsze bezpłatne czcionki internetowe.

Weź pod uwagę osoby, które mają problemy z dostępnością

Oprócz wyboru odpowiednich czcionek należy pamiętać o tych, którzy mają problemy z zobaczeniem mniejszego tekstu. Zawsze używaj tekstu głównego o rozmiarze co najmniej 16 pikseli i czytelnej czcionki. To samo można powiedzieć o tekście przycisku. Upewnij się, że tekst na przycisku jest duży i odpowiedzialny. Jest to korzystne nie tylko dla osób z wadami wzroku, ale jest to również dobre wezwanie do działania.

Często zadawane pytania dotyczące zmiany czcionek internetowych w WordPress

Ile czcionek powinienem użyć?

Dobrym pomysłem jest ograniczenie czcionek do minimum. Używaj tylko czcionek, których planujesz używać. Jeśli chcesz mieć opcje, użyj wtyczki lub narzędzia do tworzenia motywów, które pobiera czcionki z chmury, na przykład w Google Fonts CDN.

Czy mogę używać pobranych czcionek w WordPressie?

Tak, ale nie jest to prosty proces. Składa się z wielu kroków i będziesz potrzebować podstawowej wiedzy na temat kodowania, aby to zrobić. Aby uzyskać więcej informacji na temat korzystania z pobranych czcionek, sprawdź Jak używać pobranych czcionek w WordPress bez wtyczki na blogu Elegant Themes.

Czy mogę zmieniać czcionki w motywie Twenty Twenty-Two?

Tak, możesz. To powiedziawszy, są tylko dwie opcje, które są z nim standardowe. Dodanie czcionek do tego konkretnego motywu nie jest najłatwiejszą ścieżką i wymaga edycji theme.json i functions.php.

Czy istnieją dobre opcje zmiany czcionek w WordPress za pomocą wtyczek oprócz tej pokazanej w tym poście?

TAk! Sprawdź naszą listę 9 najlepszych wtyczek typograficznych dla WordPress, aby zobaczyć niektóre z naszych rekomendacji.

Zamykanie rzeczy

Istnieje wiele sposobów zmiany czcionek w WordPress. Jeśli używasz ogólnego motywu, najłatwiejszym sposobem na to jest użycie wtyczki, takiej jak Fonts Plugin | Typografia czcionek Google. Motywy do pełnej edycji witryny generalnie dają więcej niż jedną lub dwie opcje, ale niektóre nie ułatwiają dodawania kolejnych. Rozważ użycie narzędzia do tworzenia motywów, takiego jak Divi, ponieważ daje ono najwięcej opcji. Wreszcie, jeśli jesteś praktycznym programistą lub potrzebujesz tylko kilku opcji, ręczne dodawanie czcionek może być dla Ciebie odpowiednie.

Jak zmienić czcionki w WordPressie? Daj nam znać, komentując poniżej.