Portfoliobewegungseinstellungen
Konfigurieren Sie die Motion-Präsentation pro Sammlung unter Portfolio → Motion - wählen Sie eine filmische Vorlage aus, legen Sie Intensität und Seitenverhältnis fest und klicken Sie auf Fotoseiten oder die Lightbox, ohne die Standard-Layout-Steuerelemente für öffentliche Seiten zu berühren.
Bewegungseinstellungen live auf der Registerkarte Bewegung innerhalb von Portfolio verwalten. Sie sind getrennt aus Einstellungen → Öffentliche Seite, was nur gilt, wenn die Sammlung den Standard-Track (Einstellungen für das Portfoliolayout) verwendet.
Beginnen Sie mit Motion Portfolio Seiten für die Besuchererfahrung und Vorlagenfamilien. Diese Seite dokumentiert jedes Steuerelement auf der Registerkarte Bewegung.
Voraussetzungen
- Öffentliche Portfolioseiten — Öffentliche Galerie aktiviert
- Abonnement mit Motion Präsentation
- Bilder hinzugefügt und bestellt auf der Registerkarte Medien
Darstellungsstrecke
| Kontrolle | Wirkung |
|---|---|
| Motion Präsentation (Toggle) | am — öffentliche URL verwendet Ihre Motion Template. Ausgeschaltet — Standardlayout von Öffentliche Seite gilt. |
Das Speichern von Bewegungseinstellungen ändert keine Gitterspalten, Zeitleistengruppierungen oder Heldenoptionen in Öffentliche Seite - diese Werte bleiben gespeichert, wenn Sie zum Standard wechseln.
Schablonenpflücker
Vorlagen sind in drei Familien unterteilt. Nur eine Vorlage ist pro Sammlung aktiv.
Wegekarussell
| Meldebogen | Wann man es benutzt |
|---|---|
| Achsenkarussell | Klassisches horizontales Karussell - Mittelheld, rotierende Seitenvorschau |
| 3D-Karussell | Nachbarn gestapelt hinter dem aktiven Bild |
| Radkarussell | Bilder fegen entlang eines gekrümmten Rades |
Mustermerkmale (Wegekarussellfamilie)
| Merkmal | Optionen | Anmerkungen |
|---|---|---|
| Flachzahl | 1–4 Bilder pro Seite | Mehr Flanken = breitere Bühne (3, 5, 7 oder 9 sichtbare Dias). 3D-Karussell kann weniger Seitenvorschau auf schmalen Viewports zeigen, während die gleiche Heldenrahmengröße beibehalten wird. |
| Flache Unschärfe | 0–100 % | Simuliert Schärfentiefe — äußere Vorschau weich, Mitte bleibt scharf |
| Voreingestellte Drehung Y (nur Achse) | Subtil / fett | Wie viele Seitenbilder Winkel in 3D |
| Radstand (nur Rad) | fest / breit | Wie viel horizontaler Raum nimmt das Rad ein |
| Perspektive (nur Rad) | Außen / Innen | Außen — konvexer Rand, größter Mittelschieber. Innen — konkave Schüssel in Richtung des Betrachters; Außenrand Rutschen sind am größten; Ring kann sich an weiten Landschaften anziehen, so dass Kanten nicht klemmen |
Bogenscheinwerfer
| Meldebogen | Wann man es benutzt |
|---|---|
| Bogenkarussell | Gebogener Pfad von Bildern mit einem Featured Spotlight |
Mustermerkmale
| Merkmal | Optionen |
|---|---|
| Scheinwerfermodus | auf dem Bogen — alle Karten folgen der Kurve. Mittelablösung — aktives Bild bewegt sich zu einem größeren zentralen Scheinwerfer. |
| Bogenseite | Links / Rechts - welche Seite der Bühne der Bogen einnimmt |
Arch-Karussell verwendet nur horizontal Seitenverhältnisse (4 × 3, 7 × 5, 16 × 9).
Rohrleitungsschiene
| Meldebogen | Wann man es benutzt |
|---|---|
| Rohrleitungsschiene | Komprimierte Miniaturansichten erweitern sich zum Helden (am besten mit fünf oder mehr Bildern) |
Die Pipeline-Schiene soll nicht jedes Werk gleichermaßen zeigen. Es präsentiert Ein Heldenbild und eine sichtbarer Zug von unterstützenden Werken. Große Sammlungen werden durch Navigation fortgesetzt, anstatt den Zug auf unbestimmte Zeit zu erweitern.
Mustermerkmale
| Merkmal | Optionen | Anmerkungen |
|---|---|---|
| Stufenspanne | fest / breit | fest — enthaltene Breite; am besten für kleinere Sammlungen (bis 20 sichtbare Packungsstreifen). breit — volle Galerieinhaltsbreite; am besten für größere Sammlungen (bis 40 sichtbare Packungsstreifen). Hero Expand und Pack Taper sind die gleichen; Spannweite setzt Canvas Breite und sichtbare Zuggröße. |
| Schienenseite | Links/Recht | Packen Sie links oder rechts - aktiver Held expandiert auf der gegenüberliegenden Seite |
Hero Frame und Aspektverhältnis (Wegkarussell)
Achsenkarussell, 3D-Karussell und Radkarussell teilen sich ein Heldenrutschenbox pro Sammlung:
| Input | Wirkung |
|---|---|
| Aspektverhältnis | Rahmenform für die aktive Folie (und passende Skala für Seitenvorschauen) |
| Breite der Sicht | Caps, wie groß der Held wachsen kann, bevor das Layout den Rahmen verkleinern muss |
Vorlagen ändern nur Wie Nachbarn arrangiert werden — Bogen, Stapeltiefe, Radring, Flankenskalen, Unschärfe. Der Wechsel von Achse zu Rad oder 3D-Karussell sollte die Hero-Druckgröße für das gleiche Seitenverhältnis nicht ändern.
3D-Karussell kann Verringern der sichtbaren Flankenzahl auf kleineren Bildschirmen verwenden, so dass Seitenstapel immer noch passen, ohne den Helden unter das zu schrumpfen, was Achse und Rad verwenden.
Video in Motion Gallery
| Sammlung | Auf der Bühne | Tiefere Navigation |
|---|---|---|
| Gemischte Fotos und Videos | Videofolien zeigen ein Plakat und Abspielabzeichen | Lightbox Klickverhalten spielt den Clip im Overlay ab. Fotodetailseiten sind nur für Stills. |
| Nur Video (jeder Artikel ist ein Clip) | Aktiv Slide spielt Inline - stummgeschaltetes Autoplay mit kompakten Steuerungen | Inaktive Folien bleiben auf dem Poster, bis sie fokussiert sind. Lightbox gilt immer noch auf den zweiten Klick, wenn aktiviert. |
Konfigurieren Sie Autoplay, Stummschaltung und Loop für die Lightbox-Wiedergabe unter Portfolio Lightbox-Einstellungen.
Gemeinsame Einstellungen (alle Vorlagen)
Diese gelten für jedes Template, das Sie auswählen.
| Einstellung | Zweck |
|---|---|
| Autoplay | Automatische Vorschubschieber |
| Autoplay-Intervall | 5, 8 oder 12 Sekunden zwischen den Folien, wenn Autoplay eingeschaltet ist |
| Intensität | Subtil, Ausgewogen oder Dramatisch - steuert die Gesamtbewegungsenergie (Übergänge, Tiefe und Betonung), ohne rohe Animations-Slider freizulegen |
| Übergangsdauer | 300, 500 oder 800 ms zwischen Objektträgern |
| Aspektverhältnis | Rahmenform für Folien — Auto, Quadrat, Landschaft, breit, Porträtoptionen (Vorlage kann die Auswahl einschränken) |
| Anzeige von Metadaten | Bildunterschrift, Titel, Beschreibung, Bildunterschrift + Beschreibung oder Versteckt — die Felder aus Medien auf der Bühne erscheinen (Platzierung variiert je nach Vorlage; siehe unten) |
| Hintergrundthema | Erbstelle, Light, Dark oder Muted — Galeriehintergrund hinter der Vorlage |
| Klickverhalten | Fotoseite, Lightbox oder Keine — siehe unten |
Schalter
| Umschalter | Wirkung |
|---|---|
| Show-Kontrollen | Chevron vorherige / nächste auf der Bühne |
| Showzähler | Stepper Dots unterhalb der Bühne |
| Fortschritte zeigen | Aktiver Punkt füllt sich im Laufe der Zeit, wenn Autoplay eingeschaltet ist |
| Schleife | Nach der letzten Folie, zurück zum ersten |
| Swipe aktivieren | Touch Drag auf dem Handy |
| Rad aktivieren | Horizontal Scroll Fortschritte Dias auf Desktop |
Metadatenplatzierung (nach Vorlage)
Anzeige von Metadaten wählt Was zum Anzeigen (Beschriftung, Titel, Beschreibung oder Kombinationen). Jede Vorlage platziert Kopien in einer festen Region, so dass der lange Text das 3D-Layout nicht bricht:
| Musterfamilie | Titel/Beschriftung | Beschreibung |
|---|---|---|
| Achse, 3D-Karussell, Rad (außen), Rohrleitungsschiene | Auf dem aktiven Objektträger (Overlay) | Unterhalb der Bühne, unter Stepper Dots |
| Rad (innen) | Unterhalb der Bühne | Unterhalb der Bühne |
| Bogenkarussell | Seitenspalte neben dem Scheinwerfer; auch auf dem aktiven Kachel-Overlay für Standbilder (nicht Videos) | Seitenspalte neben dem Scheinwerfer — Scrollen innerhalb der Spalte, wenn lang; ändert die Größe der Galerie nicht |
| Rohrleitungsschiene (Daumennagelstreifen) | Versteckt auf Streifen | Nur unterhalb der Bühne |
Langkopie: Für Pfadkarussell und Rohrleitungsschiene befinden sich Beschreibungen in einem Festband unterhalb der Stepperpunkte. Langer Text Scrollt innerhalb dieses Bandes (keine Linienklemme), damit die Bühnenhöhe vorhersehbar bleibt. Bogenkarussell hält die Bühnenhöhe an der Bildleinwand fest - Überlaufbeschreibungsrollen in der Seitenspalte.
Füllen Sie Bildunterschrift, Titel und Beschreibung in jeder Datei unter Medien → Asset bearbeiten, damit Bewegungsvorlagen Text anzeigen können.
Click-Verhalten und Commerce
Motion respektiert Flags auf Sammelebene, die Sie an anderer Stelle setzen:
| Klickverhalten | Erforderlich |
|---|---|
| Fotoseite | Seitenansicht aktivieren auf Einstellungen → Sichtbarkeit (Fotodetailseiten) |
| Lightbox | Lightbox für die Sammlung aktiviert (Portfolio Lightbox-Einstellungen) |
| Keine | Nur fokussieren und durchsuchen — keine Zweitklick-Navigation |
Interaktionsmodell: Klicken Sie zuerst auf ein Seitenbild Schwerpunkte; Klicken Sie erneut auf das aktive Bild (oder drücken Sie Enter) führt das Klickverhalten oben aus.
Standbilder können eine Fotodetailseite öffnen, wenn diese Funktion aktiviert ist. Videoclips verwenden niemals Fotodetailseiten – verwenden Sie für gemischte Zusammenstellungen die Lightbox oder bei reinen Videosammlungen die Inline-Wiedergabe.
Was ist nicht im Dashboard
Um Layouts über reale Portfoliogrößen hinweg zuverlässig zu halten, macht ArtInStack nicht niedrige Animations-Slider frei. Intensität und die oben genannten diskreten Merkmale sind die unterstützten Steuerelemente - sie entsprechen getesteten Voreinstellungen für Fotosammlungen, gemischte Seitenverhältnisse und typische Bildzahlen.
Vorgeschlagene Kombinationen
| Ziel | Meldebogen | Auch eingestellt |
|---|---|---|
| Hochzeit Highlights Rolle | Achsenkarussell | Ausgewogene Intensität; Porträt oder Auto-Aspekt; Fotoseitenklicks |
| Kunstausstellung | Bogenkarussell | Mittenabstand; Beschriftungsmetadaten; subtile Intensität |
| Lookbook mit langen Bildunterschriften | Rohrleitungsschiene | Landschafts- oder Porträtaspekt; Beschreibung sichtbar; Autoplay off |
| Kampagne landet Held | Radkarussell | Breites Spektrum; Außen oder Innen Perspektive; dramatische Intensität; Hintergrund der Website erben |
| Kundenbewertungssitzung | 3D-Karussell | Flank Unschärfe für Tiefe; Lightbox Klickverhalten; Loop Off |
| Hochzeitsrolle (nur Clips) | Achsenkarussell | Nur Video-Inline-Wiedergabe auf der aktiven Folie; Lightbox optional für Vollbild |
Umsetzungsschritte
- Öffnen Sie Portfolio → Sammlung → Bewegung Registerkarte.
- Schalten Sie Motion Präsentation ein.
- Wählen Sie eine Vorlage aus dem Picker.
- Setzen Sie Intensität, Seitenverhältnis, Metadatenanzeige und Klickverhalten.
- Passen Sie Schablonenmerkmale nur für dieses Layout an.
- Speichern Sie dann Vorschau aus dem Portfolio-Hub-Header.
- Bestätigen Sie, dass Fotodetailseiten oder Portfolio Lightbox-Einstellungen Ihrem Klickverhalten entsprechen.
Was Ihre Besucher sehen
Die gespeicherte Vorlage, Merkmale und allgemeinen Einstellungen auf der öffentlichen /portfolio/{slug}-Seite - mit Ihrem Website-Branding, bestellten Medien und Zugänglichkeits-Fallbacks, wenn reduzierte Bewegung angefordert wird.
Überprüfen Sie Ihr Setup
- Motion Präsentation ist eingeschaltet und die richtige Vorlage ist ausgewählt.
- Preview passt live-verhalten nach dem speichern.
- Das Seitenverhältnis passt zu Ihrer dominanten Orientierung (Porträtserie versus weite Landschaften).
- Pfadkarussellvorlagen (Achse, 3D, Rad) zeigen die gleiche Heldenrahmengröße an, wenn Sie Vorlagen wechseln, ohne das Seitenverhältnis zu ändern.
- Klickverhalten öffnet Fotoseite oder Lightbox nur, wenn diese Funktionen auf Einstellungen / Lightbox aktiviert sind.
- Autoplay- und Fortschrittspunkte verhalten sich wie erwartet auf Desktop und Telefon.