bloqyDokumentation

Entwicklung

Komponenten

CSS und JavaScript gemeinsamer Teile wie Lightbox, Filter, Einbettungen und Cookie-Banner.

Komponenten sind gemeinsame Teile der Website, die nicht zu einem einzelnen Block gehören. Jede ist ein Paket mit CSS und bei Bedarf JavaScript in config/components/<name>/. Du bearbeitest sie unter Entwicklung → Komponenten.

Liste der Komponenten mit Buttons CSS und JavaScript
Entwicklung → Komponenten
Code-Editor mit dem SCSS der Komponente Menü
CSS einer Komponente im Code-Editor
KomponenteZweck
LightboxBilder vergrößert anzeigen
Link-LightboxSeiten in einem Fenster über der Seite öffnen; enthält die gemeinsamen Werte der Lightboxen
FilterFilterleisten z. B. der Seitenliste
Einbettungen nach EinwilligungPlatzhalter für Videos, Karten und HTML-Code bis zur Einwilligung
Cookie-BannerEinwilligung der Besucher
Navigation, Menüwerden unter Gestaltung → Navigation → CSS bearbeitet

Bearbeiten und Updates

  • Ein Klick auf CSS oder JavaScript öffnet den Code-Editor.
  • Angepasste Komponenten tragen das Kennzeichen „Angepasst“.
  • Bringt ein bloqy-Update eine neue Fassung, erscheint Update verfügbar mit Vergleich. Du übernimmst sie oder behältst deine Fassung, wie bei den Blöcken.
  • Gelöschte Komponenten holst du mit Wieder installieren zurück.

Skripte der Komponenten werden nur auf Seiten geladen, die sie brauchen.

Woher kommt eine CSS-Regel?

Angemeldet zeigen die Entwicklertools des Browsers bei jeder Regel die Quelldatei mit Zeile, z. B. config/components/<name>/component.scss.