loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

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.

Highlighting text in WordPress

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.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner