Wix Pro Gallery: Deine Galerie gestalten
9 Min. Lesezeit
Hebe deine Galerie auf deiner Website hervor, indem du ein paar Veränderungen am Design vornimmst. Du kannst deiner Galerie eine professionelle Note verleihen, indem du Layout, Farben, Schriftarten etc. anpasst.
Um das Design deiner Pro Gallery anzupassen:
- Klicke in deinem Editor auf die Wix Pro Gallery.
- Klicke auf Einstellungen.
- Klicke auf Design.
- Wähle, was du anpassen möchtest:
Überlagerung & Symbole
Eine Überlagerung liegt über einem Bild und fügt einen zusätzlichen Effekt hinzu, wenn man mit der Maus über ein Bild fährt. Du kannst diesen Effekt sowie alle vorhandenen Symbole anpassen.
- Klicke auf Überlagerung & Symbole.
- Wähle zwischen einer vollständigen oder teilweisen Überlagerung und passe sie mit den verfügbaren Optionen an:
- Vollständige Überlagerung: Die Überlagerung deckt das gesamte Galerieelement ab.
- Farbverlauf: Klicke auf den Schalter, um eine Farbverlauf-Überlagerung zu aktivieren.
- Farbe & Deckkraft 1 und 2: Klicke auf das entsprechende Farbfeld, um die Farben des Farbverlaufs anzupassen. Ziehe dann den Schieberegler, um die Deckkraft der Farbe anzupassen.
- Farbverlauf - Ausrichtung: Ziehe den Schieberegler, um die Richtung der Farbverlauf-Überlagerung anzupassen.
- Symbolfarbe: Klicke auf das Farbfeld, um die Farbe der Galeriesymbole zu ändern, die bei Mouseover angezeigt werden.
- Farbüberlagerung: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe anschließend den Schieberegler, um die Transparenz der Farbüberlagerung zu ändern.
- Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
- Farbverlauf: Klicke auf den Schalter, um eine Farbverlauf-Überlagerung zu aktivieren.
- Teilweise Überlagerung: Die Überlagerung deckt nur einen Teil des Galerieelements ab.
- Größe festlegen: Verwalte die Größe deiner Überlagerung in Prozent oder Pixel.
- Größe: Ziehe den Schieberegler oder gib einen Wert ein, um eine Größe für die Überlagerung auszuwählen.
- Überlagerung beginnt bei: Wähle aus, wo deine Überlagerung positioniert wird.
- Abstand: Ziehe den Schieberegler, um den Abstand zwischen dem Galerierand und deiner Überlagerung anzupassen.
- Farbverlauf: Klicke auf den Schalter, um eine Farbverlauf-Überlagerung zu aktivieren.
- Farbe & Deckkraft 1 und 2: Klicke auf das entsprechende Farbfeld, um die Farben des Farbverlaufs anzupassen. Ziehe dann den Schieberegler, um die Deckkraft der Farbe anzupassen.
- Farbverlauf - Ausrichtung: Ziehe den Schieberegler, um die Richtung der Farbverlauf-Überlagerung anzupassen.
- Symbolfarbe: Klicke auf das Farbfeld, um die Farbe der Galeriesymbole zu ändern, die bei Mouseover angezeigt werden.
- Farbüberlagerung: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe anschließend den Schieberegler, um die Transparenz der Farbüberlagerung zu ändern.
- Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
- Vollständige Überlagerung: Die Überlagerung deckt das gesamte Galerieelement ab.
- Wähle einen Überlagerungseffekt aus den verfügbaren Optionen aus:
- Ohne Effekt: Die Überlagerung wendet keinen Effekt an.
- Einblenden: Die Überlagerung wird beim Mouseover langsam angezeigt.
- Aufklappen: Die Überlagerung wird beim Mouseover aufgeklappt.
- Hochgleiten: Die Überlagerung gleitet beim Mouseover hoch.
- Rechts gleiten: Die Überlagerung gleitet beim Mouseover nach rechts.
Texte
Du kannst das Design des Titels und des Beschreibungstexts anpassen, wenn du dich entscheidest, sie im Tab Layout anzuzeigen. Wenn die Option Texte nicht angezeigt wird (Schritt 1 unten), öffne die Registerkarte Layout, klicke auf Layout anpassen und aktiviere die Kontrollkästchen neben Titel und Beschreibung, um sie anzuzeigen.
- Klicke auf Texte.
- Passe den Text mit den folgenden Optionen an:
- Info anzeigen: Aktiviere das Kontrollkästchen neben den Informationen, die du anzeigen möchtest (Titel, Beschreibung, Diashow-Zähler).
Hinweis: Die Option Diashow-Zähler ist im Diashow-Layout nur verfügbar, wenn du Diashow automatisch aktiviert hast.
- Titel — Stil & Farbe: Wähle die Schriftart und die Farbe für den Titeltext aus.
- Beschreibung — Schriftart & Schriftfarbe: Wähle die Schriftart und die Farbe für den Beschreibungstext aus.
- Horizontale Ausrichtung: Du kannst den horizontalen Text entweder links, mittig oder rechts ausrichten.
- Vertikale Ausrichtung: Du kannst den vertikalen Text entweder links, mittig oder rechts ausrichten.
- Vertikaler Textabstand: Ziehe den Schieberegler, um den Abstand zwischen dem vertikalen Text und dem Rand zu ändern.
- Horizontaler Textabstand: Ziehe den Schieberegler, um den Abstand zwischen dem horizontalen Text und dem Rand zu ändern.
- Info anzeigen: Aktiviere das Kontrollkästchen neben den Informationen, die du anzeigen möchtest (Titel, Beschreibung, Diashow-Zähler).
Design
Jedes Bild oder Video in der Galerie ist ein Listenelement. Du kannst das Erscheinungsbild der Listenelemente sowohl für den normalen als auch den Mouseover-Modus ändern.
- Klicke auf Design.
- Passe die normale Ansicht des Listenelements unter Design an:
- Randfarbe & Randbreite: Ziehe den Schieberegler nach rechts oder links, um die Randbreite zu ändern, um klicke auf das Farbfeld, um eine Farbe auszuwählen.
- Eckenradius: Ziehe den Schieberegler, um die Ecken runder oder eckiger zu machen.
Hinweis: Die Optionen Randbreite & Farbe und Eckenradius sind nur verfügbar, wenn du deine Miniaturbilder in den Einstellungen deines Layouts zuschneidest und sind nur auf das Hauptbild (nicht die Miniaturbilder) anwendbar.
- Schatten: Klicke auf den Schalter, um den Schatten zu aktivieren oder zu deaktivieren:
- Aktiviert: Das Galerieelement hat einen Schatten. Du kannst die Deckkraft, Farbe, Verwischung, Schattenrichtung und Schattengröße anpassen.
- Deaktiviert: Das Galerieelement hat keinen Schatten.
- Wähle, was passiert, wenn mit der Maus über das Galerieelement gefahren wird:
- Ohne Effekt: Beim Mouseover wird kein Effekt angewendet.
- Heranzoomen: Beim Mouseover wird das Bild herangezoomt.
- Weichzeichnen: Beim Mouseover verschwimmt das Bild.
- Graustufen: Beim Mouseover wird das Bild schwarzweiß.
- Verkleinern: Beim Mouseover wird das Bild verkleinert.
- Umkehren: Beim Mouseover wird die Bildfarbe umgekehrt.
- Einfärben: Beim Mouseover wird das Schwarzweiß-Bild farbig.
- Verdunkeln: Beim Mouseover wird das Bild etwas dunkler.
- Wähle, was passiert, während das Bild geladen wird:
- Verschwommenes Bild: Beim Laden wird eine verschwommene Version des Bildes angezeigt.
- Farbplatzhalter: Während das Bild geladen wird, wird ein farbiger Platzhalter angezeigt.
Scroll-Animationen
Füge einen animierten Effekt hinzu, der angezeigt wird, wenn Besucher durch deine Galerie scrollen. Du kannst die ausgewählte Animation weiter anpassen, indem du einen Übergangsstil hinzufügst und seine Dauer anpasst.
Hinweise:
- Die verfügbaren Animationen hängen vom ausgewählten Galerie-Layout ab.
- Die Anpassung der Animationseinstellungen ist nur in Layouts mit horizontalem Scrollen verfügbar.
Eine Scroll-Animation hinzufügen:
- Klicke auf Scroll-Animationen.
- Wähle, was passiert, wenn Besucher durch deine Galerie scrollen:
- Ohne Effekt: Beim Scrollen wird kein Effekt angewendet.
- Einblenden: Beim Scrollen erscheinen Bilder nach und nach.
- Graustufen: Beim Scrollen wird das Bild schwarzweiß.
- Hochgleiten: Beim Scrollen gleitet das Bild hoch.
- Aufklappen: Beim Scrollen wird das Bild größer.
- Verkleinern: Beim Scrollen wird das Bild kleiner.
- Herauszoomen: Beim Scrollen zoomt das Bild heraus.
- Einfarbig: Beim Scrollen wird eine Farbe auf das Bild angewendet.
Deine Animation anpassen:
- Klicke auf Animationen anpassen.
- Passe deine Animationseinstellungen an:
- Übergangsstil: Klicke auf das Aufklappmenü, um einen Bewegungseffekt auf deine Galerieelemente anzuwenden. Dieser Effekt wird beim Scrollen angewendet, wenn Besucher von einem Element zum nächsten wechseln.
- Dauer: Ziehe den Schieberegler, um anzupassen, wie lange deine Scroll-Animation dauert.
Buttons
Dieser Abschnitt wird angezeigt, wenn du den Button Mehr laden auf der Registerkarte Layout anzeigen willst.
Hier kannst du den Text, die Schriftart, die Farbe und den Randradius des Buttons Mehr laden ändern.
Hier kannst du den Text, die Schriftart, die Farbe und den Randradius des Buttons Mehr laden ändern.
- Klicke auf Buttons.
- Du kannst die Buttons mit den folgenden Optionen anpassen:
- Buttontext: Gib den Text ein, der auf dem Button erscheinen soll.
- Schriftart & Schriftfarbe: Wähle die Schriftart und die Farbe für den Button aus.
- Buttonfarbe & Deckkraft: Ziehe den Schieberegler nach rechts oder links, um die Farbe und die Deckkraft des Buttons zu ändern, und klicke auf das Farbfeld, um eine Farbe auszuwählen.
- Randfarbe & Randbreite: Ziehe den Schieberegler nach rechts oder links, um die Randbreite zu ändern, um klicke auf das Farbfeld, um eine Farbe auszuwählen.
- Eckenradius: Ziehe den Schieberegler, um den Eckenradius zu ändern.
Navigationspfeile
In den Layouts Miniaturbilder, Slider, Diashow und Spalte kannst du Navigationspfeile aktivieren. Du kannst ihre Positionierung, Größe und Farbe anpassen, damit deine Website-Besucher leicht durch deine Galerie navigieren können.
- Klicke auf Navigationspfeile.
- Klicke auf den Schalter, um die Pfeile in deiner Galerie zu aktivieren.
- Passe die Pfeile mit den folgenden Optionen an:
- Pfeilstil: Klicke, um ein Pfeildesign auszuwählen, oder klicke auf das Symbol für Hinzufügen , um deine eigenen hochzuladen.
- Pfeilhintergrund: Klicke auf das Aufklappmenü, um einen Schatten, eine Box oder keinen Hintergrund auszuwählen.
- Schatten: Fügt einen leichten Schatten um den Pfeil hinzu.
- Box: Fügt eine Box um den Pfeil hinzu. Klicke auf das Farbfeld, um die Farbe des Feldes zu ändern, und ziehe die entsprechenden Schieberegler, um die Transparenz anzupassen und die Ecken abzurunden.
- Keine: Dem Pfeil wird kein Hintergrund hinzugefügt.
- Pfeilgröße: Ziehe den Schieberegler, um die Größe der Navigationspfeile zu vergrößern oder zu verkleinern.
- Pfeilfarbe: Klicke auf das Farbfeld, um die Farbe der Navigationspfeile auszuwählen. Wähle eine Farbe aus deinen Website-Farben oder wähle deine eigenen.
- Pfeilposition: Aktiviere das entsprechende Kontrollkästchen, um die Navigationspfeile auf oder außerhalb der Galerie anzuzeigen. Hinweis: Die Anzeige von Navigationspfeilen in deiner Galerie kann einen Teil deiner Galerieelemente verdecken.
- Pfeile ausrichten an: Wähle, ob deine Pfeile neben der Galerie selbst, ihren Bildern oder dem Text zentriert werden sollen.
- Horizontale Füllung: Ziehe den Schieberegler, um den Abstand zwischen den Pfeilen und dem Rand deiner Galerie anzupassen.
Detailansicht
Dieser Abschnitt wird angezeigt, wenn du „In der Detailansicht öffnen“ im Einstellungsbereich der Pro Gallery gewählt hast, wenn ein Benutzer auf ein Galerieelement klickt. Hier kannst du die Detailansicht deiner Galerie so anpassen, dass sie mit dem Design und der Marke deiner Website übereinstimmt.
- Klicke auf Detailansicht.
- Klicke auf Detailansicht anpassen und passe die Detailansicht der Galerie mit den folgenden Optionen an:
- Info, die angezeigt werden soll: Wähle aus, ob ein Titel, eine Beschreibung und/oder ein Link angezeigt werden soll.
- Ausrichtung: Wähle, wo du die Informationen positionieren möchtest:
- Seite: Die Informationen werden rechts neben dem Galerieelement angezeigt.
- Unten: Die Informationen erscheinen unterhalb des Galerieelements.
- Wann soll sie angezeigt werden? Wähle, wann die Informationen angezeigt werden:
- Immer: Die Informationen werden immer angezeigt.
- Beim Klicken auf das Info-Symbol: Die Informationen werden nur angezeigt, wenn ein Besucher auf das Info-Symbol in der oberen linken Ecke der Detailansicht klickt.
- Vollbildmodus erlauben: Wähle aus, ob die Besucher die Möglichkeit haben sollen, Galerieelemente im Vollbildmodus zu betrachten.
- Hintergrundfarbe: Klicke auf das Farbfeld, um die Hintergrundfarbe für die Detailansicht zu wählen. Wähle aus deinen Website-Farben, oder füge eine Farbe hinzu.
- Symbolfarbe: Klicke auf das Farbfeld, um eine Farbe für die Symbole in der Detailansicht zu wählen. Wähle aus deinen Website-Farben, oder füge eine Farbe hinzu.
- Titelstil:
- Klicke auf das Aufklappmenü, um die Schriftart, den Stil und die Schriftgröße auszuwählen.
- Klicke auf das Farbfeld, um die Schriftfarbe des Titels zu ändern.
- Beschreibungsstil:
- Klicke auf das Aufklappmenü, um die Schriftart, den Stil und die Schriftgröße auszuwählen.
- Klicke auf das Farbfeld, um die Schriftfarbe der Beschreibung zu ändern.
- Textausrichtung: Wähle die Textausrichtung: links, zentriert oder rechts.
Tipp:
Du kannst die Navigationspfeile in deiner Pro Gallery mit Scrollen (horizontal) ausblenden.
War das hilfreich?
|