Wix Pro Gallery: Das Design auf deiner mobilen Website anpassen | Hilfe-Center

Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst

Gestalte und verwalte deine Website mit Wix.

Verwalte Premiumpakete, Abos und Rechnungen

Führe dein Unternehmen und vernetze dich mit Mitgliedern.

Kaufe, verknüpfe oder übertrage eine Domain.

Stärke dein Unternehmen und deine Webpräsenz.

Steigere deine Sichtbarkeit mit SEO und Marketing.

Nutze erweiterte Funktionen für mehr Effizienz.

Finde Lösungen oder kontaktiere uns.

Verbessere deine Kenntnisse mit unseren Tutorials.

Erhalte Tipps für Webdesign, Marketing und mehr.

Erfahre, wie du den organischen Traffic steigerst.

Erstelle eine Website mit unserer Full-Stack-Plattform.

Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.

Start

Deine Website erstellen

Medienverwaltung

Wix Pro Gallery verwenden

Wix Pro Gallery: Das Design auf deiner mobilen Website anpassen

16 min

In diesem Artikel

Das Design deiner Galerie anpassen
Häufig gestellte Fragen (FAQs)

Optimiere, wie deine Pro Gallery auf Mobilgeräten angezeigt wird, ohne die Desktop-Version deiner Website zu beeinträchtigen. Das bedeutet, dass du das Design der Galerie auf deiner Mobile-/Tablet-Website so anpassen kannst, sodass es ganz anders aussieht als deine Desktop-Website.

Das Design deiner Galerie anpassen

Du kannst Überlagerung, Texte, Elementstil und Scroll-Animationen der Pro Gallery auf Mobilgeräten anpassen. Die verfügbaren Anpassungsoptionen hängen vom gewählten Galerie-Layout ab.

Wix Editor

Studio Editor

Öffne deinen Editor.
Klicke oben im Editor auf das Symbol für Zu Mobile wechseln .
Klicke auf deiner Seite auf das Pro-Gallery-Element.
Klicke auf Einstellungen.
Klicke auf Design.
Passe deine Galerie mit den verfügbaren Optionen an:

Überlagerung & Symbole

Eine Überlagerung liegt über einem Bild und fügt einen zusätzlichen Effekt hinzu, wenn du mit der Maus über ein Bild fährst. 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 Schieberegler, 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 Slider, um die Deckkraft der Farbe anzupassen.
    - Farbverlaufsrichtung: Ziehe den Slider, um die Richtung der Überlagerung des Farbverlaufs anzupassen.
    - Symbolfarbe: Klicke auf das Farbfeld, um die Farbe der Galeriesymbole zu ändern, die bei Mouseover angezeigt werden.
  - Überlagerung - Farbe: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe dann den Slider, um die Transparenz der Farbüberlagerung zu ändern.
  - Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
- Teilweise Überlagerung: Die Überlagerung deckt nur einen Teil des Galerieelements ab.
  - Größe festlegen in: Verwalte die Größe deiner Überlagerung in Prozent oder Pixel.
  - Größe: Ziehe den Slider 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 Slider, um den Abstand zwischen dem Galerierand und deiner Überlagerung anzupassen.
  - Farbverlauf: Klicke auf den Schieberegler, 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 Slider, um die Deckkraft der Farbe anzupassen.
    - Farbverlaufsrichtung: Ziehe den Slider, um die Richtung der Überlagerung des Farbverlaufs anzupassen.
    - Symbolfarbe: Klicke auf das Farbfeld, um die Farbe der Galeriesymbole zu ändern, die bei Mouseover angezeigt werden.
  - Überlagerung - Farbe: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe dann den Slider, um die Transparenz der Farbüberlagerung zu ändern.
  - Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
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 Beschreibungstextes anpassen, sofern du diese beiden Optionen im Tab Design aktiviert hast. Wenn du die Optionen Texte nicht siehst (Schritt 1 unten), öffne den Tab Design, klicke auf Texte und aktiviere die Kontrollkästchen neben Titel und Beschreibung, um sie anzuzeigen.

Hinweis: Die verfügbaren Textdesign-Optionen hängen vom ausgewählten Layout ab.

Klicke auf Texte.
Passe den Text mit den folgenden Optionen an:
- Titel - Stil & Farbe: Wähle die Schriftart und die Farbe für den Titeltext aus.
- Beschreibung - Fontart & Fontfarbe: Wähle die Schriftart und die Farbe für den Beschreibungstext aus.
- Infoposition: Wähle aus, ob deine Galerieinformationen über, unter oder auf deinen Galerieelementen angezeigt werden sollen.
- Was passiert mit der Info beim ersten Tippen?: Wähle, ob deine Info beim ersten Tippen angezeigt, ausgeblendet oder nicht geändert werden soll.
- 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.

Hinweise:

Wenn der Titel oder die Beschreibung auf Mobilgeräten abgeschnitten ist, verringere die Schriftgröße, passe die Galeriebilder im Layout-Panel an, damit sie größer zu sind.
Die horizontalen und vertikalen Abstandseinstellungen des Textes können dazu führen, dass der Text auf Mobilgeräten abgeschnitten wird. Diese Einstellungen werden vom Desktop übernommen. Um diese Einstellungen anzupassen, öffne die Desktop-Version deiner Website und ändere die Einstellungen für den Textabstand Im Tab Text im Design-Panel.
Der Mouseover-Effekt für Titel und Beschreibungen in der Pro Gallery funktioniert in der Mobile-Ansicht nicht. Wenn du diesen Effekt aktiviert hast, müssen Besucher, die deine Galerie auf einem mobilen Endgerät betrachten, einmal tippen, um den Text zu sehen, und dann ein zweites Mal tippen, um das ganze Bild oder den Link zu öffnen. Um sicherzustellen, dass Bilder beim ersten Tippen geöffnet werden, befolge diese Anweisungen.

Design

Buttons

Scroll-Animationen

Detailansicht

Dieser Abschnitt wird angezeigt, wenn du im Einstellungsbereich der Pro Gallery für den Fall, dass Besucher ein Galerieelement anklicken „In der Detailansicht öffnen“ gewählt hast. 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.
- AusrichtungWä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 Dropdown-Menü, 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 Dropdown-Menü, 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.

Häufig gestellte Fragen (FAQs)

Klicke unten auf eine Frage, um mehr darüber zu erfahren, wie du das Galeriedesign für deine mobile Website anpassen kannst:

Warum sind die Designoptionen Überlagerung & Symbole und Elementstil nicht immer in meiner Galerie sichtbar?

Wie kann ich Probleme mit meiner Galerie auf Mobilgeräten beheben?

War das hilfreich?

In diesem Artikel

Das Design deiner Galerie anpassen
Häufig gestellte Fragen (FAQs)