Jak bezproblemowo zmieniać czcionki w WordPressie

Czcionki w WordPressie są kluczowym elementem brandingu firmy. Chociaż niektórzy mogą odrzucać czcionki jako nieistotne, dla wielu są one istotną częścią ich witryny.

Wraz z kolorami, obrazami, logo i innymi elementami brandingu, czcionki odgrywają istotną rolę w wizerunku Twojej marki oraz w sposobie postrzegania Twojej marki przez klientów. Ponieważ oferują wiele opcji, WordPress jest jedną z najlepszych platform do personalizacji.

Pomimo tego, że istnieje wiele darmowych opcji czcionek, ważne jest, aby wiedzieć, jak zmieniać czcionki w WordPressie, co może wymagać pewnej znajomości kodowania CSS.

Ten artykuł stworzony przez nasz zespół w wpDataTables pokaże, jak łatwo zmieniać czcionki w WordPressie.

Jak zmienić czcionki w motywach WordPress

Spójrzmy na następujący scenariusz. Chcesz mieć różne kombinacje czcionek dla swojej witryny, ale coś powstrzymuje Cię przed pójściem do przodu.

Zmiana czcionek w motywach może być trudna, ponieważ zazwyczaj zawierają one gotowe czcionki, które są używane w różnych częściach motywu. Musisz zlokalizować skrypt CSS, który ustawia czcionkę dla określonego obszaru, niezależnie od tego, czy jest to stopka, nagłówek, treść czy inne części.

Jeśli chcesz użyć zupełnie nowej czcionki, wymagane będzie wstępne kodowanie. Najpierw wybierz licencjonowaną czcionkę dla swojej witryny, a następnie prześlij ją na serwer. W górnej części style.css musisz także zdefiniować rodzinę czcionek. Oto przykład tego, jak może wyglądać kod:

@font-face {font-family: Museo300;
src: local('Museo300-Regular'),
url("fonts/Museo300-Regular.ttf") format('truetype’);
font-weight: normal;}

Jak globalnie zmieniać czcionki w WordPressie za pomocą funkcji dostosowywania?

Zmiana czcionek za pomocą funkcji dostosowywania jest prosta. Najpierw zaloguj się do swojego profilu WordPress i przejdź do pulpitu nawigacyjnego, kliknij Wygląd, a następnie Dostosuj.

Innym sposobem uzyskania dostępu do tego obszaru jest zalogowanie się do pulpitu WordPress, kliknięcie nazwy witryny w lewym górnym rogu, a następnie kliknięcie przycisku Dostosuj.

Następnie przewiń w dół do lewej strony i znajdź pole, w którym możesz dodać dodatkowy kod CSS. Kliknij go, aby dodać kod. Oto przykład kodu:

* {font-family:"Courier New", Courier, monospace}Copy

Kiedy dodasz * na początku, doda czcionkę do całej witryny. Gdy wkleisz kod, natychmiast się zmieni. Kiedy będziesz gotowy do wprowadzenia zmian, kliknij przycisk Opublikuj.

Jak zmienić czcionki w WordPressie w określonych obszarach motywu?

Motywy są dostarczane z gotowymi czcionkami w różnych obszarach i będziesz potrzebować różnych czcionek dla różnych obszarów witryny, co zwiększa możliwości dostosowywania. Identyfikacja tematów w różnych obszarach jest wyzwaniem.

Znajdziesz czcionkę dla ciała, która jest oddzielona od reszty, która może być użyta do określenia czcionek niezdefiniowanych przez tag, klasę lub div.

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }

Czcionki prawdopodobnie znajdziesz w różnych klasach CSS: content, post, entry i post-entry.

Dodaj niestandardowe czcionki

Dodanie niestandardowych czcionek to jeden z najlepszych sposobów zmiany nagłówków i czcionki podstawowej. Przejdź do Projekt > Dostosuj > Czcionki.

Zmiana na niestandardową czcionkę jest łatwa. Istnieje wiele świetnych czcionek znalezionych w Google Fonts, Typekit, a także w subskrypcji premium WordPress lub wyższej.

Jak to zrobić:

• Idź do Projekt >
• Kliknij Czcionki w sekcji Dostosuj. Następnie kliknij menu rozwijane, aby zobaczyć opcje dostępne w opcji Nagłówki.

• Jeśli czcionki tutaj nie są widoczne, prawdopodobnie motyw nie oferuje opcji zmiany czcionek na czcionki niestandardowe. W takim przypadku znajdź inny motyw, który oferuje tę opcję.
• Czcionki często występują parami, jedna dla nagłówków, a druga dla treści. W przypadku nagłówków ważne jest, aby wybrać czcionkę, która będzie atrakcyjna dla tytułów, tytułów widżetów, nagłówków komentarzy i innych obszarów. Czcionka podstawowa będzie czcionką tekstu podstawowego, więc zadbaj o to, aby była jak najbardziej czytelna.

• Zobaczysz podgląd na żywo, zanim będziesz mógł wybrać czcionkę.

Jak dostosować rozmiar i styl czcionki

Aby dostosować styl czcionki, kliknij opcję po lewej stronie czcionki. Dostępne będą różne style, w zależności od wybranej czcionki.

Aby dostosować rozmiar czcionki, przejdź do opcji rozmiaru poniżej i dostosuj rozmiar czcionki. Ustaw odpowiednie dla nagłówków lub dla treści, co jest proste do zrobienia z menu rozwijanego.

Subskrypcja premium WordPress lub wyższa, umożliwia zmiany rozmiaru czcionki w kodzie CSS.

Jak zapisywać czcionki

Po zakończeniu opcji dostosowywania czcionka jest zapisywana na dwa sposoby: klikając Opublikuj swoją witrynę lub Zapisz wersję roboczą.

Po zapisaniu poczekaj kilka minut, aż czcionki pojawią się na blogu. Jeśli się nie pojawią, spróbuj wyczyścić pamięć podręczną przeglądarki, aby upewnić się, że jest to najnowsza wersja witryny.

Jak zmienić czcionki

Oto jak zmienić czcionki w WordPress po utworzeniu niestandardowej czcionki.

Zmień czcionki niestandardowe, przechodząc do Projektuj, a następnie Dostosuj. Następnie przejdź do Czcionki, wybierz inny nagłówek lub czcionkę podstawową. Możesz także przełączyć się z powrotem na domyślną czcionkę, klikając X, który znajduje się po prawej stronie niestandardowej nazwy czcionki.

Aby zakończyć zmiany czcionki, kliknij Publikuj lub Zapisz wersję roboczą.

Ponownie, pojawienie się czcionek może zająć kilka minut, a wyczyszczenie pamięci podręcznej przeglądarki jest niezbędne.

Resetowanie czcionek

Aby zresetować czcionki, po prostu naciśnij X obok aktualnie używanej czcionki.

Jak umieszczać czcionki w kolejce

Aby poprawnie dodać czcionki do WordPressa, musisz zmienić różne pliki; co najważniejsze, plik functions.php lub plik function_wp; enqueuer_script i wp_enqueue_style.

Dzięki fragmentom kodu po prostu zmień czcionkę bez wprowadzania kodu do plików. Po prostu dodaj je do nagłówka za pomocą funkcji.

Wp_enqueue_script i wp_enqueue_style to podobne pliki, więc lepiej zmienić plik stylu, w zależności od tego, co oferuje dostawca czcionek.

Czcionki Google podadzą czcionki jako arkusze stylów, więc dodaj je w ten sposób:

function add_google_fonts() {

Inne czcionki, takie jak Adobe Edge Web Fonts, będą miały postać plików JavaScript. Kod wyglądałby tak:

function add_adobe_fonts() {

Gdy już wiesz, gdzie dokonać zmian czcionki, ta funkcja staje się prosta.

Jak zmienić rozmiar czcionki

Dopasowanie rozmiaru czcionki ma fundamentalne znaczenie, po prostu dostosowując rozmiary nagłówków. Podczas korzystania z edytora wizualnego wszystkie opcje znajdują się w zakładce „Akapit".

Zazwyczaj rozmiary czcionek są kontrolowane przez plik style.css, który umożliwia dostęp do rozmiarów czcionek.

Używanie właściwych nagłówków w artykułach jest niezbędne do stworzenia satysfakcjonującego doświadczenia użytkownika, a także uczynienia go bardziej przyjaznym dla SEO.

Jeśli podobał Ci się ten artykuł o tym, jak zmieniać czcionki w WordPressie, powinieneś zapoznać się z tym, jak pobrać bibliotekę multimediów WordPress.

Pisaliśmy również o kilku powiązanych tematach, takich jak jak znaleźć identyfikator strony w WordPressie, jak osadzić iframe WordPress, jak wyeliminować blokujące renderowanie JavaScript i CSS w części strony widocznej na ekranie, jak zatrzymać atak DDoS i jak aby ukryć tytuł strony w WordPress.