Design der Ordnerliste

Mit dem Ordner können Sie eine Sammlung Ihrer Seiten als Übersichtsseite oder als Dropdown-Menü erstellen.

Stellen Sie sich einen Ordner als einen Container vor, der mehrere Menüelemente enthält und sie in einem visuellen Layout anzeigt (Raster, Diashows, vertikale oder horizontale Bildläufe und viele weitere Layouts).

Sehen Sie sich einen Demo-Ordner an.

Sobald Sie einen Ordner erstellt haben , können Sie dessen Design wie unten dargestellt verwalten.


Ordnerstil verwalten:

  • Geben Sie die Flyer Titel (1) in der Suchleiste.
  • Klicken Sie auf Flyer (2) unter Site-Menüelemente. 

  • Alternativ können Sie über die Website Abschnitt können Sie auf das drei Punkte (1) Symbol, das angezeigt wird, wenn Sie den Cursor über den Ordner bewegen.
  • Klicken Sie auf Einstellungen  (2) Option.
  • Dies wird Sie zu den Ordnereinstellungen Seite, von der aus Sie auf das Technologie (3) zum Öffnen der Folder Design Schublade.


Hier sehen Sie folgende Gestaltungsmöglichkeiten: 


Ordnerlayout

  1. Layout – Wählen Sie ein Layout, das auf den Ordner angewendet werden soll. Sie können aus über 20 Layouts wählen, um die Unterelemente eines Ordners auf Ihrer Website anzuzeigen.
  2. Länge – Legen Sie die Breite des Ordners als Volle Breite, Boxed oder Site-Breite fest.
    • 'Gesamtbreite' zeigt den Ordner über die gesamte Breite an, ohne einen Rand zu hinterlassen.
    • 'Boxed' zeigt den Ordner an, während rechts und links auf dem Bildschirm etwas Abstand gelassen wird.
    • 'Seitenbreite' kann in angegeben werden Technologie Sektion. Dort können Sie eine feste Breite angeben.
      Es zeigt den Ordner an, indem es sich an die angegebene feste Breite hält.
  3. Rasterabstand – Geben Sie den Abstand zwischen Unterelementen in Rasterlayouts an. (0-250 Pixel)
  4. Radius Corner – Passen Sie die Ecken von Rasterelementen im Ordner an, indem Sie den Eckradius anpassen, um sie abgerundet oder eckig zu machen.
  5. Filter nach Tags anzeigen – Kreuzen Sie dies an Aktivieren Sie das Filtern nach Tags für Ihre Ordner-Unterelemente.
  6. Tag-Ausrichtung – Legen Sie die Ausrichtung der Tags auf dem Bildschirm fest.


Titel

Titel anzeigen (1): Sie können Unterpunkte unter den Rasterbildern mit Titeln und Tags versehen.

  • Aus: Wählen Sie dies aus, um Rastertitel und -tags zu deaktivieren.
  • Beim Schweben: Wählen Sie dies aus, um den Titel beim Hover anzuzeigen. Sie können die Ausrichtung für den Titel auswählen.
  •  Unteres Bild: Wählen Sie dies aus, um den Titel sowie Tags unter den Rasterbildern anzuzeigen. Sie können die Ausrichtung von Titeln und Tags auswählen (2) und die Tags anzeigen (3).


Überschrift

  1. Klicken Sie auf Textstil ändern Schaltfläche, um die zu besuchen Technologie  Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile. 
  2. Setze die Titel Schriftstil für die Elemente im Ordner.
  3. Schriftfarbe: Geben Sie eine Farbe für die Schriftart des Titels an.


Bildrand

Erfahren Sie, wie Sie den Bildrahmen verwalten.


Rasterstil

  1. Hover-Effekt: Der Hover-Effekt kann nur in einem Rasterlayout verwendet werden. Sie können die folgenden Optionen beim Hover im Rastermodus anzeigen.
    • Keine Wirkung: Für keine Auswirkung auf Unterpunkte im Grid-Modus.
    • Farbe: Für nur Überlagerungsfarbe auf Ihren Unterelementen im Rastermodus.
    • Farbe und Symbol: Für die Überlagerungsfarbe von Unterpunkten mit einem Symbol.
  2. Hover-Farbe: Geben Sie die Farbe beim Hover an.
    • Um eine Farbe anzugeben, wählen Sie aus Ausgewählte Farbe. Wenn Sie dies auswählen, finden Sie unten eine Option, um die Farbe festzulegen.
    • Auswählen Bildakzentfarbe sodass die Akzentfarbe des Bildes beim Hover erscheint. Wenn Sie dies auswählen, finden Sie unten eine Option, um die Deckkraft der Bildakzentfarbe festzulegen.
  3. Grundfarbe: Geben Sie die Farbe der Gitterbasis an.
    • Um eine Farbe anzugeben, wählen Sie aus Ausgewählte Farbe. Wenn Sie dies auswählen, finden Sie unten eine Option, um die Farbe festzulegen.
    • Auswählen Bildakzentfarbe sodass die Akzentfarbe des Bildes zur Grundfarbe wird. Wenn Sie dies auswählen, finden Sie unten eine Option, um die Deckkraft der Bildakzentfarbe festzulegen.
  4. Gittersymbol: Wählen Sie ein Plus, Pfeil, Kreuz or Auge Symbol. Dieses Symbol wird angezeigt, wenn Sie mit der Maus über die Rasterbilder schweben.
  5. Symbolfarbe: Geben Sie die Farbe des Rastersymbols an.


Schauen Sie sich beispielsweise diesen Ordner an , in dem das Layout „Quadratisches großes Ordnerlayout“ mit „Rasterbeschriftungen – Titel & Tags“ ausgewählt ist:

Breadcrumb-Navigation

Machen Sie sich mit der Breadcrumb-Navigation im Detail vertraut.


Mobile Anzeige

  1. Präzisiere das Abstand zwischen den Unterpunkten in Rasterlayouts für Mobilgeräte. (zwischen 0 und 250 Pixel)
  2. Wähle die Anzahl der Spalten um Elemente innerhalb des Ordners auf Mobilgeräten anzuzeigen.


Diashow (nur für Layout „Vollbild-Slider“)

  1. Verhalten: Aktivieren Sie die Diashow von hier aus.
  2. Diashow-Geschwindigkeit: Stellen Sie die Diashow-Übergangsgeschwindigkeit ein (zwischen 1 und 10 Sekunden).
  3. Diashow-Übergang: Geben Sie den Diashow-Übergangstyp an. Sie können die Option „Horizontal Swipe“ oder „Fade“ anwenden.


Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.

Pixpa Studio wurde komplett überarbeitet. Wir aktualisieren derzeit alle Screenshots der Hilfeartikel.