Jak łatwo zmienić rozmiar czcionki w WordPressie

Rozmiar czcionki odgrywa ważną rolę w tym, aby treść Twojej strony internetowej była jasna, czytelna i atrakcyjna wizualnie.

Niezależnie od tego, czy prowadzisz bloga, sklep e-commerce, czy witrynę biznesową, wiedza o tym, jak dostosować rozmiary czcionek w WordPress, pozwala dostosować projekt do Twojej marki i poprawić wrażenia użytkownika.

W WPBeginner piszemy artykuły w WordPress od ponad dekady. W tym czasie zawsze priorytetem było dla nas, aby nasze treści były czytelne i dostępne dla naszych odbiorców. Obejmuje to wybór rozmiaru czcionki, który jest łatwy do odczytania, a jednocześnie wygląda schludnie i atrakcyjnie wizualnie.

W tym artykule pokażemy Ci, jak łatwo zmienić rozmiar czcionki w postach i motywach WordPress.

Dlaczego zmieniać rozmiar czcionki w WordPress?

Zmieniając rozmiar czcionki na swojej stronie internetowej WordPress, możesz poprawić czytelność treści i ułatwić użytkownikom jej przeglądanie.

Ponadto, zwiększenie rozmiaru czcionki może pomóc w wyróżnieniu ważnych informacji na Twoim blogu WordPress.

Na przykład, jeśli prezentujesz na swojej stronie produkt partnerski, zwiększenie jego rozmiaru czcionki może pomóc uczynić produkt bardziej zauważalnym. Może to również sprawić, że treść będzie bardziej czytelna dla widzów, którzy uzyskują dostęp do Twojej witryny za pośrednictwem urządzeń mobilnych.

Mając to na uwadze, zobaczmy, jak łatwo zmienić rozmiar czcionki w WordPress.

W tym samouczku omówimy wiele metod, więc możesz użyć poniższych linków, aby przejść do wybranej metody:

• Metoda 1: Jak zmienić rozmiar czcionki za pomocą nagłówków
• Metoda 2: Zmień rozmiar czcionki tekstu w edytorze blokowym
• Metoda 3: Zmień rozmiar czcionki za pomocą wtyczki
• Metoda 4: Zmień rozmiar czcionki w całej witrynie za pomocą edytora pełnej witryny
• Metoda 5: Zmień rozmiar czcionki na całej stronie za pomocą WPCode
• Bonus: Zmień kolor tekstu w WordPress
• Samouczek wideo

Metoda 1: Jak zmienić rozmiar czcionki za pomocą nagłówków

Jeśli szukasz łatwego sposobu na zmianę rozmiaru czcionki za pomocą nagłówków, ta metoda jest dla Ciebie.

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

W większości motywów WordPress nagłówki mają większą czcionkę niż zwykły tekst treści, co pozwala na dzielenie postów i stron na sekcje.

Nagłówki świetnie nadają się również do poprawy SEO strony internetowej, ponieważ wyszukiwarki przyznają nagłówkom odpowiednią wagę większą niż zwykłemu tekstowi akapitowemu.

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

Najpierw musisz otworzyć nowy wpis lub stronę w edytorze blokowym WordPress.

Gdy już tam będziesz, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu, aby otworzyć menu bloków.

Stąd musisz znaleźć i dodać blok nagłówka do strony/wpisu.

Domyślnie blok zostanie ustawiony na Nagłówek 2.

Jeśli dodajesz podtytuł, logiczne jest, aby pozostać przy opcji „Nagłówek 2”.

Jeśli jednak chcesz to zmienić, możesz po prostu kliknąć menu rozwijane „H2”, aby wybrać inny rozmiar.

Alternatywnie, możesz również zmienić rozmiar nagłówka za pomocą ustawień bloku na prawym pasku narzędzi ekranu.

Możesz nawet dostosować kolor nagłówka, wygląd, wielkość liter i inne opcje.

Po zakończeniu nie zapomnij kliknąć przycisku „Zaktualizuj” lub „Opublikuj”, aby zapisać swoje ustawienia.

Jak dodać nagłówek w starym klasycznym edytorze

Jeśli nadal korzystasz ze starego klasycznego edytora w WordPressie, możesz dodawać nagłówki za pomocą menu rozwijanego Akapit.

Najpierw zaznacz myszą tekst, który chcesz przekształcić w nagłówek.

Następnie kliknij menu rozwijane „Akapit” w lewym górnym rogu i wybierz rozmiar nagłówka. Pomyślnie zmieniłeś rozmiar czcionki na nagłówek.

Pamiętaj jednak, że klasyczny edytor nie pozwala na zmianę rozmiarów i kolorów czcionek różnych stylów nagłówków.

Jeśli chcesz to zrobić, będziesz musiał wprowadzić zmiany w arkuszu stylów swojego motywu (style.css).

Na koniec wystarczy kliknąć przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać zmiany.

Metoda 2: Zmień rozmiar czcionki tekstu w edytorze blokowym

Jeśli chcesz zmienić domyślny rozmiar czcionki tekstu w bloku Akapit, ta metoda jest dla Ciebie.

Najpierw musisz otworzyć istniejącą stronę/wpis w edytorze Gutenberg.

Gdy już tam będziesz, kliknij dowolny blok Akapitu, a następnie przełącz się na zakładkę „Style” w panelu bloków po prawej stronie ekranu.

Stąd musisz wybrać rozmiar czcionki z sekcji „Typografia”.

Możesz wybrać opcję Mały, Średni, Duży lub Bardzo Duży w zależności od potrzeb.

Jeśli chcesz przywrócić tekst do oryginalnego rozmiaru, możesz to zrobić, klikając menu z trzema kropkami obok ustawień typografii.

Otworzy się nowe menu rozwijane, w którym musisz kliknąć opcję „Resetuj”.

Poza tym możesz również dodać inicjały, zmienić wielkość liter, odstępy, wygląd i inne, korzystając z tego samego menu rozwijanego.

Po tym po prostu kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać zmiany.

Pamiętaj, że te opcje nie są dostępne w starszym klasycznym edytorze WordPress. Jeśli chcesz z nich korzystać, rozważ przejście na nowy.

Metoda 3: Zmień rozmiar czcionki za pomocą wtyczki

Jeśli chcesz zmienić rozmiar czcionki za pomocą wtyczki, możesz użyć tej metody.

Najpierw musisz zainstalować i aktywować wtyczkę Advanced Editor Tools. Szczegółowe instrukcje znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka daje większą kontrolę nad rozmiarami czcionek i formatowaniem tekstu, a także szereg innych funkcji. Dodaje nowy blok „Klasyczny akapit”, który zawiera wszystkie wybrane przez Ciebie funkcje formatowania.

Po aktywacji przejdź do strony Ustawienia » Narzędzia zaawansowanego edytora z paska bocznego administracji WordPress.

Tam możesz łatwo przeciągać i upuszczać funkcje formatowania z sekcji „Nieиспользуемые przyciski” do bloku „Klasyczny akapit”.

Te funkcje obejmują rozmiar czcionki, rodzinę czcionek, kopiowanie, indeks dolny, emotikony, kod źródłowy i inne.

Po wykonaniu tej czynności przewiń w dół do sekcji „Opcje” i zaznacz opcję „Rozmiary czcionek”, aby uzyskać dostęp do większej liczby rozmiarów czcionek.

Następnie po prostu kliknij przycisk „Zapisz zmiany”, aby zachować ustawienia.

Jeśli używasz wtyczki z edytorem klasycznym, musisz przełączyć się na zakładkę „Edytor klasyczny” u góry strony.

Gdy już tam będziesz, musisz wykonać te same czynności, co w edytorze blokowym.

Upewnij się, że kliknąłeś przycisk „Zapisz zmiany” po wprowadzeniu zmian.

Teraz, aby zobaczyć wtyczkę w akcji, musisz otworzyć nowy lub istniejący wpis/stronę z panelu WordPress.

Gdy już tam będziesz, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu, aby otworzyć menu bloków.

Z tego miejsca znajdź i dodaj blok Klasyczny akapit do strony.

Możesz teraz użyć menu rozwijanego „Rozmiary czcionek”, aby zmienić rozmiar tekstu w bloku „Klasyczny akapit”.

Na koniec kliknij „Zaktualizuj” lub „Opublikuj”, aby zapisać ustawienia swojego wpisu lub strony.

Metoda 4: Zmień rozmiar czcionki w całej witrynie za pomocą edytora pełnej witryny

Jeśli używasz motywu blokowego, ta metoda jest dla Ciebie. Większość motywów blokowych posiada wbudowaną funkcję globalnych stylów, która pozwala kontrolować rozmiary typografii na całej stronie internetowej bez żadnego kodowania.

Aby to zrobić, przejdź do strony Wygląd » Edytor z panelu WordPress i kliknij ikonę „Style” w prawym górnym rogu. Otworzy się nowy panel, w którym musisz wybrać opcję „Typografia”.

Gdy w bocznym pasku pojawią się nowe ustawienia, możesz łatwo zmienić typ czcionki dla całej swojej witryny w sekcji „Czcionka”.

Następnie przewiń w dół do sekcji „Elementy” i wybierz zakładkę „Tekst”.

Teraz możesz zmienić rozmiar, typ i odstępy czcionki dla całego tekstu na całej Twojej stronie internetowej.

Po zakończeniu możesz wrócić do sekcji „Elementy”, aby zmienić rozmiar czcionki dla wszystkich nagłówków, linków, podpisów i przycisków.

Jeśli nadal nie jesteś zadowolony, możesz całkowicie zmienić domyślne rozmiary czcionek dla swojej witryny.

Te presety definiują standardowe rozmiary dla różnych opcji tekstu, takich jak mały, średni i duży. Na przykład, gdy wybierzesz „mały” jako rozmiar czcionki w dowolnym miejscu na swojej stronie internetowej, może on zostać automatycznie ustawiony na 0,9 rem.

Możesz jednak dostosować ustawienia domyślne, aby „mały” oznaczał 1 rem. Daje to elastyczność w dostosowywaniu rozmiarów czcionek do własnych preferencji.

W tym celu kliknij opcję „Predefiniowane rozmiary czcionek” na dole.

Po otwarciu nowego ekranu możesz łatwo edytować presety rozmiarów czcionek w całej witrynie.

Na koniec kliknij przycisk „Zapisz”, aby zachować swoje ustawienia. Pomyślnie zmieniłeś teraz rozmiar czcionki na całej stronie za pomocą edytora całej witryny.

Metoda 5: Zmień rozmiar czcionki na całej stronie za pomocą WPCode

Ta metoda jest dla Ciebie, jeśli chcesz zmienić rozmiar czcionki w całej swojej witrynie, ale nie używasz motywu blokowego.

Możesz łatwo dodać tę funkcjonalność, wstawiając kod CSS do swojej witryny za pomocą WPCode.

Jest to najlepszy plugin do fragmentów kodu WordPress na rynku, który sprawia, że dodawanie kodu do Twojej strony jest niezwykle łatwe i bezpieczne.

Najpierw musisz zainstalować i aktywować wtyczkę WPCode. Szczegółowe instrukcje znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Uwaga: WPCode posiada bezpłatny plan, którego możesz użyć do tego tutorialu. Jednak przejście na wersję Pro zapewni Ci dostęp do większej liczby funkcji, takich jak logika warunkowa, biblioteka fragmentów kodu w chmurze i wiele innych.

Po aktywacji przejdź do strony Fragmenty kodu » + Dodaj fragment z paska bocznego administratora WordPress.

Po przejściu tam kliknij przycisk „+ Dodaj niestandardowy fragment” w sekcji „Dodaj swój niestandardowy kod (nowy fragment)”.

Następnie musisz wybrać „Fragment kodu CSS” jako typ kodu z listy opcji, które pojawią się na ekranie.

Spowoduje to przejście do strony „Utwórz niestandardowy fragment”, gdzie możesz zacząć od nadania fragmentowi kodu tytułu.

Na przykład, użyliśmy tytułu „Zmień rozmiar czcionki w całej witrynie”.

Następnie skopiuj i wklej poniższy niestandardowy kod CSS do pola „Podgląd kodu”:

p {
font-size:16px;
}

Po wykonaniu tej czynności po prostu dodaj pożądany rozmiar czcionki obok linii „font-size” w kodzie CSS.

Powinno to wyglądać tak.

Następnie przewiń w dół do sekcji „Wstawianie” i wybierz tryb „Automatyczne wstawianie”.

Twój kod zostanie automatycznie wykonany na Twojej stronie po aktywacji.

Na koniec przewiń stronę z powrotem do góry i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Następnie kliknij przycisk „Zapisz fragment”, aby wykonać swój kod.

Pomyślnie zmieniłeś rozmiar czcionki na swojej stronie WordPress.

Bonus: Zmień kolor tekstu w WordPress

Oprócz rozmiaru, możesz również zmienić kolor tekstu na swojej stronie internetowej, aby uczynić treść bardziej czytelną i atrakcyjną wizualnie. Może to również wzmocnić Twoją markę i pomóc w wyróżnieniu ważnych informacji.

Aby zmienić kolor tekstu, musisz otworzyć wpis na blogu w edytorze blokowym i wybrać blok Akapit. Po wykonaniu tej czynności przejdź do zakładki „Style” w panelu bloków i kliknij opcję „Tekst”.

Otworzy to narzędzie do wyboru koloru, gdzie możesz wybrać kolor tekstu dla treści.

Jeśli chcesz zmienić kolory tekstu na całej stronie internetowej, możesz użyć WPCode, który jest najlepszym pluginem do fragmentów kodu WordPress na rynku.

Po aktywacji wystarczy odwiedzić stronę Fragmenty kodu » + Dodaj fragment z paska bocznego administratora WordPress i kliknąć „Użyj fragmentu” w opcji „Dodaj własny kod”.

Spowoduje to przejście do strony „Utwórz niestandardowy fragment”, gdzie musisz wybrać „Fragment CSS” jako typ kodu, a następnie skopiować i wkleić poniższy kod do pola „Podgląd kodu”:

p { color:#990000; }

Jeśli chcesz użyć innego koloru dla nagłówków swojej witryny, będziesz musiał użyć selektorów h1, h2, h3 lub podobnych.

Na koniec kliknij przycisk „Zapisz fragment” i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Pomyślnie zmieniłeś teraz kolor tekstu na całej swojej stronie internetowej. Szczegółowe instrukcje znajdziesz w naszym poradniku jak zmienić kolor tekstu w WordPress.

Samouczek wideo

Jeśli nie lubisz instrukcji pisemnych, możesz zamiast tego obejrzeć nasz film:

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 jak używać niestandardowych czcionek w WordPress lub naszym samouczkiem na temat jak wyłączyć Google Fonts na Twojej stronie WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.