Jak zmienić kolor czcionki w WordPressie (krótki przewodnik)

Nowo utworzona witryna WordPress ma domyślne kolory czcionek, które mogą nie być atrakcyjne lub nieprzydatne dla tej witryny. Na przykład, jeśli użytkownik podświetli tekst na Twojej stronie, domyślnym kolorem tekstu będzie niebieski, co nie działa w przypadku niektórych witryn.

Ten artykuł stworzony przez nasz zespół w WpDataTables pokaże Ci, jak zmienić kolor czcionki w WordPress za pomocą CSS. Jednym z pierwszych aspektów, które należy wziąć pod uwagę przy nowej stronie internetowej, jest wybór motywu. Ogólnie rzecz biorąc, niewiele domyślnych motywów będzie pasować do ogólnego projektu witryny, więc wymagane są pewne poprawki.

Jednym z tych dostosowań jest kolor tekstu. Jednak niektóre motywy nie dają możliwości ich zmiany. Konfigurator motywu WordPress może być użyty, jeśli motyw oferuje tę opcję, w przeciwnym razie użyj klasycznego edytora lub CSS.

Najbardziej niezawodnym sposobem zmiany koloru czcionki w WordPressie jest użycie kodu, jednak może to być onieśmielające dla tych, którzy nie są zaznajomieni z kodowaniem.

Poniższa lista zawiera szereg opcji.

Uwaga: działa to tylko w przypadku blogów WordPress.org; jeśli korzystasz z WordPress.com, proces może być nieco inny, chociaż mogą działać. Aby w pełni wykorzystać możliwości WordPressa, rozważ przejście z WordPress.com na WordPress.org.

Metoda nr 1: Zmień kolor czcionki w WordPress za pomocą narzędzia do dostosowywania motywów

Najpierw sprawdź, czy Twój motyw obsługuje zmianę koloru czcionki, wykonując następujące kroki.

• Najpierw przejdź do Wygląd> Dostosowywanie na pulpicie nawigacyjnym WordPress, jak pokazano tutaj.
• Tutaj każdy motyw WordPress wyświetli różne opcje dostosowywania; wybierz taki, który oferuje paletę kolorów dla czcionek. Uwaga: jeśli nie chcesz zmieniać motywu, a obecny nie oferuje tej zmiany, powinieneś użyć innych metod.
• Następnie przejdź do Wygląd > Dostosuj > Kolory. Na następnej stronie dostępne są różne opcje w zależności od motywu.
• Jeśli Twój motyw nie oferuje opcji dostosowywania, rozważ użycie innych metod.

Metoda nr 2: Zmień kolor czcionki w WordPressie za pomocą klasycznego edytora

Klasyczny edytor nie umożliwia łatwej zmiany koloru czcionki w WordPressie, ponieważ programiści postanowili ukryć tę opcję, aby to zmienić. Jednak jest to możliwe i oto jak.

• Przejdź do pulpitu nawigacyjnego, znajdź wpis, który chcesz edytować.
• Aby zobaczyć kolor tekstu, kliknij przycisk „Przełącznik paska narzędzi", który znajduje się tuż pod przyciskami „Dodaj multimedia” i „Dodaj formularz kontaktowy”.
• Powinny pojawić się teraz kilka dodatkowych opcji, z których jedną jest opcja „Kolor tekstu” z menu rozwijanego.
• Po kliknięciu strzałki w dół powinny być dostępne różne opcje dostosowywania tekstu czcionki, zwykle dostępne w innych narzędziach dostosowywania. Jeśli nie podobają Ci się opcje kolorów (jest ich 39), możesz użyć niestandardowych kolorów czcionek. Jeśli naciśniesz przycisk „X” w prawym dolnym rogu, zmieni on kolor na „brak koloru”, co automatycznie dostosuje kolor tekstu.

• Jeśli znasz kod szesnastkowy żądanego koloru, możesz go użyć do zmiany koloru.
• Jeśli chcesz to zrobić bez kodu, możesz kliknąć przycisk „Niestandardowy” u dołu menu „Kolor tekstu”.

