Jak zmienić kolor tekstu w postach lub stronach w 2024 r

Opublikowany: 2024-04-29

Aby strona była atrakcyjna, tekst odgrywa znaczącą rolę. Tekst może zmienić wygląd witryny.

Kiedy mówimy o tekście, mamy na myśli nie tylko tekst, ale także jego kolor i styl. Chociaż dostępnych jest wiele dostosowań, które można wykonać, aby poprawić wygląd tekstu.

Na tym blogu zobaczymy kilka metod zmiany koloru tekstu w postach lub stronach.

Zacznijmy,

Spis treści

Przełącznik

Jak zmienić kolor tekstu w postach lub stronach

Zmień kolor tekstu w motywie klasycznym

Klasyczne motywy nie są obecnie używane, ale starzy użytkownicy nadal korzystają z klasycznych motywów i ta metoda jest dla nich.

Tutaj będziemy używać motywu Shop Mania Pro. Jest to superszybki motyw e-commerce, idealny dla każdego rodzaju sklepu internetowego.

Zacznijmy,

Otwórz swój pulpit nawigacyjny

Dashboard

Najpierw otwórz pulpit nawigacyjny witryny WordPress.

Krok 1) Przejdź do Postów i otwórz post

Classic Post

Najedź kursorem na Posty i kliknij Wszystkie posty. Spowoduje to otwarcie wszystkich stron Twojej witryny.

Krok 2) Zaznacz tekst > Kliknij strzałkę > Kliknij Podświetl

Classic Highlight

Jeśli chcesz zmienić kolor konkretnego słowa lub zdania, jest to przyjęte.

Zaznacz tekst, którego kolor chcesz zmienić. Następnie kliknij strzałkę menu skierowaną w dół. W ostatnim kroku kliknij wyróżnienie i wybierz kolor.

Krok 3) Kliknij Blok, a następnie Kolory

Classic Block color 1

Aby pokolorować cały akapit, otwórz Style i kliknij tekst w sekcji kolorów.

Krok 4) Wybierz dowolny kolor

Classic Block Color Full

Wybierz żądany kolor z pudełka.

Zmień kolor tekstu za pomocą CSS

Może to być łatwa metoda, jeśli zostanie właściwie zrozumiana. Metodę tę należy jednak wykonać ostrożnie, aby nie doszło do niezamierzonego błędu.

Tutaj używamy motywu Shop Mania.

rozumiemy każdy krok.

Krok 1) Sprawdź tekst, którego kolor chcesz zmienić

CSS Inspect

Najpierw sprawdź blok tekstowy, aby skopiować CSS. Będziemy potrzebować CSS później.

CSS HTML CSS

Górna część widoczna w polu Sprawdź to HTML, a dolna część to CSS.

Krok 2) Skopiuj CSS tekstu

CSS Copy

Skopiuj zaznaczoną część tak jak ja.

Krok 3) Kliknij przycisk Dostosuj

CSS Customize

Teraz zamknij pole Sprawdź i kliknij Dostosuj.

Krok 4) Przejdź do Dodatkowego CSS

CSS Additional css

Kliknij Dodatkowy CSS. Otworzy się okno do napisania CSS.

Krok 5) Wklej CSS

CSS important 2

Wklej CSS do pola, jak pokazano na obrazku 1.
Teraz napisz kolor CSS: niebieski;
Może jednak nie zostać opublikowany, ponieważ istnieje już napisany CSS, więc zamiast tego musimy to napisać.
kolor niebieski! ważny:

Nie zapomnij umieścić na końcu nawiasu klamrowego „}” .

Tam, gdzie napisałem nazwę koloru, możesz użyć kodu szesnastkowego odpowiedniego koloru.

Możesz zobaczyć Zmianę

CSS Difference 1

Możesz zobaczyć, że kolor bloku został zmieniony na niebieski.

Zmień kolor tekstu w motywie bloku

W tej metodzie użyjemy motywu Vayu X. Vayu X to motyw blokowy, który ma kaliber pozwalający stworzyć oszałamiającą witrynę dowolnej kategorii. Oznacza to, że przy użyciu tego motywu możesz zbudować dowolny typ witryny.

Zobaczmy kroki,

Krok 1) Przejdź do Wyglądu i kliknij Edytor

Block Editor

Po otwarciu pulpitu nawigacyjnego witryny WordPress przejdź do Wygląd i kliknij Edytor.

Krok 2) Kliknij Style > Kliknij ikonę pióra

Block Styles

Kliknij na style, ponieważ chcemy dokonać zmian w stylach. Na następnym ekranie kliknij ikonę Pióra.

