HTML-Widget

Das HTML-Widget des benutzerdefinierten Blocks ist ein praktisches Instrument, wenn du deiner Website einen HTML-Code-Schnipsel von Drittanbietern hinzufügen möchtest. Es funktioniert ähnlich wie der HTML-Einbettungsblock. Das HTML-Widget bietet jedoch die Möglichkeit, benutzerdefinierte HTML-Code-Schnipsel mit mehreren Widgets zu kombinieren und in einem Block zu verwenden.

Hinzufügen des HTML-Widgets

  1. Füge den benutzerdefinierten Block zu deiner Seite hinzu.
  2. Klicke auf den gelben Button "Widget hinzufügen", um die Widget-Bibliothek zu öffnen. Suche das Widget "HTML" und füge es dem Block hinzu.

    No-logo-HTML-widget-1.png

Danach kannst du den Code-Schnipsel einbetten und weitere Widgets zum Block hinzufügen.

Du hast auch die Möglichkeit, zuerst Spalten hinzuzufügen und dann das HTML-Widget zu einer von ihnen hinzuzufügen. Auf diese Weise kannst du beispielsweise einen eingebetteten Social-Media-Feed auf einer Seite haben und auf der anderen Seite einen Textteil und/oder Medien anzeigen. Wenn du zwei HTML-Widgets nebeneinander in den Spalten platzierst, kannst du zum Beispiel mehrere Blog-Beiträge von Tumblr nebeneinander einbetten.

Hinzufügen von benutzerdefiniertem Code zum HTML-Widget

  1. Klicke auf das HTML-Code-Widget, das du dem Block hinzugefügt hast, um seine Steuerelemente zu aktivieren.
  2. Klicke auf das </> Benutzerdefinierter HTML-Symbol, um das Fenster für benutzerdefiniertes HTML zu öffnen.

    No-logo-HTML-widget-2.png
  3. Schreibe oder füge den Code-Schnipsel in das Feld ein und klicke auf Übernehmen. Die Code-Validierungsfunktion benachrichtigt dich, wenn der Code Fehler enthält, die mit der Funktionsweise des Sitebuilders in Konflikt stehen könnten.

Hinweis: Der Code wird nicht ausgeführt, während du im Sitebuilder arbeitest. Er wird nur im Vorschaumodus oder auf der veröffentlichten Website ausgeführt.

Kombinieren des HTML-Widgets mit anderen Widgets

Der benutzerdefinierte Block von Sitebilder ermöglicht es dir, eine einzigartige Kombination von Widgets in einem Block zu erstellen. Nachdem du das HTML-Widget zum Block hinzugefügt hast, kannst du auch ein Raster und Spalten hinzufügen und weitere Widgets aus der Liste hinzufügen.

Wenn du neue Widgets zu deinem Block hinzufügst, werden sie übereinander oder untereinander (wenn es sich nicht um ein Raster handelt) angezeigt. Du kannst jedoch ihre Positionen ändern, indem du sie innerhalb dieses bestimmten Blocks verschiebst, wo es dir gefällt.

Hier ist das Video, wie du die Platzierung des HTML-Widgets innerhalb des benutzerdefinierten Blocks ändern kannst.

War dieser Beitrag hilfreich?
0 von 0 fanden dies hilfreich