Einbindung und Nutzung der Fotogalerie auf der Event-Website

Du möchtest deine erstellten Fotoalben auf einer Website darstellen, um sie im Nachgang an dein Event mit deinen Kontakten zu teilen?

Aktivierung des Foto-Bausteins auf deiner Website

Überlege dir zunächst, wo deine Fotogalerie platziert werden soll. Möchtest du sie lediglich als Baustein auf deiner bestehenden Event-Website einbinden oder möchtest du eine eigene Website erstellen, auf welche du beispielsweise aus deiner "Danke fürs Kommen" Nachricht verlinkst?

Solltest du dich für eine neue Website entscheiden, erstelle diese zunächst wie in diesem Artikel beschrieben.

Um den Baustein "Fotos" in deiner Struktur einzufügen, ziehe diesen aus der linken Spalte unter "Baustein" per Drag & Drop in die Spalte rechts daneben. Der Baustein "Fotos" übernimmt automatisch die von dir definierten Inhalte, welche du im Menüpunkt "Fotos" hinterlegt hast.

Einstellungen des Foto-Bausteins

Fahre mit dem Mauszeiger über deinen soeben eingefügten Baustein und klicke auf den Bearbeitungsstift. Die Einstellungsmöglichkeiten werden in einem neuen Fenster geöffnet.

Folgende, zusätzliche Einstellungen können nun hinterlegt werden:

• Mit der Auswahl des Layouts bestimmst du die Darstellung des Bausteins auf deiner Website. 
  • Layout 1: bis zu 4 Vorschaubilder
    
  • Layout 2: bis zu 6 Vorschaubilder (Portrait-Modus)
    

• Aktivierst du den Schalter "Einstellungen Hintergrund überschreiben", kannst du die standardmässig in den Website-Einstellung definierte Hintergrundfarbe individuell für diesen Baustein anpassen. Definiere die Farbe des Bausteins dazu am besten mithilfe des HEX-Codes. Der HEX-Code steht dir nicht zur Verfügung? Dann klicke in das Feld und trage im Pop-up-Fenster die HSL-Werte ein.
• Sofern du den Schalter "Einstellungen Hintergrund überschreiben", nicht aktivierst, hast du stattdessen die Möglichkeit, den Schalter "Kontraste" anzuwählen. Der Baustein übernimmt nun standardmässig den in den Website-Einstellungen definierten Farbwert.
• Volle Breite: Stelle ein, ob der Baustein die gesamte Breite der Website einnimmt oder sich dem Inhalt anpasst. Wie du die Inhaltsbreite definierst, zeigen wir dir in diesem Artikel.
• Die Überschrift definiert die Bezeichnung dieses Bausteins und damit den Titel den die Teilnehmer über dieser Sektion sehen. Die Überschrift kannst du frei benennen.
• Durch das Aktivieren oder Deaktivieren der Schalter neben den Alben hast du die Möglichkeit zu entscheiden, welche deiner hinterlegten Fotoalben in diesem Baustein angezeigt werden sollen. 

Speichere deine Anpassungen mithilfe des "Schliessen"-Buttons.

Darstellung auf der Website

Du kannst nun deine Fotogalerie im Vorschau - oder Live-Modus deiner Website anschauen. 

Die gesamte Fotogalerie öffnet sich beim Klick auf eines der Vorschaubilder oder indem du den Link "alle Bilder anzeigen" unterhalb den Vorschaubilder anwählst. Du kannst nun durch die Fotos klicken. Eine kleine Vorschauleiste bleibt bestehen, es können also auch Fotos übersprungen werden.

Über die nachfolgenden 3 Icons oben rechts in der Ecke kannst du zudem folgende Aktionen ausführen:

• Das 1. Icon ermöglicht es dir, die Galerie im Vollbild-Modus zu öffnen.
• Über das 2. Icon hast du die Möglichkeit, die Bilder jeweils einzeln herunterzuladen. Ein gesamter Download aller Fotos ist aktuell noch nicht möglich.
• Durch Anklicken des 3. Icons verlässt du die Foto-Galerie und kehrst zur Website-Ansicht zurück.