Und so fügt man HTML in WordPress ein (mit Beispielen)

Es gibt drei gängige Möglichkeiten, wie du dem WordPress-Editor eigenen HTML-Code hinzuzufügen kannst: in Beiträgen (Posts), Seiten oder Widgets.

Hinzufügen von HTML-Code in WordPress-Beiträgen

Wenn du HTML-Code in deine Beiträge einfügen möchtest, dann am besten anhand folgender Schritte:

1. Melde dich in deinem WordPress Dashboard an.

2. Klicke im Navigationsmenü auf Alle Beiträge.

3. Wähle den Beitrag, den du bearbeiten willst, und du wirst zum visuellen Editor von WordPress weitergeleitet.

4. Klicke auf das Plus-Symbol im Blockfeld oder oben rechts.

5. Wähle das Icon für Individuelles HTML (Tipp: Am schnellsten findest du Icons, wenn du im Suchfeld danach suchst)

6. Alternativ kannst du auch in den Editor-Modus wechseln. Klicke auf das Menü mit den drei Punkten in der rechten oberen Ecke und wähle anschließend Code-Editor.

7. Anschließend kannst du deinen gewünschten Code hinzufügen.

Hinzufügen von HTML-Code in WordPress-Seiten

Diese Methode gleicht der Vorgehensweise für WordPress-Posts. Die Schritte sind: 1. Klicke in deinem WordPress-Dashboard auf Alle Seiten.

2. Füge eine neue Seite hinzu oder bearbeite eine bestehende.

3. Klicke auf das Plus-Symbol, entweder im Blockbereich oder oben links

4. Selektiere Individuelles HTML in der Kategorie Widgets Tipp: Am einfachsten geht es, wenn du danach suchst. Alternativ kannst du über das Punktemenü rechts oben in den Modus Code-Editor schalten.

5. Füge den entsprechenden HTML-Code hinzu (s. Beispielcode von oben), um deine WordPress-Seite nach deinen individuellen Wünschen zu gestalten.

6. Klicke auf Vorschau (in der Kopfleiste), wenn du das Ergebnis begutachten willst, ohne es gleich zu veröffentlichen.