Lukas Baumgartner
Jetzt Kontakt aufnehmen
Lukas freut sich auf Dich!
CEO

Drupal Pagedesigner Dokumentation

& Tutorials
Lukas Baumgartner vor Wandtafelwand, ROAS

Der Drupal Pagedesigner von iqual macht das Bearbeiten von Webseiten einfach. Eine EinfĂŒhrung und Infos zum Seitenbaum findest du in der Doku unten – plus Video-Tutorials zu den wichtigsten Funktionen. Du kannst den Pagedesigner auch kostenlos testen.

Einführung

  • Log-in
  • Vorstellung Seitenbaum
  • Vorstellung Editor-Modus

Theme-Aufbau

  • Meta-Header-Navigation
  • Navigationsbereich
  • Slider
  • Inhaltsbereich
  • Footer

Theme-Einstellungen

  • Farben, Schriften und Grundeinstellungen

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

Design-Raster

Erklärung Raster-Aufbau

  • Elemente einfügen, verschieben, kopieren, verschachteln
  • Stylings: Einstellungen Mobile, Abstände, Farben, etc.

Layouts

  • Layouts = Ansammlung an verschiedenen Elementen
  • Layouts erstellen, abspeichern, bearbeiten und einfügen

Webforms

  • Formulare erstellen und einbinden
  • Beispiele: Kontaktformular, Anmeldung, etc.

Layers

  • Auflistung aller Elemente pro Seite
  • Ebenen / Bereiche ein- und ausblenden
  • hilfreich bei komplexen Strukturen

YouTube

  • Einbinden eines YouTube-Videos
  • Integration von einem oder mehreren Videos
  • Formatierung

Video

  • Hochladen von Videos
  • YouTube-Video: siehe separates Tutorial
  • Einstellen Standbild

Text

  • Text einfügen und editieren
  • Formatierungen
  • Link setzen

HTML-Include

  • Einfügen von HTML- und JavaScript-Elementen
  • Beispiel Integration von Google Maps

Quote

  • Quote = Aussage einer Person
  • Anwendungsbeispiel Kundenreferenz
  • Quote einfügen und formatieren

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

Du bist hier: