Das Layout deiner Pro Gallery auf deiner mobilen Website ist responsive, d. h. es passt sich automatisch an unterschiedliche Bildschirmgrößen und Geräte an. Du kannst ein komplett anderes Layout für deine Pro-Galerie wählen, sodass sie ideal für Mobilgeräte aussieht.
Wähle ein voreingestelltes Layout (Preset) mit integrierten Funktionen oder ein individuelles Layout, wenn du das Layout lieber selbst anpassen möchtest. Für welche Layout-Option du dich auch entscheidest, du kannst das Design der Galerie jederzeit anpassen.
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. Du kannst aus einer Vielzahl von anpassbaren Layouts wählen, um deine Medien bestmöglich auf Mobile zu präsentieren.
Um das Layout für die mobile Version der Website anzupassen:
- Öffne deinen Mobile-Editor:
- Wix Editor: Klicke oben im Editor auf das Symbol für Zu Mobile wechseln .
- Editor X: Klicke oben im Editor X auf den entsprechenden Breakpoint.
- Klicke in deinem Mobile-Editor auf deine Wix Pro Gallery.
- Klicke auf Einstellungen.
- Wähle ein Layout für deine Galerie.
- Klicke auf Layout anpassen, um das Layout ganz nach deinen Wünschen anzupassen (siehe unten Anpassbare Layout-Funktionen).
Voreingestellte Layouts (Presets)
Voreingestellte Layouts enthalten eine Reihe von integrierten Layout-Funktionen. Mit diesen vorgefertigten Galerie-Layouts kannst du den Prozess der Präsentation deiner Bilder auf der Website beschleunigen. Während die Layouts selbst nicht anpassbar sind, kannst du das Design der Galerie im Tab Design anpassen.
Um ein voreingestelltes Layout auszuwählen:
- Klicke in deinem Mobile-Editor auf deine Wix Pro Gallery.
- Klicke auf Einstellungen.
- Klicke auf den Tab Presets.
- Wähle ein Layout für deine Galerie.
Anpassbare Layout-Funktionen
Jedes anpassbare Layout bietet eine Reihe von Einstellungen, die du personalisieren kannst, einschließlich Scroll-Richtung, Galerierichtung und Bildausrichtung.
Klicke unten auf eine Option, um weitere Details zu dem jeweiligen Layout zu erhalten:
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 vertikales oder horizontales Scrollen.
- Galerieausrichtung: Wähle, ob die Fotos vertikal oder horizontal angezeigt werden sollen.
- Automatisch gleiten: 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.
- Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler Slideshow-Geschwindigkeit, um die Geschwindigkeit deiner Galerie anzupassen.
- 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.
- „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 relevant, 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)
Verwende das Mosaik-Layout, wenn du Bilder mit unterschiedlicher Ausrichtung in Spalten oder Reihen anzeigen möchtest.
- Galerieausrichtung: Wähle, ob die 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.
- „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 relevant, 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)
Verwende dieses Layout, wenn deine Bilder in einem Raster angezeigt werden sollen.
- Scroll-Richtung: Wähle 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 nur 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: 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.
- Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler „Slideshow-Geschwindigkeit“, um anzupassen, wie schnell deine Galerie gleitet.
- Bei Mouseover anhalten: Klicke auf den Schalter, um zu aktivieren oder deaktivieren, dass die Diashow pausiert, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- 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.
- 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 aus, ob der „Mehr laden“-Button ein- oder ausgeblendet werden soll (wird nur angezeigt, wenn vertikale Scroll-Richtung ausgewählt ist).
- Wie viele Bilder werden geladen?: (Diese Option ist nur relevant, 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)
Verwende das Miniaturbilder-Layout, wenn du mehrere Miniaturbilder neben dem ausgewählten Bild anzeigen möchtest.
- 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: 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.
- Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler „Slideshow-Geschwindigkeit“, um anzupassen, wie schnell deine Galerie gleitet.
- Bei Mouseover anhalten: Klicke auf den Schalter, um zu aktivieren oder deaktivieren, dass die Diashow pausiert, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Zeit zwischen Bildern: Wähle aus, wie viel Zeit vor der Änderung der Folie vergeht (wird nur angezeigt, wenn „Automatisch gleiten“ aktiviert ist). Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte zum Tab „Folienanimation“ in den Design-Einstellungen.
- 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 nur 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. - Miniaturbild-Abstand: Ziehe den Schieberegler, um festzulegen, wie viel Platz zwischen den Bildern sein soll.
- Anzahl der angezeigten Elemente: Ziehe den Schieberegler, um anzupassen, wie viele Bilder auf einmal gezeigt werden sollen.
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 die Auswahl von „Zuschneiden“ und „Responsiv“ in den Layout-Einstellungen.
- Bilder in Schleife legen: Wähle diese Option, um Besuchern zu erlauben, in einer Endlosschleife durch deine Bilder zu scrollen.
- Automatisch gleiten: 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.
- Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler „Slideshow-Geschwindigkeit“, um anzupassen, wie schnell deine Galerie gleitet.
- Bei Mouseover anhalten: Klicke auf den Schalter, um zu aktivieren oder deaktivieren, dass die Diashow pausiert, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Zeit zwischen Bildern: Wähle aus, wie viel Zeit vor der Änderung der Folie vergeht (wird nur angezeigt, wenn „Automatisch gleiten“ aktiviert ist).
- 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 nur 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.
- Anzahl der angezeigten Elemente: Ziehe den Schieberegler, um anzupassen, wie viele Bilder auf einmal gezeigt werden sollen. (Diese Option ist nur verfügbar, wenn du ein responsives Bildverhältnis wählst.)
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
Verwende das Diashow-Layout, wenn du jeweils ein Bild mit horizontalem Scroll anzeigen möchtest.
- Bilder in Schleife legen: Wähle diese Option, um Besuchern zu erlauben, in einer Endlosschleife durch deine Bilder zu scrollen.
- Automatisch gleiten: 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.
- Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler „Slideshow-Geschwindigkeit“, um anzupassen, wie schnell deine Galerie gleitet.
- Bei Mouseover anhalten: Klicke auf den Schalter, um zu aktivieren oder deaktivieren, dass die Diashow pausiert, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- Zeit zwischen Bildern: Wähle aus, wie viel Zeit vor der Änderung der Folie vergeht (wird nur angezeigt, wenn „Automatisch gleiten” aktiviert ist). Hinweis: Wenn du den Übergangseffekt ändern möchtest, gehe bitte zum Tab „Folienanimation” in den „Design“-Einstellungen.
- Infoleistengröße: Fügt Platz für Symbole, Titel und Beschreibung unter der Galerie hinzu.
- Wiedergabe-Button: Füge einen Button hinzu, mit dem Besucher die Diashow starten können. (Diese Option ist nur verfügbar, wenn du die Option „Automatisch gleiten“ aktivierst).
- 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 nur verfügbar, wenn du in den Einstellungen deines Layouts für deine Miniaturbilder die Option „Zuschneiden“ gewählt hast.
Verwende das Streifen-Layout, wenn du mehrere Bilder in einer Spalte anzeigen möchtest.
- Anzahl der angezeigten Elemente: Wähle, wie viele Galerieelemente auf einmal angezeigt werden sollen.
- 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?: (Nur wenn der Mehr laden-Button angezeigt wird)
- Alle Bilder
- Ein weiterer Bereich (fügt einen weiteren Bereich in der gleichen Größe wie die ursprüngliche Galerie hinzu)
Verwende das Spalten-Layout, wenn du mehrere Bilder gleichzeitig in einer Reihe anzeigen möchtest.
- Bilder in Schleife legen: Wähle diese Option, um Besuchern zu erlauben, in einer Endlosschleife durch deine Bilder zu scrollen.
- Automatisch gleiten: 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.
- Fortlaufend: Deine Galerie wechselt automatisch zum nächsten Element. Ziehe den Schieberegler „Slideshow-Geschwindigkeit“, um anzupassen, wie schnell deine Galerie gleitet.
- Bei Mouseover anhalten: Klicke auf den Schalter, um zu aktivieren oder deaktivieren, dass die Diashow pausiert, wenn ein Besucher mit der Maus über ein Galerieelement fährt.
- 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.
- Anzahl der angezeigten Elemente: Wähle, wie viele Galerieelemente auf einmal angezeigt werden sollen.
- Abstand: Wähle aus, wie viel Platz zwischen den Bildern sein soll.
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.
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.
Mehr über die Reaktionsfähigkeit der Wix Pro Gallery erfahrenWarum 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 Spaltenlayout 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 anpassen.
- Wähle unter Miniaturbildskalierung die Option Anpassen aus.
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.