W artykule:
Niedawno jeden z naszych czytelników zapytał, czy istnieje łatwy sposób na zmianę koloru tekstu w WordPress?
Odpowiedź brzmi: tak. Możesz łatwo zmienić kolor czcionki w WordPress w całej witrynie, a nawet tylko dla jednego słowa w treści postu.
W tym przewodniku pokażemy, jak łatwo zmienić kolor tekstu w WordPress, krok po kroku.
Istnieje wiele powodów, dla których możesz chcieć zmienić kolor tekstu w swoich postach lub stronach. Może chcesz podkreślić słowo kluczowe, a może chcesz użyć kolorowych podtytułów na konkretnej stronie.
Alternatywnie możesz zmienić kolor tekstu w całej witrynie. Być może twój motyw używa szarego koloru tekstu, ale wolisz, aby był czarny, aby uzyskać lepszy kontrast z kolorem tła.
W tym samouczku omówimy następujące metody:
- Zmiana Koloru tekstu za pomocą edytora wizualnego (świetne do zmiany kilku słów, akapitu lub nagłówka podczas pisania treści).
- Zmiana Koloru tekstu w edytorze motywów(najlepszy sposób na zmianę kolorów czcionek w całej witrynie, ale nie jest obsługiwany przez wszystkie motywy).
- Zmiana Koloru tekstu za pomocą kodu CSS (nadaje się do zmiany koloru czcionki w całej witrynie z dowolnymi motywami).
Wystarczy kliknąć jeden z tych linków, aby przejść bezpośrednio do tej metody.
Video Tutorial
Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.
Metoda 1. Zmiana Koloru tekstu za pomocą edytora wizualnego
Możesz użyć domyślnego edytora WordPress, aby umieścić słowa, akapity, a nawet podtytuły w innym kolorze niż główny tekst.
Oto jak możesz zmienić kolor tekstu za pomocą edytora bloków.
Najpierw musisz edytować post lub stronę, którą chcesz zmienić, lub utworzyć nową.
Następnie wpisz tekst. Musisz utworzyć odpowiednio blok akapitu lub blok nagłówka. Aby uzyskać pomoc w tym zakresie, zapoznaj się z naszym samouczkiem na temat korzystania z edytora bloków WordPress.
Gdy tekst jest na miejscu, można zmienić kolor.
Zmiana Koloru tekstu bloku
W tym pierwszym przykładzie zmienimy kolor tekstu całego bloku.
Po prostu kliknij blok i panel ustawień bloku powinien otworzyć się po prawej stronie ekranu. Następnie kliknij strzałkę „ustawienia kolorów”, aby rozwinąć tę kartę. Tutaj zobaczysz ustawienia koloru tekstu.
Teraz możesz wybrać nowy kolor tekstu. Edytor wizualny pokaże Ci kilka opcji opartych na Twoim motywie. Możesz po prostu kliknąć jeden z nich, aby zmienić kolor tekstu.
Alternatywnie, jeśli masz na myśli konkretny kolor, kliknij łącze „Kolor niestandardowy”. Spowoduje to otwarcie próbnika kolorów, w którym można ręcznie wybrać kolor. Możesz również użyć tego do wpisania kodu szesnastkowego.
Jeśli zmienisz zdanie i chcesz wrócić do domyślnego koloru tekstu, kliknij przycisk „Wyczyść” pod opcjami kolorów:
Pro Tip: Jeśli chcesz zmienić kolor tła dla bloku, możesz to zrobić tutaj.
Zmiana Koloru tekstu słowa lub frazy
Co zrobić, jeśli chcesz zmienić kolor tylko jednego lub dwóch słów? To jest łatwe przy użyciu edytora bloków, jak również.
Najpierw musisz podświetlić słowo(słowa), które chcesz zmienić. Następnie kliknij małą strzałkę w dół na pasku narzędzi edytora treści.
Następnie kliknij łącze „Kolor tekstu” na dole listy rozwijanej:
Teraz zobaczysz te same opcje kolorów, co dla całego bloku. Ponownie możesz wybrać jedną z domyślnych opcji lub użyć łącza „kolor niestandardowy”, aby wybrać dowolny kolor.
Opcje kolorów nie są ograniczone do bloków akapitów. Można również zmienić kolor tekstu bloków nagłówków. Podobnie jak w przypadku bloków akapitowych, możesz ustawić kolor tekstu dla całego bloku w Ustawieniach bloku. Alternatywnie można wyróżnić poszczególne słowa I zmienić ich kolor.
Uwaga: Nie można ustawić koloru tła dla bloków nagłówków.
Możesz również zmienić kolor tekstu w bloku listy, ale tylko przez podświetlenie słowa i użycie paska narzędzi. W Ustawieniach bloku nie ma opcji zmiany koloru tekstu dla całego bloku listy.
Zmiana koloru czcionki za pomocą klasycznego edytora
Jeśli nadal używasz klasycznego edytora WordPress, możesz zmienić kolor czcionki za pomocą paska narzędzi.
W klasycznym edytorze kliknij przełącznik paska narzędzi po prawej stronie. Następnie zobaczysz drugi rząd ikon:
Teraz możesz wybrać tekst i zmienić kolor czcionki za pomocą rozwijanego menu kolor czcionki.
Metoda 2. Zmiana Koloru tekstu w module dostosowywania motywu
Co zrobić, jeśli chcesz zmienić kolor tekstu w całej witrynie? Wiele najlepszych motywów WordPress pozwoli Ci to zrobić za pomocą dostosowywania motywów.
W tym przykładzie używamy motywu OceanWP. Jest to jeden z najlepszych darmowych motywów dostępnych dla WordPress.
W panelu WordPress przejdź do Wygląd ” Dostosuj aby otworzyć dostosowywanie motywu.
Następnie musisz poszukać opcji takiej jak „Typografia”. Dostępne opcje i nazwa będą się różnić w zależności od motywu.
Przejdźmy dalej i kliknij kartę Typografia lub równoważną opcję. Następnie poszukaj ustawienia, w którym możesz zmienić tekst swoich postów i stron. W OceanWP jest to tzw. tekst „Body”. Musisz kliknąć na to, abyś mógł dostosować kolor czcionki i nie tylko.
Po kliknięciu selektora kolorów czcionki zostanie wyświetlony próbnik kolorów. Wybierz dowolny kolor tekstu. Spowoduje to zmianę koloru tekstu w wszystkie Twoje posty i strony.
Możesz również zmienić kolory nagłówków w podobny sposób, korzystając z opcji, aby zmienić H1, H2 i tak dalej.
Po zaakceptowaniu zmian kliknij przycisk „Opublikuj” u góry ekranu.
Tip: Wybór czarnego lub ciemnoszarego tekstu na białym lub bardzo jasnym tle jest zwykle najlepszy dla czytelności.
Metoda 3. Zmiana Koloru tekstu za pomocą kodu CSS
Co zrobić, jeśli twój motyw nie ma opcji zmiany koloru tekstu?
Nadal możesz zmienić kolor czcionki w całej witrynie za pomocą narzędzia dostosowywania motywów. Przejdź do Wygląd ” Customizer w panelu WordPress.
Na dole listy opcji zobaczysz zakładkę „dodatkowy CSS”.
Następnie kliknij dodatkową kartę CSS, a zobaczysz instrukcje oraz pole, w którym możesz wprowadzić kod CSS.
Na początek możesz skopiować ten kod do pudełka. Następnie możesz zmienić 6 liczb na kod sześciokątny wybranego koloru.
p { color: # 990000;}
Zmieni to kolor czcionki zwykłego tekstu we wszystkich Twoich postach i stronach na ciemnoczerwony (lub dowolny wybrany kolor), w ten sposób:
Jeśli chcesz zmienić kolor nagłówków w swoim poście, możesz dodać ten kod:
h2 { color: # 990000;}
Ponownie zmień kod szesnastkowy na dowolny kolor.
Uwaga: Możesz również użyć tej metody, aby zmienić kolor łącza w WordPress.
Jeśli nie znasz CSS lub potrzebujesz przyjaznego dla początkujących edytora CSS, który pozwala łatwo dostosować całe style witryny, zalecamy zajrzenie do CSS Hero. Jest to potężny edytor wizualny, który pozwala dostosować style całej witryny.
Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak zmienić kolor tekstu w WordPress. Możesz również polubić nasze samouczki dotyczące zmiany rozmiaru czcionki w WordPress i dodawania niestandardowych czcionek w 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.
