Dokumentation und Tutorials iqual Drupal Pagedesigner
Der iqual Pagedesigner für Drupal ist eine benutzerfreundliche Oberfläche zur Bedienung von Websites, welche auf der Basis von Drupal erstellt wurden. Eine Einführung in den Pagedesigner und den Seitenbaum bieten die untenstehenden Dokumentationen. Zum iqual Pagedesigner und den entsprechenden Komponenten findest du unten einige Video-Tutorials.
iqual Pagedesigner für Drupal 8 - Videotutorials
Pagedesigner Einführung
- Log-in
- Vorstellung Seitenbaum
- Vorstellung Editor-Modus
Theme Aufbau
- Meta-Header-Navigation
- Navigationsbereich
- Slider
- Inhaltsbereich
- Footer
Theme Einstellungen
- Farben, Schriften und Grundeinstellungen
Pagedesigner Bearbeitungsmodus
Editier-Modus
- Buttons oben links: Desktop, Tablet, Mobile
- Buttons oben rechts: Hilfslinien Fullscreen, Editier-Modus schliessen
- rechte Seite: Einfügen Block-Elemente, Inhaltselemente, Stylings,
Layers, Page settings, Asset manager
Webseite erstellen: Beispiel Elemente einfügen
Pagedesigner Design-Raster
Erklärung Raster-Aufbau
- Elemente einfügen, verschieben, kopieren, verschachteln
- Stylings: Einstellungen Mobile, Abstände, Farben, etc.
Pagedesigner Layouts
- Layouts = Ansammlung an verschiedenen Elementen
- Layouts erstellen, abspeichern, bearbeiten und einfügen
Pagedesigner Webforms
- Formulare erstellen und einbinden
- Beispiele: Kontaktformular, Anmeldung, etc.
Pagedesigner Layers
- Auflistung aller Elemente pro Seite
- Ebenen / Bereiche ein- und ausblenden
- hilfreich bei komplexen Strukturen
Pagedesigner YouTube
- Einbinden eines YouTube-Videos
- Integration von einem oder mehreren Videos
- Formatierung
Pagedesigner Video
- Hochladen von Videos
- YouTube-Video: siehe separates Tutorial
- Einstellen Standbild
Pagedesigner Formatable Text
- Text einfügen und editieren
- Formatierungen
- Link setzen
Pagedesigner HTML-Include
- Einfügen von HTML- und JavaScript-Elementen
- Beispiel Integration von Google Maps
Pagedesigner Quote
- Quote = Aussage einer Person
- Anwendungsbeispiel Kundenreferenz
- Quote einfügen und formatieren
Pagedesigner Anker Navigation
- Anker-Navigation einfügen und formatieren
- Anpassung der Farben-Grundeinstellung
Seitenbaum
Bereich Main Navigation
- Alle Seiten erscheinen in Hauptnavigation
- Mehrsprachigkeit
- Optionen: neue Seite erstellen, Seite bearbeiten, Settings, Publizierungsstatus
Bereich Pagedesigner parts
- Seitenübergreifende Einstellungen für Header- und Footer-Elemente
Angebote: KMU Website, Corporate Website, Website in a Day, Online Shop