Jak zmienić rozmiar czcionki WordPress
Zmiana rozmiaru czcionki w witrynie WordPress może poprawić czytelność i ulepszyć projekt. WordPress oferuje kilka metod zmiany rozmiaru czcionki, w zależności od potrzeb i umiejętności technicznych. Oto przewodnik krok po kroku, jak zmienić rozmiar czcionki WordPress za pomocą wbudowanego edytora, wtyczek lub niestandardowego CSS.
Metoda 1: Korzystanie z edytora bloków (Gutenberg)
Jeśli korzystasz z edytora bloków Gutenberg (wprowadzonego w WordPress 5.0), zmiana rozmiaru czcionki jest bardzo łatwa dla poszczególnych bloków treści.
Kroki:
- Zaloguj siędo pulpitu nawigacyjnego WordPress i przejdź do postu lub strony, w której chcesz zmienić rozmiar czcionki.
- Wybierz blok tekstu, który chcesz edytować (np. blok Akapit).
- Na prawym pasku bocznym znajdź ustawienia bloku. Jeśli nie jest ona widoczna, kliknij ikonę koła zębatego w prawym górnym rogu, aby otworzyć panel ustawień.
- W sekcji Typografia znajdują się opcje umożliwiające dostosowanie rozmiaru czcionki.
- Możesz wybierać spośród wstępnie zdefiniowanych rozmiarów, takich jak Mały, Normalny, Średni, Duży lub Ogromny.
- Jeśli chcesz wybrać niestandardowy rozmiar, kliknij przycisk Niestandardowy i wprowadź preferowany rozmiar czcionki w pikselach (np. 18px, 24px).
Ta metoda jest przydatna, jeśli chcesz dostosować rozmiar czcionki dla określonych sekcji tekstu bez wpływu na całą witrynę.
Metoda 2: Korzystanie z wtyczki (do zmiany czcionki w całej witrynie)
Jeśli chcesz zmienić rozmiar czcionki w całej witrynie lub mieć większą kontrolę nad stylami czcionek bez pisania niestandardowego CSS, użycie wtyczki jest doskonałą opcją.
Zalecana wtyczka: Easy Google Fonts
- Zainstaluj wtyczkę:
- Z pulpitu nawigacyjnego WordPress przejdź do Wtyczki > Dodaj nową.
- Wyszukaj Easy Google Fonts i kliknij Zainstaluj teraz, a następnie aktywuj wtyczkę.
- Dostosuj rozmiar czcionki za pomocą Customizera:
- Przejdź do Wygląd > Dostosuj.
- Wybierz Typografia z menu.
- Wybierz część witryny, którą chcesz zmodyfikować (np. Treść, Nagłówki itp.).
- Dostosuj suwak Rozmiar czcionki, aby zwiększyć lub zmniejszyć rozmiar czcionki dla każdej sekcji.
Ta wtyczka umożliwia zmianę rozmiaru czcionki w całej witrynie i zapewnia prosty interfejs do dostosowywania ustawień typografii.
Metoda 3: Korzystanie z niestandardowego CSS
Aby uzyskać bardziej precyzyjną kontrolę nad rozmiarami czcionek, możesz dodać niestandardowy CSS do motywu WordPress. Ta metoda wymaga podstawowej znajomości CSS, ale zapewnia pełną elastyczność w definiowaniu rozmiarów czcionek dla różnych elementów.
Kroki:
- Zaloguj siędo pulpitu nawigacyjnego WordPress i przejdź do Wygląd > Dostosuj.
- Przewiń w dół i kliknij Dodatkowe CSS.
- Dodaj swój niestandardowy kod CSS do określonych elementów. Na przykład:
- Opublikuj zmiany po wyświetleniu ich podglądu w narzędziu Customizer.
Ta metoda pozwala modyfikować rozmiar czcionki dla określonych elementów HTML, takich jak akapity
(
), nagłówki
(
,
,
) i innych w całej witrynie.
Metoda 4: Korzystanie z narzędzia Theme Customizer
Wiele motywów WordPress posiada wbudowane opcje typografii, które umożliwiają zmianę rozmiaru czcionki za pomocą narzędzia Theme Customizer.
Kroki:
- Przejdźdo Wygląd > Dostosuj na pulpicie nawigacyjnym WordPress.
- Poszukaj opcji Typografia lub Czcionki w menu Customizer (zależy to od motywu).
- Prawdopodobnie będziesz mieć opcje zmiany rozmiaru czcionki dla tekstu głównego, nagłówków i innych elementów.
- Dostosuj suwaki lub pola wprowadzania, aby zmienić rozmiar czcionki, a następnie kliknij przycisk Opublikuj.
Jeśli twój szablon to obsługuje, jest to najprostszy sposób na wprowadzenie zmian w całej witrynie bez użycia wtyczki lub niestandardowego CSS.
Podsumowanie
Zmianę rozmiaru czcionki w WordPress można przeprowadzić na kilka sposobów, w zależności od celów. W przypadku niewielkich zmian, edytor bloków Gutenberg jest idealny. Jeśli chcesz dostosować rozmiary czcionek w całej witrynie, idealnym rozwiązaniem jest użycie wtyczki, takiej jak Easy Google Fonts lub dostosowanie motywu. Aby uzyskać zaawansowaną kontrolę, dodanie niestandardowego CSS jest najbardziej elastyczną opcją.