W artykule:
Czy chcesz wyróżnić tekst w poście lub stronie WordPress?
Możliwość wyróżnienia tekstu może pomóc w skierowaniu uwagi użytkownika na określony obszar tekstu. Może to być świetne, aby podkreślić wezwanie do działania, ofertę specjalną lub po prostu podkreślić konkretne zdania.
W tym artykule pokażemy, jak łatwo wyróżnić tekst w WordPress zarówno z wtyczką, jak i bez niej.
Dlaczego i kiedy wyróżniać tekst
Podświetlanie tekstu to łatwy sposób na Podkreślenie ważnych informacji w treści. Pomaga to skierować uwagę użytkownika na ważne wezwania do działania.
Oto przykład tego, jak może wyglądać podświetlanie tekstu:
Domyślnie Edytor treści WordPress nie zawiera opcji po prostu wyboru i podświetlenia dowolnego tekstu. Możesz jeszcze podkreślić tekst, czyniąc go kursywa, Zmień kolor tekstu lub dokonaj pogrubienie.
Mając to na uwadze, przyjrzyjmy się, jak łatwo wyróżnić tekst w WordPress.
Metoda 1. Podświetl dowolny tekst w WordPress (nie wymaga HTML)
Najprostszym sposobem na wyróżnienie tekstu jest użycie wtyczki WordPress.
Najpierw musisz zainstalować i aktywować wtyczkę Advanced Editor Tools. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Zaawansowane narzędzia edytora (wcześniej znane jako TinyMCE Advanced) dodaje więcej opcji formatowania i rozszerza edytor bloków WordPress.
Po aktywowaniu wtyczki możesz edytować post lub stronę WordPress, na której chcesz podświetlić tekst. Po prostu wybierz tekst, który chcesz zmodyfikować, a następnie kliknij strzałkę rozwijaną, aby uzyskać więcej opcji formatowania.
Z rozwijanego menu musisz wybrać opcję „Zaznacz”. Spowoduje to podświetlenie tekstu przy użyciu domyślnych kolorów.
Jednak rzeczywisty kolor może się różnić w zależności od kolorów motywu WordPress. Możesz teraz zapisać swój post/stronę i wyświetlić jej podgląd, aby zobaczyć podświetlony tekst w akcji.
Łatwe, prawda?
Jeśli jednak nie musisz często podświetlać tekstu, ta następna metoda pozwala zrobić to samo bez użycia wtyczki.
Metoda 2. Ręcznie zaznacz tekst w WordPress
Ta opcja wymaga trochę kodu, ale jest łatwa do wdrożenia.
W tym przykładzie użyjemy elementu HTML 'mark’. Może to być wykorzystane do podkreślenia i zwrócenia uwagi na pewną część Twojego pisania.
Po prostu Edytuj post lub stronę, na której chcesz wyróżnić tekst. Następnie przejdź do akapitu zawierającego tekst,a następnie kliknij menu z trzema kropkami na pasku narzędzi bloku. Stąd musisz wybrać opcję „Edytuj jako HTML”.
Następnie zobaczysz surowy tekst w formacie HTML. Po prostu zawiń tekst, który chcesz podświetlić wewnątrz < mark> oraz < / mark> tagi takie jak ten:
< mark>podświetlony tekst< / mark>
Możesz teraz powrócić do trybu wizualnego, klikając ponownie Menu z trzema kropkami i wybierając „Edytuj wizualnie”na pasku narzędzi bloku.
Obszar bloku powróci do trybu wizualnego, A zaznaczony tekst zostanie podświetlony.
Wyróżniony tekst może wyglądać inaczej w zależności od motywu WordPress. Jednak zwykle jest to tylko żółte tło.
Jeśli chcesz go zmienić, możesz to zrobić, dodając własny niestandardowy CSS.
Po prostu przejdź do Wygląd ” Dostosuj strona, aby uruchomić dostosowywanie motywu. Stąd musisz przejść do zakładki „dodatkowy CSS”.
Tutaj możesz wkleić swój własny CSS. Możesz użyć następującego kodu CSS jako punktu wyjścia.
mark {
background-color: # ffd4a1;
}
Po zakończeniu kliknij przycisk „Opublikuj”, aby zapisać zmiany. Możesz teraz odwiedzić swój blog WordPress, aby zobaczyć wyróżniony tekst w akcji.
Mamy nadzieję, że pomogło ci to nauczyć się wyróżniać tekst w WordPress. Możesz również zobaczyć nasz przewodnik po najlepszych kreatorach stron WordPress, aby pomóc ci tworzyć całkowicie niestandardowe projekty bez żadnego kodu, a także nasze porównanie najlepszych usług e-mail marketingowych, aby zwiększyć ruch.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
