Abschnitt „Videos“.

Fügen Sie einen Videobereich auf einer Seite hinzu, um Ihre YouTube-/Vimeo-Videos einfach einzubinden, die dann auf der Seite abgespielt werden. Dies ist eine hervorragende Möglichkeit, die Besucher Ihrer Website zu fesseln.

Pixpa unterstützt das Einbetten von Videos von YouTube oder Vimeo. Das direkte Hochladen von Videos auf Ihre Website ist nicht möglich. Alternativ können Sie Ihre Videos auch in einer Galerie oder einem Banner einbinden.

Mit Pixpa können Sie Ihr YouTube- oder Vimeo-Profil in den Social-Media-Links teilen . Außerdem können Sie Ihre auf SoundCloud gehosteten Musikdateien im Musikbereich hinzufügen.

Zu beachtende Punkte:

Sie können überall dort, wo Videos unterstützt werden, eine .gif-Datei hochladen.
Falls das Video, das Sie hinzugefügt haben, sehr geladen wird, klicken Sie auf die Wiedergabeschaltfläche und halten Sie es für einige Minuten an. Setzen Sie dann das Video fort. Auf diese Weise lädt es besser mit weniger Pufferung.

Videobereich

Die Videoliste ist eine Sammlung von Videos, in der Sie eine Beschreibung für das Video hinzufügen und einen Link oder eine Schaltfläche hinzufügen können, um die Videoliste mit einer anderen Seite auf der Website oder einem anderen Link zu verbinden.

Abschnitt „Videos hinzufügen“

Einer Seite kann ein Abschnitt hinzugefügt werden. Sie können entweder einen Abschnitt zu einer bereits vorhandenen Seite hinzufügen oder eine neue Seite erstellen innerhalb Ihrer Website.
Auf deiner Seite, Klicken Sie auf blau + Symbol hinzufügen a Neuer Abschnitt auf Ihre Seite.

Sie sehen jetzt die Abschnitt Kategorien auf der linken Seite.
Klicken Sie auf Inhalt (1) Option und Videos (2) Registerkarte.
Jetzt werden Sie sehen verschiedene Layouts Videobereich (3).

Wählen Sie ein beliebiges Abschnittslayout und klicken Sie darauf, um es Ihrer Seite hinzuzufügen.

Listenelemente hinzufügen und bearbeiten

Nachdem Sie den Abschnitt hinzugefügt haben

Klicken Sie auf Inhalt bearbeiten (1) Schaltfläche zum Öffnen des Listenelementfensters.

Klicken Sie auf die Artikel hinzufügen (2) Schaltfläche zum Hinzufügen eines neuen Listenelements.
Sie haben die Möglichkeit, Duplizieren und löschen (3) die Listenelemente.

Klicken Sie auf das Listenelement, das Sie bearbeiten möchten. Dadurch werden die Bearbeitungsoptionen für bestimmte Listenelemente geöffnet.

Speichern Ihr YouTube-/Vimeo-Videolink (1).

Hinweis

Um ein Video zu Ihrer Pixpa-Website hinzuzufügen, müssen Sie Ihr Video auf YouTube oder Vimeo hochladen und die URL hier eingeben.

Stellen Sie das Video so ein, dass es in a abgespielt wird Lightbox oder nur auf der Seite (2).

Hochladen oder löschen (3) das Miniaturbild für das Listenelement.

Hinzufügen Titel (4), Untertitel (5), und Beschreibung (6) des Listenelements. Je nach gewähltem Layout finden Sie möglicherweise die Option Untertitel und Beschreibung bei bestimmten Listenelementen nicht.

7. Aktion beim Klicken

Sie können das Klickverhalten einzelner Elemente im Abschnitt „Videoliste“ anpassen . Nachfolgend finden Sie die verfügbaren Optionen:

Gehe zu einem Link
Wenn Sie diese Option auswählen, öffnet sich das Link-Builder, sodass Sie diesem Element einen Hyperlink hinzufügen können. Der Link kann Benutzer auf eine andere Seite Ihrer Website oder eine externe URL weiterleiten. WEITERE INFORMATIONEN Über Uns Link-Builder.
Keine Aktion
Wählen Sie diese Option, um das Element nicht anklickbar zu machen. Wenn diese Option ausgewählt ist, wird beim Anklicken des Elements keine Aktion ausgelöst.

8. Link in neuem Fenster öffnen: Legen Sie fest, ob der Link in einem neuen Tab oder im selben Tab geöffnet werden soll. Diese Option ist nur sichtbar, wenn im Menü „Aktion beim Klicken“ die Option „Zu einem Link springen“ ausgewählt ist.