Block Homepage

Spowoduje to otwarcie witryny do edycji.

Krok 3) Kliknij Kolory

Block Colors

Kliknij kolory na prawym pasku bocznym. Zobaczysz różne sekcje do pokolorowania.

Krok 4) Zmień kolor tekstu

Block Heading

Wybierz sekcję, którą chcesz pokolorować. Tutaj pokolorowałem tekst nagłówka.

Zmień kolor tekstu za pomocą wtyczki Vayu Blocks

Vayu Blocks to WordPress, który służy do budowania strony internetowej za pomocą bloków. Oferuje wielką pomoc przy poprawianiu wyglądu witryny, ponieważ oferuje wiele opcji dostosowywania.

Zacznijmy,

Krok 1) Kliknij Dodaj nową wtyczkę

Vayu add new plugin

Najpierw musimy zainstalować bloki Vayu. Przejdź więc do Wtyczek i kliknij Dodaj nową wtyczkę.

Krok 2) Przejdź do pola wyszukiwania i wyszukaj bloki Vayu

Vayu Search

Teraz przejdź do pola wyszukiwania i wyszukaj bloki Vayu.

Krok 3) Zainstaluj i aktywuj wtyczkę

Vayu Install Activate

Gdy wyświetli się blok Vayu, kliknij przycisk Zainstaluj teraz i aktywuj go po instalacji.

Krok 4) Utwórz blok za pomocą bloków Vayu

Vayu Heading

Ponieważ będziemy używać bloków Vayu, wykonaj blok za pomocą bloków Vayu. Tutaj użyłem nagłówka bloków Vayu.

Krok 5) Zmień kolor tekstu na pasku bocznym bloków Vayu

Vayu Color

Przejdź do paska bocznego, aby zmienić kolor tekstu. Kliknij kolor i wybierz swój ulubiony kolor tekstu.

W ten sposób możesz zmienić kolor tekstu za pomocą bloków Vayu.

Zmień kolor tekstu za pomocą narzędzia do tworzenia stron

Możemy zmienić kolor tekstu za pomocą Kreatora Stron, jeśli witryna składa się z tego samego.

Tutaj użyjemy Elementora do zmiany koloru tekstu.

Krok 1) Przejdź do stron

Elementor Pages

Przejdź do stron. Spowoduje to otwarcie wszystkich posiadanych stron.

Krok 2) Kliknij Edytuj za pomocą Elementora

Elementor Edit with Elementor

Kliknij Edytuj za pomocą Elementora. Spowoduje to przejście do strony w Elementor Builderze.

Krok 2) Wybierz Tekst i kliknij Style

Elementor Styles

Na tej stronie możesz dokonać różnych zmian za pomocą Elementora. Musimy zmienić kolor tekstu, więc kliknij styl, który znajdziesz w lewym górnym rogu.

Krok 3) Kliknij Colorbox

Elementor Color

Kliknij pole kolorów wyświetlane obok koloru tekstu.
Kolor tekstu został zmieniony zgodnie z naszym wyborem.

Często zadawane pytania

P. Dlaczego powinienem używać bloków Vayu?

Odp. Vayu Blocks to wtyczka WordPress, dostępna bezpłatnie. Zapewnia różne opcje dostosowywania do edycji bloków. Bloki obejmują nagłówek, przycisk, kontener, produkty i odstępnik.

P. Jakie są korzyści ze zmiany koloru tekstu?

Odp. Zmiana koloru tekstu może poprawić ogólny wygląd witryny. Służy również do różnicowania sekcji między sobą.

Wniosek

Widzieliśmy więc kilka metod zmiany koloru tekstu. Zrobiliśmy to w motywie klasycznym i motywie blokowym oraz używając bloków CSS, Elementor i Vayu.

W dogodnym dla siebie czasie możesz skorzystać z dowolnej z wyżej wymienionych metod.

Mam nadzieję, że ten blog Ci pomoże. Jeśli jednak masz jakieś pytania lub sugestie, daj mi znać w sekcji komentarzy.
Możesz zasubskrybować nasz kanał YouTube , zamieszczamy tam również świetne treści, a także śledź nas na Facebooku i Twitterze .

Zobacz więcej

  • Jak utworzyć kod kuponu w Woocommerce?
  • Jak przekierować stary adres URL na nowy adres URL w WordPress [Przewodnik dla początkujących]
  • Jak utworzyć stronę kontaktową w WordPress?
  • Jak skonfigurować płatności WooCommerce w WordPress? Przewodnik dla początkujących

Tagi: strony, posty, kolor tekstu, WordPress