HTML und benutzerdefinierten Code verwenden

Der Editor ist insofern flexibel, als er es Ihnen ermöglicht, sowohl bestehenden Code zu ändern als auch Ihren eigenen hinzuzufügen. Auf diese Weise können Sie die Funktionalität der Plattform erweitern und erhalten zusätzliche Funktionen. Sie können beispielsweise ein benutzerdefiniertes Kalender-Widget oder sogar ein benutzerdefiniertes Kontaktformular eines Drittanbieters hinzufügen, um Zahlungen auf Ihrer Website entgegenzunehmen.

Dieser Artikel wird drei verschiedene Methoden zum Hinzufügen von Code zu Ihrer Website behandeln.

HTML-Widget

Das HTML-Widget ist die einfachste Methode, um benutzerdefinierten Code zu Ihrer Website hinzuzufügen.

Klicken Sie im linken Panel auf Widgets, ziehen Sie das HTML-Widget in eine Spalte oder Zeile auf Ihrer Website und fügen Sie Ihren Code ein.

Benutzerdefinierten Code bearbeiten

Nachdem Sie benutzerdefinierten Code über das HTML-Widget eingefügt haben, klicken Sie in Ihrem Editor auf das Widget, um Ihren Code zu bearbeiten.

Manchmal ist es jedoch aufgrund der Art des Codes nicht so einfach möglich, dies zu tun. In diesem Fall können Sie versuchen, den Container auszuwählen, um zu sehen, ob Sie den gesamten Container (einschließlich des Codes) bearbeiten können.

Inline-Code bearbeiten

So bearbeiten Sie den Code beliebiger Elemente auf Ihrer Website:

  1. Klicken Sie mit der rechten Maustaste auf die Stelle, an der Sie den Code bearbeiten möchten, und klicken Sie dann auf HTML/CSS bearbeiten, um den Code eines beliebigen Elements in Ihrem Editor anzuzeigen.
  2. Der Code-Editor wird für den Code angezeigt, den Sie bearbeiten. Dort angekommen klicken Sie auf Dokumentation, um die Dokumentation zu lesen, bevor Sie mit dem Ändern des Codes beginnen.
Hinweis

Während Sie das CSS im Entwicklermodus bearbeiten können, wird davon abgeraten, in diesem Menü neue Selektoren hinzufügen. Sie können hier problemlos neue Regeln zu Selektoren hinzufügen. Um neue CSS-Selektoren zu erstellen, tun Sie dies bitte im Entwicklermodus.

Entwicklermodus

Sie können den Code Ihrer gesamten Website im Editor einsehen. Um auf den Code zuzugreifen, klicken Sie auf </> oben rechts in Ihrem Editor.

Der Code für Ihre Website wird in Abschnitte unterteilt, um deren Feinabstimmung zu ermöglichen.

Weitere Informationen zum Entwicklermodus finden Sie unter Entwicklermodus.

Häufig gestellte Fragen und Fehlerbehebung

Wenn Sie Ihre Website mit benutzerdefiniertem Code funktionsunfähig gemacht haben, können Sie dies beheben, indem Sie:

  1. Eine Sicherungskopie wiederherstellen
  2. Den Code manuell korrigieren
  3. Auf einen anderen Teil der Seite zugreifen

Eine vollständige Anleitung zur Fehlerbehebung bei benutzerdefiniertem Code finden Sie unter Wie kann ich Fehler in benutzerdefiniertem Code beheben?

Was sind einige gute Richtlinien für die benutzerdefinierte Programmierung?

Einige Richtlinien sind:

  • Eine Sicherungskopie erstellen
  • Eine Testseite verwenden
  • Eine Sicherungskopie erstellen

Weitere Informationen finden Sie unter Richtlinien für benutzerdefinierten Code.