9. Schaltflächen & Links: Fügen Sie dem Listenelement beliebige Links hinzu . Sie können Schaltflächen, Bildlinks, Social-Media-Symbole oder Textlinks hinzufügen. Weitere Informationen.

10. Kartenstil-Überschreibung

Sie können die globalen Kartenstileinstellungen in den Stileinstellungen des Abschnitts überschreiben und die Karten der einzelnen Elemente im Abschnitt „Videoliste“ individuell anpassen. Dadurch können Sie verschiedenen Listenelementen unterschiedliche Stile zuweisen und so eine bessere Anpassung ermöglichen.

Erfahren Sie mehr über die Kartenoption in dynamischen Abschnitten.

11. Formstil überschreiben

Mit der Option „Überschreiben“ können Sie jedem Miniaturbild im Bereich „Videoliste“ individuell eine andere Form zuweisen und so die visuelle Gestaltung jedes einzelnen Elements präziser steuern. Weitere Informationen zur Formmaske finden Sie hier.

12. Speichern: Nachdem Sie die Anpassungen vorgenommen haben, speichern Sie die Änderungen.

Elemente der Sequenzliste

Sie können die Listenelemente einfach ziehen und ablegen, um die Reihenfolge zu ändern.

Löschen Sie ein Listenelement

Nachdem Sie ein Listenelement hinzugefügt haben, können Sie es bearbeiten und löschen.

Klicken Sie auf Löschen neben dem Element Videoliste.
Klicken Sie auf Löschen Schaltfläche im Bestätigungs-Popup.
Gespeichert Ihre Änderungen.

Hinweis

Ein einmal gelöschter Listeneintrag kann nicht wiederhergestellt werden.

Elemente der Videoliste verwalten

Der Abschnitt „Videoliste“ enthält eine Registerkarte „Elemente“ , mit der Sie die Sichtbarkeit verschiedener Elemente innerhalb des Abschnitts einfach verwalten können. Mithilfe einfacher Schalter können Sie bestimmte Elemente aktivieren oder deaktivieren, ohne die Elemente selbst löschen oder bearbeiten zu müssen.

Klicken Sie auf Inhalt bearbeiten (1) Taste.

Wähle die Elements Serie. (2) Registerkarte.
Nachdem Sie die Änderungen vorgenommen haben, klicken Sie auf Gespeichert (3) Taste.

Abschnittsoptionen

Überschrift anzeigen: Aktivieren oder deaktivieren Sie die Sichtbarkeit der Überschrift für den Abschnitt „Videoliste“.
Schaltflächen anzeigen: Steuern Sie, ob Schaltflächen auf Abschnittsebene angezeigt werden.

Artikeloptionen

Video anzeigen: Sichtbarkeit der Videos umschalten.
Zeige Titel: Steuert, ob der Titel angezeigt wird.
Untertitel anzeigen: Untertitel aktivieren oder deaktivieren.
Beschreibung anzeigen: Verwalten Sie die Sichtbarkeit von Artikelbeschreibungen.
Schaltflächen anzeigen: Entscheiden Sie, ob Schaltflächen für einzelne Elemente angezeigt werden sollen.

Abschnittslayout

Klicken Sie auf Inhalt bearbeiten (1) Schaltfläche zum Öffnen des Bearbeitungsbereichs der Videoliste.

Wähle die Layout (2) Registerkarte.
Wählen Sie das Layout für Ihren Abschnitt und Gespeichert (3) Ihre Änderungen.

Gestalten Sie Ihren Abschnitt

Klicken Sie auf Inhalt bearbeiten (1) Schaltfläche zum Öffnen des Bearbeitungsbereichs der Videoliste.

Wähle die Design (2) Option.
Ändern Sie den Stil für die Abschnittselemente und Gespeichert (3) Ihre Änderungen.

Sie haben mehrere Stiloptionen für den Abschnitt:

Präsentation

Wählen Sie auf Artikel anzeigen in Reihen und Spalten or Karussell
- Wenn Sie die gewählt haben Reihen und Spalten Option werden die Listenelemente in Zeilen und Spalten angeordnet. In diesem Fall müssen Sie die Anzahl der Zeilen und Spalten angeben.
- Wenn Sie die gewählt haben Karussell Option werden die Listenelemente als Diashow präsentiert. WEITERE INFORMATIONEN .
Setze die Anzahl der Spalten für die Videoliste. Sie können zwischen 1 und 10 Spalten wählen.
Präzisiere das Abstand zwischen Spalten der Listenelemente.
Präzisiere das Abstand zwischen Zeilen der Listenelemente.

