Zmień rozmiar czcionki w WordPress

Czy chcesz zmienić rozmiar czcionki w swoich postach lub stronach WordPress?

Czasami możesz zwiększyć linię lub akapit lub zwiększyć rozmiar czcionki całej zawartości strony.

W tym artykule pokażemy, jak łatwo zmienić rozmiar czcionki w WordPress. Dowiesz się nie tylko, jak zmienić rozmiar czcionki w postach WordPress, ale także Jak to zrobić w całej witrynie.

Change font size in WordPress

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Metoda 1: Używanie Nagłówków Akapitu

To zajmie odwiedzającym tylko kilka sekund, aby zdecydować, czy chcą zostać, czy opuścić witrynę. Daje to bardzo mało czasu, aby przekonać ich do pozostania na twojej stronie.

Używanie nagłówków w treści to świetny sposób na przyciągnięcie uwagi użytkownika.

Umożliwiają one dzielenie postów i stron na sekcje przy użyciu różnych nagłówków (często nazywanych “podtytułami”).

Nagłówki są również Świetne dla SEO. Wyszukiwarki nadają właściwym nagłówkom większą wagę niż zwykły tekst akapitu.

Jak dodać nagłówek w domyślnym edytorze bloków WordPress

Możesz dodać nagłówek do swoich postów lub stron, po prostu dodając blok “nagłówek”. Możesz go wyszukać lub znaleźć w sekcji “wspólne bloki” w edytorze bloków WordPress.

Adding a heading block in Gutenberg

Blok będzie domyślnie ustawiony na Nagłówek 2. Zwykle sensowne jest trzymanie się pozycji 2 w podpozycjach. Jeśli chcesz to zmienić, możesz po prostu kliknąć menu rozwijane “H2”, aby wybrać inny rozmiar.

Selecting your Heading size in the block editor

Alternatywnie można to zmienić w Ustawieniach blokowania po prawej stronie ekranu. Możesz również zmienić kolor nagłówka.

Jak dodać nagłówek w starszym klasycznym edytorze

Jeśli nadal używasz starszego klasycznego edytora w WordPress, możesz dodać nagłówki za pomocą rozwijanej listy “akapit”.

Po prostu podświetl tekst, który chcesz przekształcić w nagłówek, kliknij listę rozwijaną “akapit” i wybierz rozmiar nagłówka.

Creating a heading by clicking on the Paragraph drop-down in the classic editor

Rozmiary i kolory różnych stylów nagłówków są kontrolowane przez arkusz stylów szablonu (styl.css).

Jeśli używasz motywu premium WordPress, możesz zmienić te ustawienia w sekcji Wygląd ” Dostosuj.

Używanie podtytułów w artykułach ułatwia czytelnikom śledzenie tego, co im mówisz. Jednocześnie sprawia, że Twoje posty WordPress są przyjazne SEO.

Metoda 2: Zmiana rozmiaru tekstu w edytorze bloków

Co zrobić, jeśli chcesz mieć akapit, a nawet cały post w większej czcionce? Możesz to zrobić naprawdę łatwo za pomocą domyślnego edytora bloków WordPress.

Po prostu kliknij dowolny blok akapitu, a następnie wybierz rozmiar czcionki w “Ustawieniach tekstu” po prawej stronie.

Changing the text size of a paragraph block

Możesz wybrać z listy rozwijanej, która obejmuje małe, normalne, średnie, duże i ogromne. Jeśli zmienisz zdanie, po prostu kliknij przycisk “Resetuj”, aby przywrócić domyślny tekst akapitu.

Istnieje również opcja “Niestandardowa”, w której możesz po prostu wpisać rozmiar piksela, który chcesz. Jeśli chcesz, możesz również ustawić dużą kroplę, aby pojawiała się na początku akapitu.

Te opcje nie są dostępne w starszym klasycznym edytorze dla WordPress. Jeśli chcesz ich użyć, pomyśl o zmianie. Nasz samouczek na temat korzystania z nowego edytora bloków WordPress pomoże ci.

Jeśli jesteś zdecydowany, aby trzymać się klasycznego edytora, ta następna opcja jest dla ciebie.

Metoda 3: Zmień Rozmiar Czcionki Za Pomocą Wtyczki TinyMCE Advanced

TinyMCE Advanced to wtyczka WordPress, która zapewnia większą kontrolę nad rozmiarami czcionek i formatowaniem tekstu, a także szereg innych funkcji.

Jest to szczególnie przydatne w przypadku starszego klasycznego edytora, ale działa również z edytorem bloków. Dodaje nowy blok o nazwie “Klasyczny akapit”, który ma wszystkie kontrolki TinyMCE.

Aby z niego korzystać, musisz najpierw zainstalować i aktywować wtyczkę TinyMCE Advanced. Jeśli nie wiesz, jak to zrobić, sprawdź nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Następnie przejdź do Ustawienia ” TinyMCE Advanced aby skonfigurować ustawienia edytora. Tutaj możesz ustawić przyciski, których chcesz użyć w zaawansowanym pasku narzędzi TinyMCE.

Jeśli używasz go z klasycznym edytorem, powinieneś zobaczyć, że TinyMCE ma domyślnie włączoną listę rozwijaną “rozmiar czcionki” w drugim rzędzie ikon.

Możesz przenieść go do pierwszego wiersza, przeciągając go w górę, jeśli chcesz.

The font sizes drop-down button on the TinyMCE Advanced menu for the classic editor

Jeśli używasz edytora bloków, musisz przewinąć ekran w dół i dodać listę rozwijaną rozmiary czcionek do paska narzędzi, przeciągając go i upuszczając:

Adding the font sizes button to the TinyMCE Advanced block toolbar

Upewnij się, że klikniesz “Zapisz zmiany” u dołu ekranu.

Aby zobaczyć przycisk w akcji, utwórz nowy post lub edytuj istniejący.

W edytorze bloków możesz teraz dodać blok “Klasyczny akapit”. Będzie miał zaawansowane kontrolki TinyMCE, takie jak ten:

The Classic Paragraph block in the block editor, added by the TinyMCE Advanced plugin

W klasycznym edytorze zobaczysz zaawansowane paski narzędzi TinyMCE z rozwijanym rozmiarem czcionki:

Changing the font size using the TinyMCE Advanced editor

Możesz wybrać dowolny rozmiar czcionki z listy rozwijanej.

Uwaga: nie daje to tylu opcji, co edytor bloków WordPress i nie można wpisać własnego rozmiaru czcionki.

Metoda 4: Zmień rozmiar czcionki w całej witrynie za pomocą CSS

Jeśli zmieniasz rozmiary czcionek za każdym razem, gdy edytujesz post, możesz to ułatwić, zmieniając go na stałe w swoim motywie.

Dobrą wiadomością jest to, że możesz zmienić domyślny rozmiar akapitu w całej witrynie. Najlepszym sposobem na to jest użycie dostosowywania motywu pod Wygląd ” Dostosuj.

Niektóre motywy WordPress mogą zawierać opcję zmiany rozmiaru czcionki. Jeśli możesz znaleźć tę opcję, możesz jej użyć bez pisania kodu CSS.

Jeśli jednak Twój motyw nie ma tej funkcji, możesz dodać niestandardowy CSS, aby dodać własne reguły rozmiaru czcionki.

Po prostu kliknij opcję “dodatkowy CSS” w edytorze motywów. Tutaj możesz przechowywać swój własny kod CSS.

Using the Customizer to add CSS code to your site

Teraz w dodatkowym polu tekstowym CSS po prostu dodaj swój kod CSS. W tym przykładzie zmieniamy rozmiar czcionki na ’16px’, możesz wybrać inny rozmiar czcionki.

p { 
font-size: 16px; 
} 

Natychmiast zobaczysz zmiany w podglądzie po prawej stronie ekranu. Jeśli podoba ci się rozmiar czcionki, kliknij przycisk “Opublikuj” u góry ekranu, aby ją aktywować.

Uwaga: Twój niestandardowy CSS zostanie zastosowany Tylko do używanego motywu. Jeśli później zdecydujesz się przełączyć na inny motyw WordPress, musisz go ponownie skopiować i wkleić do dostosowywania.

Powyższy kod dotyczy tylko tekstu akapitu. Co zrobić, jeśli chcesz zmienić rozmiar czcionki wszystkich podtytułów h2?

Po prostu zmodyfikuj powyższy kod, aby kierować element h2 w swoim motywie w ten sposób:

h2 { 
font-size: 32px; 
} 

Możesz zrobić to samo z innymi nagłówkami, po prostu zmieniając h2 na h3, h4 lub h5.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo zmienić rozmiar czcionki w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat używania niestandardowych czcionek w WordPress lub naszą listą najlepszych wtyczek do Kreatora Stron typu przeciągnij i upuść WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

14 Najlepsze wtyczki WordPress SEO i narzędzia, których powinieneś używać

W artykule: Rzeczy, które musisz wiedzieć o wtyczkach i narzędziach WordPress SEO1.…

Jak sprawdzić ruch w witrynie dla dowolnej witryny (Najlepsze Narzędzia 7)

W artykule: Dlaczego Warto Sprawdzić Ruch W Witrynie?Dlaczego warto sprawdzić ruch na…

Jak łatwo znaleźć i usunąć skradzione treści w WordPress (5 Sposobów)

W artykule: Jak i dlaczego skradziono zawartość witryny?1. Skonfiguruj Automatyczne Powiadomienia O…

Jak dodać nagłówki bezpieczeństwa HTTP w WordPress (Przewodnik dla początkujących)

W artykule: Czym są nagłówki bezpieczeństwa HTTP?Dodawanie nagłówków bezpieczeństwa HTTP w WordPress1.…