• Następnie powinieneś zobaczyć kwadratowe pole w prawym górnym rogu, od czerwonego do czarnego. Po prawej stronie znajduje się również tęczowy prostokąt, w którym możesz wybrać preferowany kolor.
• Aby wizualnie zmienić kolor, kliknij w dowolnym miejscu w tym polu tęczy; możesz również zmienić odcień, przeciągając w tym polu. Kolor czarnego pola powinien zmienić się na niestandardowy kolor, który tworzysz. U góry zobaczysz podgląd tekstu w wybranym przez Ciebie kolorze. Następnie, gdy będziesz gotowy, na górze zostanie wygenerowany automatyczny kod, który jest pomocny, jeśli chcesz później dopasować inne kolory.
• Jeśli chcesz uzyskać określone odcienie czerwieni, zieleni i niebieskiego, wprowadź wartości w polach RGB po prawej stronie. Możesz również wpisać kod potrzebny do tego koloru.
• Aby zapisać niestandardowy kolor, kliknij Enter lub przycisk Ok. Aby anulować, kliknij x lub „anuluj”, co spowoduje wyjście z menu bez zmiany czegokolwiek.

• Po wybraniu odpowiedniego koloru kliknij przycisk „Aktualizuj”, aby zakończyć.
• Aby użyć tego niestandardowego koloru w przyszłych projektach, musisz ponownie przejść ten proces, ponieważ niestandardowy kolor nie zostanie zapisany. Jeśli chcesz, aby ten kolor był trwały, musisz zaktualizować CSS motywu i dodać do niego kolor.

Metoda #3: Zmień kolor czcionki w WordPress globalnie za pomocą CSS

CSS to najbardziej efektywna i niezawodna metoda globalnej zmiany koloru tekstu. Oto jak to zrobić.

• Przejdź do: Wygląd > Dostosuj > Dodatkowy CSS. Dodaj kod, aby zmiany zaczęły obowiązywać.

• Aby zmienić kolor czcionki nagłówków z 1 na 6, kod wyglądałby mniej więcej tak:

h1, h2, h3, h4, h5, h6 {

Pamiętaj, że zmiana zmieni tylko kolor czcionki nagłówków stron i postów, a nie ogólny tytuł posta. Aby wprowadzić tę zmianę, musisz dodać bardziej szczegółowy kod CSS. Na przykład, aby zmienić tytuł, wprowadź ten kod:

.entry-title a {

Aby zmienić kolor tekstu tytułów postów, użyj tego kodu:

h1.entry-title {

Jeśli chcesz znaleźć konkretny kolor z bieżącej strony w przeglądarce Firefox lub Chrome i użyć go, możesz znaleźć kod za pomocą narzędzia do sprawdzania.

Ta karta kolorów pomoże Ci znaleźć konkretny kod szesnastkowy dla żądanego koloru.

Końcowe myśli o tym, jak zmienić kolor tekstu w WordPressie

Umiejętność zmiany koloru tekstu w WordPressie jest jedną z najważniejszych rzeczy dla projektanta stron internetowych. Projektant często spędza wiele godzin na szukaniu właściwych rozwiązań dla swoich projektów i próbach zoptymalizowania wyboru kolorów i opcji projektowych. Rezultatem będzie atrakcyjna strona internetowa, która zdobędzie kliknięcia i użytkowników.

Im większa dbałość o szczegóły, tym bardziej atrakcyjna jest strona, w tym kolor czcionki. Jednocześnie strona powinna dobrze funkcjonować, a wrażenia użytkownika powinny być bezbłędne, zapewniając idealną równowagę projektu i funkcjonalności.

Hej, czy wiesz, że dane też mogą być piękne?

wpDataTables może to zrobić. Nie bez powodu jest to wtyczka nr 1 WordPress do tworzenia responsywnych tabel i wykresów.

Rzeczywisty przykład wpDataTables w środowisku naturalnym

I naprawdę łatwo jest zrobić coś takiego:

1. Podajesz dane tabeli
2. Skonfiguruj i dostosuj go
3. Opublikuj go w poście lub na stronie

I to nie tylko ładne, ale i praktyczne. Możesz tworzyć duże tabele z milionami wierszy, możesz użyć zaawansowanych filtrów i wyszukiwania, albo możesz poszaleć i udostępnić je do edycji.

„Tak, ale po prostu za bardzo lubię Excela, a na stronach internetowych nic takiego nie ma”. Tak, jest. Możesz użyć formatowania warunkowego, takiego jak w Excelu lub Arkuszach Google.

Czy mówiłem ci, że możesz też tworzyć wykresy ze swoich danych? A to tylko niewielka część. Istnieje wiele innych funkcji dla Ciebie.

Jeśli podobał Ci się ten artykuł o tym, jak zmienić kolor czcionki w WordPressie, powinieneś zapoznać się z tym, jak wyłączyć komentarze w WordPressie.

Pisaliśmy również o kilku powiązanych tematach, takich jak ochrona hasłem witryny WordPress, koszt utrzymania witryny, WordPress utknął w trybie konserwacji, WordPress multisite, nagłówek WordPress, logowanie do pulpitu WordPress i slogan WordPress.