Wenn in Schritt 1 die Option „Karussell“ ausgewählt ist, werden Ihnen die folgenden zusätzlichen Optionen angezeigt:

Smooth-Scrolling aktivieren: Ermöglicht kontinuierliches Scrollen von Elementen im Karussell für ein nahtloses und optisch ansprechendes Erlebnis.
Automatisches Schieben: Automatisches Durchlaufen der Folien ohne Benutzerinteraktion.
Autoplay-Fortschritt anzeigen: Zeigt zur besseren Sichtbarkeit einen Fortschrittsindikator an, während die automatische Wiedergabe aktiv ist.
Autoplay-Verzögerung: Legt das Zeitintervall zwischen jedem Folienübergang fest, wenn die automatische Wiedergabe aktiviert ist.
Karussell-Schleife: Ermöglicht die kontinuierliche Folienschleife, sodass das Karussell nach der letzten Folie nahtlos neu gestartet wird.
Karussellsteuerung: Wählen Sie das Navigationssteuerung. Sie können zwischen „Keine Steuerung“, „Pfeile – unten Mitte/oben rechts/unten rechts“, „Chevron“, „Punkte“ und „Horizontales Scrollen“ wählen.

Mobile Anzeige

Stellen Sie die Anzahl der ein Rasterspalten für mobile Geräte. Sie können es auf maximal 3 Spalten einstellen.
Definiere das Abstand zwischen Gittern (in Pixel).

Gerätespezifisches Spaltenlayout basierend auf den Studioeinstellungen:

Wenn Sie

Ausrichtung

Ausrichten den Inhalt horizontal in der Videoliste. Sie können sie linksbündig, rechtsbündig oder mittig ausrichten.
Ausrichten den Inhalt vertikal in der Videoliste. Sie können sie oben, mittig und unten ausrichten.
Wähle die Inhaltsreihenfolge dh die Bilder der Listenelemente, die zuerst angezeigt werden sollen, oder der zugehörige Text.

Textgröße

Klicken Sie auf Textstil ändern Schaltfläche, um die zu besuchen Technologie Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile.
Setze die Titel Schriftart für die Listenelemente des Abschnitts.
Setze die Untertitel Schriftart für die Listenelemente des Abschnitts.
Legen Sie die Standardeinstellung fest Beschreibung Schriftart für die Listenelemente des Abschnitts.
Aktivieren Sie diese Option, um Animiere beliebige Zahlen anwesend in der Titel und Untertitel Felder. Wenn diese Option aktiviert ist, werden numerische Werte mit einer dynamischen Zählanimation angezeigt, was sie optisch ansprechender macht.

Abstand

Präzisiere das Bildbreite für Listenelemente.
Präzisiere das Inhaltsbreite für die Listenelemente.
Präzisiere das Leerzeichen unter der Abschnittsüberschrift in px.
Präzisiere das Leerzeichen unter Bildern der Listeneinträge (in %).
Präzisiere das Leerzeichen unter den Titeln der Listeneinträge (in %).
Präzisiere das Leerzeichen unter den Untertiteln der Listeneinträge (in %).

Abschnittsüberschrift

Horizontal ausrichten der Abschnittsüberschriftstext. Sie können ihn auf Links, Mitte und Rechts einstellen.
Aktivieren/Deaktivieren der Trennwand zwischen der Abschnittsüberschrift und dem Abschnittsinhalt.
Setze die Dicke der Trennwand (in px).
Präzisiere das Teilerfarbe aus dem Farbwähler.
Wähle ein Teilerstil aus dem Dropdown.
Setze die Überschriftenbreite um festzulegen, wie breit der Abschnittstitel angezeigt wird, beginnend bei einem Minimum von 50 %.

Bildoptionen

Wähle die Bildausschnitt für die Listenelemente. Sie können die Bilder als Quadrat, Kreis, Querformat, Hochformat und Dynamisch einstellen.
Wählen Sie einen gemeinsamen Eckenradius oder einen anderen Eckenradius für jede Seite der Listenelemente und legen Sie eine Zahl (in px) für die fest Eckenradius der Listenelementbilder. WEITERE INFORMATIONEN .

Tipp

Mithilfe des Felds für den Eckenradius können Sie verschiedene Formen für die Bilder der Listenelemente erstellen. Wenn Sie hier beispielsweise 500 px angeben, werden die Bilder kreisförmig angezeigt.

