Drupal Pagedesigner - Dokumentation und Tutorials

Der Drupal Pagedesigner von iqual ist eine benutzerfreundliche Oberfläche zur Bearbeitung von Webseiten. Eine Einführung in den Pagedesigner und den Seitenbaum bietet die unten stehende Dokumentation. Für weitere Informationen zum Drupal Pagedesigner und seinen Komponenten findest du unten einige Video-Tutorials. Ausserdem kannst du den Pagedesigner kostenlos und unverbindlich ausprobieren.

 

Logo Drupal

Teste den Drupal Pagedesigner

Möchtest du den Pagedesigner live testen?

Kein Problem! Auf unserer Seite pagedesigner.iqual.ch kannst du die Funktionen des Pagedesigners individuell und kostenlos testen. Ausserdem findest du auf der Seite verschiedene Templates und Use Cases, die dir einen ersten Eindruck des Systems vermitteln. 

 

 

Mit dem Drupal Pagedesigner kannst du alle Elemente per Drag and Drop selbst erstellen und anpassen. Ohne eine einzige Zeile Code kannst du deine eigene Website auf Basis des leistungsstarken CMS Drupal erstellen.

Hast du Fragen, wünschst du dir mehr Funktionen, andere Designs oder hast du andere Bedürfnisse? Kontaktiere uns für eine unverbindliche Beratung.

 

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
Lukas Baumgartner

Lukas Baumgartner

CEO und Co-Founder

Interessiert an unserem Angebot?

Gerne beraten wir dich persönlich und erstellen dir ein individuelles Angebot. Kontaktiere uns unverbindlich.