Wix Pro Gallery: Ein Layout auswählen (Individuell vs. Presets)
12 Min. Lesezeit
Die Wix Pro Gallery bietet mehrere großartige Layouts. Wähle aus einem individuellen oder voreingestellten Layout (Preset), um deine Medien zu präsentieren.
Individuelle Layouts ermöglichen die vollständige Anpassung z. B. der Abstände, Richtung und Ausrichtung. Mit einem Preset wird der Großteil der Arbeit für dich erledigt. Das heißt, das Layout selbst ist nicht anpassbar, aber das Design liegt in deinen Händen.
In diesem Artikel erfährst du mehr über folgende Themen:
Individuelle Layouts
Mit diesen Galerie-Layouts kannst du deine Pro Gallery von Grund auf selbst gestalten und anpassen. Jedes anpassbare Layout bietet eine Reihe von Einstellungen, die du personalisieren kannst. Wähle aus statischen oder Slidergalerie-Layouts oder wähle das Magic-Layout und lass uns ein einzigartiges Layout für dich generieren.
Um ein individuelles Layout auszuwählen:
- Klicke im Editor auf die Wix Pro Gallery.
- Klicke auf Einstellungen.
- Klicke auf Layout.
- Wähle ein Layout für deine Galerie.
- Klicke auf Layout anpassen, um das Layout ganz nach deinen Wünschen zu ändern. Klicke unten auf ein Layout, um mehr über seine Funktionen zu erfahren:
Collage
Verwende das Collage-Layout, wenn du Bilder mit unterschiedlicher Ausrichtung (sowohl vertikal als auch horizontal) zeigen möchtest, die zufällig in der Galerie platziert sind.
- Scroll-Richtung: Wähle ein vertikales oder horizontales Scrollen.
- Galerieausrichtung: Wähle, ob Fotos vertikal oder horizontal angezeigt werden sollen.
- Automatisch gleiten: (Diese Option ist nur verfügbar, wenn du Horizontal als Scroll-Richtung wählst). Wähle, ob deine Elemente in einer fortlaufenden Diashow angezeigt werden sollen:
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte in den Design-Einstellungen zum Tab „Scroll-Animation“. - Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler Diashow-Geschwindigkeit, um die Geschwindigkeit deiner Galerie anzupassen.
- Bei Mouseover anhalten: Aktiviere den Schalter, um die Diashow anzuhalten, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
- Miniaturbildgröße: Wähle aus, wie groß die Bilder in der Galerie sind.
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
- Collagendichte: Wähle, wie viele Bilder gleichzeitig in der Galerie angezeigt werden sollen.
- Wie viele Bilder werden geladen?: (Diese Option ist nur verfügbar, wenn du den „Mehr laden“-Button aktiviert hast).
- Alle Bilder
- Ein weiterer Bereich (fügt einen weiteren Bereich in der gleichen Größe wie die ursprüngliche Galerie hinzu)
Mosaik
Verwende das Mosaik-Layout, wenn du Bilder mit unterschiedlicher Ausrichtung in Spalten oder Zeilen anzeigen möchtest.
- Galerieausrichtung: Wähle, ob Fotos vertikal oder horizontal angezeigt werden sollen.
- Miniaturbildgröße: Wähle aus, wie groß die Bilder in der Galerie sind.
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
- Design-Einstellungen: Wähle, ob deine Galerie an den Bildschirm angepasst werden soll, oder lege die Anzahl der Elemente pro Zeile manuell fest:
- An Bildschirm anpassen: Die Pro Gallery optimiert automatisch das Galerie-Layout, um es an den Bildschirm des Besuchers anzupassen.
- Elemente pro Reihe: Du kannst auswählen, wie viele Bilder pro Reihe auf allen Geräten angezeigt werden.
- Bilder pro Reihe: Ändert die Anzahl der Bilder, die pro Reihe angezeigt werden.
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
- „Mehr laden“-Button: Wähle, ob du den Mehr laden-Button ein- oder ausblenden möchtest.
- Wie viele Bilder werden geladen?: (Diese Option ist nur verfügbar, wenn du den „Mehr laden“-Button aktivierst). Wähle aus, wie viele Bilder geladen werden, wenn Besucher auf „Mehr laden” klicken:
- Alle Bilder
- Ein weiterer Bereich (fügt einen weiteren Bereich in der gleichen Größe wie die ursprüngliche Galerie hinzu)
Gitter
Verwende dieses Layout, wenn deine Bilder in einem Raster angezeigt werden sollen.
- Scroll-Richtung: Wähle ein vertikales oder horizontales Scrollen.
- Miniaturbildskalierung:
- Zuschneiden: Du kannst das Bildverhältnis wählen.
- Anpassen: Passt die Bildgröße an die Größe der Galerie an.
Hinweis: Die Optionen Randbreite & Farbe und Eckenradius sind im Design-Tab nur dann verfügbar, wenn du in den Einstellungen deines Layouts für deine Miniaturbilder die Option „Zuschneiden“ gewählt hast.
- Bildverhältnis: Wähle aus den verfügbaren Bildverhältnis-Optionen, z. B. 4:3, 1:1.
- Automatisch gleiten: (Diese Option ist nur verfügbar, wenn du Horizontal als Scroll-Richtung wählst). Wähle, ob deine Elemente in einer fortlaufenden Diashow angezeigt werden sollen:
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte in den Design-Einstellungen zum Tab „Folienanimation“. - Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler Diashow-Geschwindigkeit, um die Geschwindigkeit deiner Galerie anzupassen.
- Bei Mouseover anhalten: Aktiviere den Schalter, um die Diashow anzuhalten, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
- An Bildschirm anpassen: Zeigt so viele Bilder an, wie mit einer festen Größe in die Galerie passen.
- Bilder pro Reihe: Ziehe den Schieberegler, um mehr oder weniger Bilder pro Reihe anzuzeigen.
Hinweis: Zurzeit ist es nicht möglich, in einer Pro Gallery mit einem Raster-Layout mehr als 5 Bilder pro Reihe anzuzeigen. Wenn du dies in Zukunft wünschst, kannst du hier für diese Funktion abstimmen. - Miniaturbildgröße: Wähle aus, wie groß die Bilder in der Galerie sind.
- Bilder pro Spalte: Lege fest, wie viele Bilder pro Spalte angezeigt werden (nur bei Auswahl der horizontalen Ausrichtung).
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
- „Mehr laden“-Button: Wähle, ob du den „Mehr laden“-Button ein- oder ausblenden möchtest.
- Wie viele Bilder werden geladen?: (Diese Option ist nur verfügbar, wenn du den „Mehr laden“-Button aktivierst). Wähle aus, wie viele Bilder geladen werden, wenn Besucher auf „Mehr laden” klicken:
- Alle Bilder
- Ein weiterer Bereich (fügt einen weiteren Bereich in der gleichen Größe wie die ursprüngliche Galerie hinzu)
Miniaturbilder
Verwende das Miniaturbilder-Layout, wenn du mehrere Miniaturbilder neben dem ausgewählten Bild anzeigen möchtest.
- Galerieverhältnis:
- Manuell: Passe die Höhe und Breite deiner Galerie frei an.
- Fest: Behalte das gleiche Seitenverhältnis auf jeder Bildschirmgröße bei, indem du eines der vorgeschlagenen Seitenverhältnisse verwendest.
- Miniaturbildskalierung:
- Zuschneiden: Passt die Bildgröße an die Größe der Galerie an.
- Anpassen: Zeigt das Bild in seinem ursprünglichen Verhältnis und passt es an die Galeriegröße an. Wenn zu viel leerer Raum um das Bild herum ist, musst du die Höhe der Galerie anpassen. Hinweis: Die Optionen Randbreite & Farbe und Eckenradius sind im Design-Tab nur dann verfügbar, wenn du in den Einstellungen deines Layouts für deine Miniaturbilder die Option „Zuschneiden“ gewählt hast.
- Miniaturbild-Platzierung: Wähle aus, wo Miniaturbilder auf dem Bildschirm angezeigt werden sollen (unten, links, über oder rechts vom aktuell angezeigten Bild).
- Miniaturbildgröße:: Ziehe den Schieberegler, um festzulegen, wie groß die Bilder in der Galerie sind.
Hinweis: Wenn du nur wenige Bilder hast und unter dem Hauptbild leerer Raum ist, musst du die Miniaturbilder vergrößern. - Bilder in Schleife legen: Wähle, ob „Weiter“-Button beim letzten Bild deaktiviert werden soll oder nicht.
Hinweis: Der „Links“-Button wird immer deaktiviert, wenn du beim Zurückscrollen das erste Bild erreichst. - Automatisch gleiten: (Diese Option ist nur verfügbar, wenn du Horizontal als Scroll-Richtung wählst). Wähle, ob deine Elemente in einer fortlaufenden Diashow angezeigt werden sollen:
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte zum Tab „Folienanimation“ in den Design-Einstellungen. - Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler Diashow-Geschwindigkeit, um die Geschwindigkeit deiner Galerie anzupassen.
- Bei Mouseover anhalten: Aktiviere den Schalter, um die Diashow anzuhalten, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
- Miniaturbild-Abstand: Ziehe den Schieberegler, um festzulegen, wie viel Platz zwischen den Bildern sein soll.
Hinweis: Zurzeit ist es nicht möglich, die Ausrichtung deiner Miniaturbilder anzupassen. Wenn du dies in Zukunft sehen möchtest, stimme hier für diese Funktion ab.
Slider
Verwende das Slider-Layout, wenn du mehrere Bilder mit einem horizontalen Scroll anzeigen möchtest.
Hinweis: Die Anzahl der Bilder, die in diesem Layout gleichzeitig angezeigt werden, hängt von der Größe der Galerie ab. Wenn einige Bilder abgeschnitten aussehen, musst du die Größe der Galerie ändern. Eine andere Lösung ist,wenn du in den Layout-Einstellungen für die Miniaturbildskalierung die Option Zuschneiden und für das Bildverhältnis die Option Responsive auswählst.
- Galerieverhältnis:
- Manuell: Passe die Höhe und Breite deiner Galerie frei an.
- Fest: Behalte das gleiche Seitenverhältnis auf jeder Bildschirmgröße bei, indem du eines der vorgeschlagenen Seitenverhältnisse verwendest.
- Miniaturbildskalierung:
- Zuschneiden: Wähle aus, ob das Verhältnis fix oder responsiv sein soll.
- Anpassen: Zeigt das Bild in seinem ursprünglichen Verhältnis und passt es an die Galeriegröße an. Wenn zu viel leerer Raum um das Bild herum ist, musst du die Höhe der Galerie anpassen. Hinweis: Die Optionen Randbreite & Farbe und Eckenradius sind im Design-Tab nur dann verfügbar, wenn du in den Einstellungen deines Layouts für deine Miniaturbilder die Option „Zuschneiden“ gewählt hast.
- Bildseitenverhältnis:
- Responsive: Die Bildgröße wird je nach Gerät des Betrachters automatisch angepasst.
- Fixiert: Wähle aus den verfügbaren Bildverhältnis-Optionen, z. B. 4:3, 1:1. Die Bilder werden auf allen Geräten in diesem Verhältnis angezeigt.
- Bilder in Schleife legen: Wähle, ob „Weiter“-Button beim letzten Bild deaktiviert werden soll oder nicht.
Hinweis: Der „Links“-Button wird immer deaktiviert, wenn du beim Zurückscrollen das erste Bild erreichst. - Automatisch gleiten: (Diese Option ist nur verfügbar, wenn du Horizontal als Scroll-Richtung wählst). Wähle, ob deine Elemente in einer fortlaufenden Diashow angezeigt werden sollen:
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte zum Tab „Folienanimation“ in den Design-Einstellungen. - Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler Diashow-Geschwindigkeit, um die Geschwindigkeit deiner Galerie anzupassen.
- Bei Mouseover anhalten: Aktiviere den Schalter, um die Diashow anzuhalten, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
Diashow
Verwende das Diashow-Layout, wenn du jeweils ein Bild mit horizontalem Scroll anzeigen möchtest.
- Galerieverhältnis:
- Manuell: Passe die Höhe und Breite deiner Galerie frei an.
- Fest: Behalte das gleiche Seitenverhältnis auf jeder Bildschirmgröße bei, indem du eines der vorgeschlagenen Seitenverhältnisse verwendest.
- Miniaturbildskalierung:
- Zuschneiden: Passt die Bildgröße an die Größe der Galerie an.
- Anpassen: Zeigt das Bild in seinem ursprünglichen Verhältnis und passt es an die Galeriegröße an.Wenn zu viel leerer Raum um das Bild herum ist, musst du die die Höhe der Galerie anpassen.
Hinweis: Die Optionen Randbreite & Farbe und Eckenradius sind nur verfügbar, wenn du in den Einstellungen deines Layouts für deine Miniaturbilder die Option „Zuschneiden“ gewählt hast.
- Bilder in Schleife legen: Wähle, ob „Weiter“-Button beim letzten Bild deaktiviert werden soll oder nicht.
Hinweis: Der „Links“-Button wird immer deaktiviert, wenn du beim Zurückscrollen das erste Bild erreichst. - Automatisch gleiten: (Diese Option ist nur verfügbar, wenn du Horizontal als Scroll-Richtung wählst). Wähle, ob deine Elemente in einer fortlaufenden Diashow angezeigt werden sollen:
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte in den Design-Einstellungen zum Tab „Folienanimation“. - Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler Diashow-Geschwindigkeit, um die Geschwindigkeit deiner Galerie anzupassen.
- Wiedergabe-Button: Füge einen Button hinzu, mit dem Besucher die Diashow starten können. (Diese Option ist nur verfügbar, wenn du Automatisch gleiten wählst).
- Pause bei Mouseover: Aktiviere den Schalter, sodass die Diashow anhält, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
Tipp: Wenn du deine Diashow so einstellst, dass sie automatisch als Diashow angezeigt wird, hast du die Möglichkeit, über den Tab Text im Abschnitt Design einen Diashow-Zähler anzuzeigen.
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
- Infoleistengröße: Fügt Platz für Symbole, Titel und Beschreibung unter der Galerie hinzu.
Streifen
Verwende das Streifen-Layout, wenn du mehrere Bilder in einer Spalte anzeigen möchtest.
- Abstand: Wähle aus, wie viel Platz zwischen den Galerieelementen sein soll.
- „Mehr laden“-Button: Wähle, ob du den „Mehr laden“-Button ein- oder ausblenden möchtest.
- Wie viele Bilder werden geladen?: (Diese Option ist nur verfügbar, wenn du den „Mehr laden“-Button aktivierst). Wähle aus, wie viele Bilder geladen werden, wenn Besucher auf „Mehr laden” klicken:
- Alle Bilder
- Ein weiterer Bereich (fügt einen weiteren Bereich in der gleichen Größe wie die ursprüngliche Galerie hinzu)
Spalte
Verwende das Spalten-Layout, wenn du mehrere Bilder gleichzeitig in einer Reihe anzeigen möchtest.
- Galerieverhältnis:
- Manuell: Passe die Höhe und Breite deiner Galerie frei an.
- Fest: Behalte das gleiche Seitenverhältnis auf jeder Bildschirmgröße bei, indem du eines der vorgeschlagenen Seitenverhältnisse verwendest.
- Bilder in Schleife legen: Wähle diese Option, um Besuchern zu erlauben, in einer Endlosschleife durch deine Bilder zu scrollen.
- Automatisch gleiten: (Diese Option ist nur verfügbar, wenn du Horizontal als Scroll-Richtung wählst). Wähle, ob deine Elemente in einer fortlaufenden Diashow angezeigt werden sollen:
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte in den Design-Einstellungen zum Tab „Folienanimation“. - Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler Diashow-Geschwindigkeit, um die Geschwindigkeit deiner Galerie anzupassen.
- Bei Mouseover anhalten: Aktiviere den Schalter, um die Diashow anzuhalten, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Intervalle: Deine Galerie wechselt nach der gewählten Zeitspanne zum nächsten Element. Ziehe den Schieberegler Zeit zwischen Bildern, um die Anzahl der Sekunden zwischen den Elementen zu ändern.
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
Backstein, Mix und Wechselbild
Verwende diese Layouts, um Galerieelemente unterschiedlicher Größe und Ausrichtung nebeneinander anzuzeigen.
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
- „Mehr laden“-Button: Wähle, ob du den „Mehr laden“-Button ein- oder ausblenden möchtest.
- Wie viele Bilder werden geladen?: (Diese Option ist nur verfügbar, wenn du den „Mehr laden“-Button aktivierst). Wähle aus, wie viele Bilder geladen werden, wenn Besucher auf „Mehr laden” klicken:
- Alle Bilder
- Ein weiterer Bereich (fügt einen weiteren Bereich in der gleichen Größe wie die ursprüngliche Galerie hinzu)
Magie
Mit diesem Layout kannst du das Layout mit einem Klick in ein anderes ändern. Klicke auf Magie, um ein zufälliges Layout für deine Galerie zu erhalten.
Voreingestellte Layouts (Presets)
Mit diesen vorgefertigten Galerie-Layouts kannst du den Prozess der Präsentation deiner Bilder auf der Website beschleunigen. Voreingestellte Vorlagen gibt es in horizontaler und vertikaler Darstellung und beinhalten eine Reihe von integrierten Layout-Funktionen.
Um ein voreingestelltes Layout auszuwählen:
- Klicke im Editor auf die Wix Pro Gallery.
- Klicke auf Einstellungen.
- Klicke auf Layout.
- Klicke auf den Tab Presets.
- Wähle ein Layout für deine Galerie.
Häufig gestellte Fragen
Klicke unten auf eine Frage, um mehr über Layouts in der Pro Gallery zu erfahren:
Ist die Wix Pro Gallery responsiv?
Deine Wix Pro Gallery verhält sich responsiv, wenn du bestimmte Layouts auswählst und sie auf Bildschirmbreite streckst. Das bedeutet, dass sich die Position und Größe deiner Galerieelemente ändern kann, wenn sich die Größe des Browserfensters auf verschiedenen Geräten ändert. Erfahre mehr über die Reaktionsfähigkeit in der Wix Pro Gallery.
Warum werden einige meiner Bilder abgeschnitten, nachdem ich sie zur Wix Pro Gallery hinzugefügt habe?
Je nach dem benutzerdefiniertem Layout, das du wählst, stellst du möglicherweise fest, dass Galeriebilder abgeschnitten erscheinen. Das kann passieren, wenn sich die Ausrichtung der Miniaturbilder in einem Layout von dem der Bilder unterscheidet, die du hochlädst.
Du wählst zum Beispiel ein Slider-Layout aus, das alle Bilder im Hochformat (vertikal) anzeigt, lädst jedoch Bilder im Querformat (horizontal) hoch. Das bedeutet, dass ein Teil deines Bildes möglicherweise abgeschnitten wird, um sicherzustellen, dass es innerhalb der Grenzen der Miniaturansicht passt.
Um zu verhindern, dass deine Bilder abgeschnitten werden:
- Klicke im Editor auf die Wix Pro Gallery.
- Klicke auf Einstellungen.
- Klicke auf den Tab Layout.
- Klicke auf Layout.
- Wähle unter Miniaturbildskalierung die Option Anpassen aus.
Hinweis: Die Layouts Streifen, Spalte, Backstein, Mix, Alternate und Magie haben feste Bildproportionen. Das bedeutet, dass Bilder automatisch zugeschnitten werden, damit sie in die Grenzen der Miniaturansicht passen.
Zusätzliche Optionen, wenn du deine Bilder abgeschnitten lassen möchtest:
- Passe den Fokus deiner Bilder an, um besser kontrollieren zu können, welche Teile deiner Bilder abgeschnitten werden.
- Passe das auf deine Galerie angewendete Bildverhältnis (16:9, 4:3, 1:1, 3:4 oder 9:16) an das Seitenverhältnis und die Ausrichtung deiner hochgeladenen Bilder an.
War das hilfreich?
|