📖 GLX-HTML-Builder – Anleitung

Mit diesem Plugin baust du aufklappbare „Beschreibung lesen…"-Boxen und glimmernde Buttons – ganz ohne HTML-Kenntnisse. Es gibt dafür zwei Wege, die beide zum selben Ergebnis führen.

① Direkt im Beitrag (Blöcke)

Im Beitrags-Editor auf „+" klicken und einen der beiden Blöcke einfügen. Alles wird direkt an Ort und Stelle bearbeitet – kein Kopieren nötig.

② Über die Builder-Seite

Im linken Admin-Menü „GLX-HTML-Builder" öffnen, dort gestalten, „HTML kopieren" und in einen „Individuelles HTML"-Block einfügen. Praktisch für mehrere Boxen auf einmal und mit Live-Vorschau.

Wo finde ich das Plugin?

In der linken Admin-Leiste gibt es den Menüpunkt „GLX-HTML-Builder" (Symbol </>). Darunter findest du die Builder-Seite und diese Anleitung. In der Plugin-Liste steht außerdem ein „Öffnen"-Link.

Block 1 – „GLX Aufklapp-Box"

Ein Button, der beim Klick eine Beschreibung auf- und zuklappt.

Text tippen: Direkt in die Box schreiben. Enter macht eine neue Zeile in derselben Box (kein Aufteilen).
Formatieren: Text markieren → in der Toolbar F (fett), I (kursiv) und über den kleinen ⌄-Pfeil auch Unterstrichen, Textfarbe und die 5 Highlights (Button-Pille, Feld gelb, Warnung orange, OK grün, Code cyan). Immer nur ein Highlight aktiv.
Rechte Seitenleiste: Button-Text (zu/offen), Button-Farbe, Button-Höhe und Glimmer-Animation.
Download-Modus: Schalter „Datei herunterladen (statt aufklappen)" an → Feld „Datei-URL" ausfüllen. Der Button lädt dann beim Klick direkt die Datei.

Block 2 – „GLX Button-Gruppe"

Ein Behälter für mehrere Buttons.

Weitere Buttons: Auf das „+" in der Gruppe klicken – es wird ein weiterer GLX-Button eingefügt.
Anordnung: Die Gruppe auswählen (auf den gestrichelten Rand klicken) → rechts unter „Anordnung" den Schalter „Buttons nebeneinander (horizontal)" setzen. Aus = untereinander.
Abstand: Der Regler „Abstand zwischen den Buttons (px)" stellt den Zwischenraum ein.

💡 Tipp: In horizontaler Anordnung legt jedes „+" den neuen Button automatisch daneben; in vertikaler Anordnung darunter. Schaltest du um, wandern alle Buttons mit.

Builder-Seite im Detail

Allgemeine Einstellungen: Schriftart, Textgröße, Hintergrund, Textfarbe und Akzentfarbe – gelten für alle Boxen.
Mehrere Boxen: „➕ Weitere Box" fügt hinzu; ▲▼ verschieben, 🗑 entfernen.
Live-Vorschau rechts zeigt sofort das Ergebnis.
„HTML kopieren" → in einen „Individuelles HTML"-Block im Beitrag einfügen.

Kleine Hilfe bei Problemen

Meldet ein Block nach einem Update „Block enthält unerwarteten Inhalt", einmal auf „Block-Wiederherstellung" klicken – dann passt er sich der neuen Version an. Deine übrigen Beitragsinhalte bleiben davon unberührt.

← Zurück zum Builder

GLX-HTML-Builder · von Gordon · gordonx.de