Ein Element finden und hinzufügen.

DXPR Builder lernenSeiten erstellenSeite bearbeiten

Jedes Element, das Sie hinzufügen, stammt aus der Elementauswahl, einem Dialog mit fünf Tabs: Layout, Inhalt, Drupal-Blöcke, Drupal-Views und Ihre gespeicherten Vorlagen. Hier erfahren Sie, was jeder Tab enthält und wie Sie ein Element schnell finden. Das Beispiel besucht jeden Tab und fügt einen Button aus dem Content-Tab hinzu.

Die Auswahl öffnen

  1. Klicken Sie auf Add Elements im leeren Inhaltsbereich und wählen Sie aus dem Layout-Tab Section.
  2. Klicken Sie auf das + auf der Section: Die Auswahl öffnet sich erneut. Was Sie nun wählen, landet in dieser Section, ganz oben.

Die fünf Tabs im Überblick

  1. Klicken Sie auf Layout: Section, Row, Tabs, Collapse panel, Carousel und Positioned layers.
  2. Klicken Sie auf Content: Text-, Medien- und interaktive Elemente, mit einer Search-Box.
  3. Klicken Sie auf Drupal Blocks: die Blöcke Ihrer Website, mit Filter by category und einer Suchbox.
  4. Klicken Sie auf Drupal Views: jede Anzeige Ihrer aktivierten Views, mit Filter by tag und einer Suchbox.
  5. Klicken Sie auf Saved templates: Ihre privaten und globalen Vorlagen, mit Filter by user, Filter by type und einer Suchbox.

Jeder Tab außer Layout hat eine Search-Box: geben Sie einen Namensteil ein, um diesen Tab zu filtern.

Ein Element hinzufügen

  1. Zurück auf dem Content-Tab wählen Sie Button: Sein Einstellungsdialog öffnet sich sofort.
  2. Geben Sie den Title ein, setzen Sie den Link, belassen Sie den Type auf Primary und klicken Sie auf Speichern.
  3. Klicken Sie in der Symbolleiste auf Speichern.

Content-Elemente

Element Zweck
Alert Bootstrap-Alert-Meldung
Block quote Gestaltetes Zitat
Button Gestalteter Button mit Link
Card Card mit Kopfzeile, Titel und Inhalt
Circle counter Kreisförmige Fortschrittsanimation
Countdown timer Datums- und Zeit-Countdown
Number counter Animierte zählende Zahl
HTML Roher HTML-Code
Icon Icon aus einer Icon-Bibliothek
Image Einzelnes Bild mit Link und Alternativtext
Image carousel Rotierende Bildergalerie
Jumbotron Großes Banner mit Titel und Lead-Zeile
Link Gestalteter Link
Map Google-Maps-Embed
Marquee Scrollender Bilderstreifen
Panel Umrandetes Panel mit Titel
Progress bar Animierte Fortschrittsanzeige
Divider Horizontale Linie
Text Rich Text mit Inline-Bearbeitung
Local video Selbst gehostete Videodatei
Video Eingebettetes Video (YouTube, Vimeo)
Social links Social-Media-Icon-Links

Was Sie sehen

Die meisten Elemente öffnen ihren Einstellungsdialog, sobald Sie sie wählen. Card, Divider und Panel landen sofort auf der Seite, ebenso Section, Row, Tabs und Collapse panel. Carousel und Positioned layers öffnen zuerst ihre Einstellungen. Das neue Element sitzt oben in der Section oder Spalte, die Sie angeklickt haben; ziehen Sie es nach unten, wenn es weiter nach unten gehört.

Wenn Sie das Element nicht sehen

  • Ein Element fehlt in einem Tab. Ihr Benutzerprofil blendet es aus. Die Administration kreuzt es unter Elements im Profil unter DXPR Studio > DXPR Builder > User Profiles (/admin/dxpr_studio/dxpr_builder/profile) an. Das Profil nennt manche Elemente anders: Separator ist Divider, Counter ist Number counter, Countdown ist Countdown timer und Blockquote ist Block quote.
  • Ein neuer Block oder eine neue View-Anzeige fehlt. Solange die Box Check/Uncheck all Blocks oder Check/Uncheck all Views des Profils nicht angekreuzt ist, fügen Benutzerprofile neue Blöcke und Anzeigen nicht von selbst hinzu. Die Administration kreuzt sie unter Blocks oder Views im selben Profil an.
  • Der Tab Drupal Blocks fehlt. Der Builder listet Blöcke nur auf, wenn Drupals Block Content-Modul eingeschaltet ist. Schalten Sie es unter Extend (/admin/modules) ein.
  • Saved templates ist leer. Es wurde noch nichts gespeichert. Wählen Sie Save as template im More-Menü eines Elements; siehe User templates.

Wie geht es weiter?