Falls Sie geteilte Ecken gewählt haben, können Sie für jede Ecke einen anderen Eckenradius einstellen.

Formmaske

Formmaske: Aktivieren Sie diesen Schalter, um den Video-Thumbnails in der Videoliste eine Formmaske zuzuweisen. Sobald diese Option aktiviert ist, wird das Thumbnail durch die ausgewählte Form optisch in diese Form zugeschnitten.
Form auswählen: Wählen Sie aus verschiedenen vordefinierten Formen für Ihre Miniaturansichten. So können Sie Ihre Inhalte kreativ gestalten, indem Sie Bilder in einzigartigen Formen wie rund, rautenförmig, tropfenförmig usw. anzeigen.

Notizen

Die Option „Formmaske“ ist layoutabhängig – Es wird möglicherweise nicht unter Layouts angezeigt, bei denen Text wie Titel oder Untertitel über dem Bild angezeigt wird.
Die Dehnungseinstellung hängt von mehreren Faktoren ab - Einschließlich Bildgröße, Ausrichtung und Zuschneideeinstellungen unter der Registerkarte „Stil“ definiert.
Wenn „Bildzuschneiden“ auf „Original“ eingestellt ist, die tatsächlichen Abmessungen des Bildes bestimmen, ob es vertikal oder horizontal gestreckt wird.

Bild-Hover-Optionen

Wähle die Bild-Hover-Farbe um als Akzentfarbe oder sein angegeben. Wenn Sie die gewählt haben AkzentfarbeGeben Sie dann die an OpazitätSie können die Akzentfarbe für jedes Element festlegen von Element bearbeiten Panel.
Wenn Sie die gewählt haben Farbe angeben Option setzen Sie dann die Overlay-Farbe und Deckkraft.
Setze die Textfarbe überlagern das beim Hovern angezeigt wird.
Wählen Sie auf Animieren Sie die Bilder der Listenelemente beim Hover durch Klicken auf Ja. Überprüfen Sie diese Funktion auf einer Live-Seite.
Wähle ein Animationsstil für Bilder, wenn der Cursor darüber schwebt.

Bildrand

Rand aktivieren/deaktivieren um die Bilder herum, indem Sie den Schalter umschalten.
Wählen Sie eine gemeinsame Grenze auf allen Seiten von Bildern oder Sie können das angeben Grenzen separat für jede Seite.
Präzisiere das Breite der Grenze. Wenn es auf 0 gesetzt ist, wird der Rand nicht angezeigt. Sie haben auch die Möglichkeit, die Randbreite für jede Seite des Bildes individuell festzulegen.
Wähle aus Rahmenfarbe aus dem Farbwähler.
Wählen Sie eine bevorzugte aus Border Style aus dem Dropdown.
Bestimmen Sie die Randbreite für Mobilgeräte Geräte und richten Sie es an der für den Desktop gewählten Breite aus.

Kartenoptionen

Sehen Sie, wie Karten zu verwalten.

Schattenoptionen

Präsentation – Wählen Sie, ob der Schatten hinter den Listenelementen immer oder nur beim Hover angezeigt werden soll.
Design – Wählen Sie aus vorhandenen Voreinstellungen oder erstellen Sie einen benutzerdefinierten Schatten.
Falls Sie die benutzerdefinierte Option gewählt haben, besuchen Sie diese Box-Schatten-Generator um einen benutzerdefinierten Schatten zu erstellen. Zum Schluss kopieren und einfügen Box-Schatten-CSS.
Falls Sie die Option Voreinstellungen gewählt haben, dann Wählen Sie Schattenstile aus dem Dropdown.

Schaltflächen & Links

Sehen Sie, wie um das Styling zu verwalten Schaltflächen und Links.
Gespeichert alle Stiländerungen.

Die vollständige Karte und die Textkarte

Wenn Sie das einschalten Vollständige/Textkarte über Ihrer Videoliste haben die Listenelemente einen Umriss und einen Hintergrund mit der Kartenfarbe, die Sie in ausgewählt haben Technologie .
Siehe auch: Website-Farben und -Abstände.

Vollständige Karte

Wenn die Option „Vollständige Karte“ ausgewählt ist, wird die Kartenfarbe auf die gesamte Karte angewendet, dh auf das Video-Thumbnail und den dazugehörigen Text.

Guck mal:

Textkarte

Wenn die Textkartenoption ausgewählt ist, wird die Kartenfarbe nur auf den Text angewendet, der mit dem Videominiaturbild vorhanden ist.