Free cookie consent management tool by TermsFeed Wie man Text in WordPress hervorhebt (Anleitung für Anfänger) - DrDomains Blog

Wie man Text in WordPress hervorhebt (Anleitung für Anfänger)

Möchten Sie Text in einem WordPress-Beitrag oder einer Seite hervorheben? Mit der Möglichkeit, Text hervorzuheben, können Sie die Aufmerksamkeit des Benutzers auf einen bestimmten Textbereich lenken. Dies kann großartig sein, um eine Handlungsaufforderung oder ein Sonderangebot hervorzuheben oder einfach bestimmte Sätze zu betonen.

In diesem Artikel zeigen wir Ihnen, wie Sie Text in WordPress ganz einfach hervorheben können, sowohl mit als auch ohne ein Plugin.

Warum und wann man Text hervorheben sollte

Das Hervorheben von Text ist eine einfache Möglichkeit, wichtige Informationen in Ihrem Inhalt zu betonen.

Dies hilft Ihnen, die Aufmerksamkeit der Benutzer auf wichtige Handlungsaufforderungen zu lenken. Hier sehen Sie ein Beispiel dafür, wie Texthervorhebungen aussehen können: Example of highlighted text Standardmäßig verfügt der WordPress-Inhaltseditor nicht über die Möglichkeit, Text einfach auszuwählen und hervorzuheben. Sie können Text dennoch hervorheben, indem Sie ihn kursiv machen, die Textfarbe ändern oder ihn fett machen

Default paragraph toolbar in WordPress block editor Schauen wir uns also an, wie Sie Text in WordPress einfach hervorheben können.

Methode 1.Beliebigen Text in WordPress hervorheben (kein HTML erforderlich)

Der einfachste Weg, Text zu markieren, ist die Verwendung eines WordPress-Plugins

Zunächst müssen Sie das Plugin Advanced Editor Tools installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins. Advanced Editor Tools (früher bekannt als TinyMCE Advanced) fügt mehr Formatierungsoptionen hinzu und erweitert den WordPress-Block-Editor.

Sobald das Plugin aktiviert ist, können Sie den WordPress-Beitrag oder die Seite bearbeiten, in der Sie einen Text hervorheben möchten. Markieren Sie einfach den Text, den Sie ändern möchten, und klicken Sie dann auf den Dropdown-Pfeil für weitere Formatierungsoptionen.

Highlighting text in WordPress using Advanced Editor Tools plugin Aus dem Dropdown-Menü müssen Sie die Option "Markieren" auswählen. Dadurch wird der Text mit den Standardfarben hervorgehoben. Die tatsächliche Farbe kann jedoch je nach den Farben Ihres WordPress-Themas variieren. Sie können Ihren Beitrag/Ihre Seite nun speichern und in der Vorschau anzeigen, um den markierten Text in Aktion zu sehen.

Example of highlighted text Einfach, nicht wahr?

Wenn Sie jedoch nicht sehr oft Text markieren müssen, dann können Sie dies mit der nächsten Methode auch ohne Plugin tun.

Methode 2.Manuelles Hervorheben von Text in WordPress

Diese Option erfordert ein wenig Code, aber sie ist einfach zu implementieren

Für dieses Beispiel verwenden wir das HTML-Element "mark". Dieses kann verwendet werden, um einen bestimmten Teil Ihres Textes hervorzuheben und auf ihn aufmerksam zu machen. Bearbeiten Sie einfach den Beitrag oder die Seite, auf der Sie den Text hervorheben möchten.

Gehen Sie dann zu dem Absatz, der den Text enthält, und klicken Sie auf das Drei-Punkte-Menü in der Blocksymbolleiste. Von hier aus müssen Sie die Option "Als HTML bearbeiten" auswählen.

Editing a block as HTML Als nächstes sehen Sie den Rohtext im HTML-Format.

Fügen Sie den Text, den Sie hervorheben möchten, einfach in die Tags und ein, etwa so:

hervorgehobener Text

Sie können nun wieder in den visuellen Modus wechseln, indem Sie erneut auf das Drei-Punkte-Menü klicken und in der Blocksymbolleiste "Visuell bearbeiten" auswählen

Edit visually Der Blockbereich wechselt wieder in den visuellen Modus, und der ausgewählte Text wird hervorgehoben. Highlighted text in the editor Der hervorgehobene Text kann je nach WordPress-Theme unterschiedlich aussehen.

Normalerweise ist es jedoch nur ein gelber Hintergrund. Wenn Sie ihn ändern möchten, können Sie dies tun, indem Sie Ihr eigenes benutzerdefiniertes CSS hinzufügen. Gehen Sie einfach zu Darstellung " Anpassen, um den Theme-Customizer zu starten Von hier aus müssen Sie zur Registerkarte "Zusätzliches CSS" wechseln.

Custom CSS settings Hier können Sie Ihr eigenes CSS einfügen. Sie können den folgenden CSS-Code als Ausgangspunkt verwenden.

mark { background-color: #ffd4a1; } 

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Veröffentlichen", um Ihre Änderungen zu speichern.

Sie können nun Ihren WordPress-Blog besuchen, um den hervorgehobenen Text in Aktion zu sehen.

Custom CSS to change background color of highlighted text


Wir hoffen, dass dies Ihnen geholfen hat, zu lernen, wie man Text in WordPress hervorhebt.

Verwandte Artikel: