Abschnitt „Videoliste“.

Fügen Sie einer Seite einen Abschnitt mit einer Videoliste hinzu, um ganz einfach Ihre YouTube-/Vimeo-Videos hinzuzufügen, die auf der Seite abgespielt werden. Dies ist eine großartige Möglichkeit, die Besucher Ihrer Website zu binden.

Pixpa unterstützt das Einbetten von Videos von YouTube oder Vimeo. Sie können ein Video nicht direkt auf Ihre Website hochladen. Abgesehen von diesem Abschnitt können Sie auch Ihre Videos hinzufügen Bildergalerie oder eine Banner.

Mit Pixpa können Sie Ihr YouTube- oder Vimeo-Profil im teilen soziale Links. Sie können auch Ihre auf Soundcloud gehosteten Musikdateien im Musikbereich hinzufügen.

Zu beachtende Punkte:

  • Sie können Ihre Videos vor der Öffentlichkeit verbergen (auf YouTube oder Vimeo) und die URL hier verwenden, um sie auf Ihrer Website anzuzeigen.
  • 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.

In diesem Artikel:

  1. Was ist eine Videoliste?
  2. Hinzufügen eines Videolistenabschnitts zur Seite
  3. Listenelemente hinzufügen und bearbeiten
  4. Elemente der Sequenzliste
  5. Listeneinträge löschen
  6. Abschnittslayout ändern
  7. Stiloptionen
  8. Fügen Sie einen Musikabschnitt hinzu
  9. Fügen Sie Soundcloud-Musik hinzu
  10. Die Full Card und die Text Card

1. Videoliste

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.


2. Abschnitt Videoliste 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 Liste (1) Tab und Video-Liste (2).
  • Jetzt werden Sie sehen verschiedene Layouts dauert ebenfalls 3 Jahre. Das erste Jahr ist das sog. Abschnitt „Videoliste“. (3).

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

3. Listenelemente hinzufügen und bearbeiten

Element der Videoliste hinzufügen

Nachdem Sie den Abschnitt hinzugefügt haben

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

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


Element der Videoliste bearbeiten

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 hier die URL eingeben. 

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

  • Lade ein Bild hoch (3) 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.

  • Klicken Sie auf das Link Builder-Symbol der Titellink (7) um den Link-Builder zu öffnen, um den Titel des Listenelements mit einer beliebigen Seite zu verknüpfen.
  • Stellen Sie den Link so ein, dass er in a geöffnet wird neuen Tab oder im selben Tab (8).
  • Fügen Sie jede Art von hinzu Link (9) zum Listenelement. Sie können einen Button/Bildlink/Social Icon/Textlink hinzufügen. Mehr erfahren.
  • Speichern (10) Ihre Änderungen.

 


Sehen Sie sich das Bearbeiten eines Videolistenelements in Aktion an:


4. Elemente der Sequenzliste

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

5. 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.
  • Speichern Ihre Änderungen.

Note

Ein einmal gelöschter Listeneintrag kann nicht wiederhergestellt werden.


6. Abschnittslayout

  • Klicken Sie auf Elemente verwalten Schaltfläche, um das Bearbeitungsfeld der Videoliste zu öffnen.
  • Wähle die Layout Tab.
  • Wählen Sie das Layout für Ihren Abschnitt und speichern Sie Ihre Änderungen.

7. Gestalten Sie Ihren Abschnitt

  • Klicken Sie auf Verwalten (1) Schaltfläche, um das Bearbeitungsfeld der Videoliste zu öffnen.
  • Wähle die Stil (2) .
  • Ändern Sie den Stil für die Abschnittselemente und Speichern (3) Ihre Änderungen.


Sie haben mehrere Stiloptionen für den Abschnitt:

  1. Stiloptionen 
  2. Textstil 
  3. Hover-Farben

Stiloptionen

Artikel 

  1. 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 .
  2. Setze die Anzahl der Spalten für die Videoliste. Sie können zwischen 1 und 10 Spalten wählen.
  3. Präzisiere das Abstand zwischen den Spalten der Listenelemente.
  4. Wähle die  Inhaltsreihenfolge dh die Bilder der Listenelemente, die zuerst angezeigt werden sollen, oder der zugehörige Text.
  5. Ausrichten der Inhalt in der Videoliste. Sie können sie linksbündig, rechtsbündig oder mittig ausrichten.
  6. Wählen Sie, ob Sie das Karussell wiederholen möchten oder nicht.
  7. Wählen Sie im Falle des Karussells die Navigationssteuerung. Sie können zwischen „Keine Steuerelemente“, „Pfeile – Unten Mitte/Oben rechts/Unten rechts“, „Chevron“ oder „Punkte“ wählen.

Bilder 

  1. Wähle die  Bildausschnitt für die Listenelemente. Sie können die Bilder als Quadrat, Kreis, Querformat, Hochformat und Dynamisch einstellen.
  2. 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

Verwendung der Eckenradius können Sie verschiedene Formen von Listenelementbildern erstellen. Wenn Sie hier 500 px angeben, werden die Bilder kreisförmig angezeigt.

  • Falls Sie geteilte Ecken gewählt haben, können Sie für jede Ecke unterschiedliche Eckenradien einstellen.

Auf Bild Hover 

  1. Wähle die  Bild-Hover-Farbe um als Akzentfarbe oder sein angegeben. Wenn Sie die gewählt haben AkzentfarbeGeben Sie dann die an Opazität.
  2. Wenn Sie die gewählt haben Farbe angeben Option setzen Sie dann die Basis-Hover-Farbe und Deckkraft für die Listenelemente.
  3. Setze die verschiedenste Komponenten Farbe für die Listenelemente des Abschnitts.
  4. 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.

Größe & Platz 

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

Text 

  1. Klicken Sie auf Textstil ändern Schaltfläche, um die zu besuchen Design Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile. 
  2. Setze die Titel  Schriftart für die Listenelemente des Abschnitts.
  3. Setze die Untertitel Schriftart für die Listenelemente des Abschnitts.
  4. Legen Sie die Standardeinstellung fest Beschreibung Schriftart für die Listenelemente des Abschnitts.

Karten 

  1. Sehen Sie, wie Karten zu verwalten.

Shadow 

  1. Display – Wählen Sie, ob der Schatten hinter den Listenelementen immer oder nur beim Hover angezeigt werden soll.
  2. 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.

  1. Falls Sie die Option Voreinstellungen gewählt haben, dann Wählen Sie Schattenstile aus dem Dropdown.

  1. Sehen Sie, wie um das Styling von Schaltflächen und Links zu verwalten.


8. Musikabschnitt hinzufügen

  • 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.
  • Scrollen Sie nach unten und wählen Sie die aus Video- und Musikbereich (1) Option, bei der Sie aus den verschiedenen Layouts wählen können.

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

9. Fügen Sie Soundcloud-Musik hinzu

  • Klicken Sie auf das Soundcloud-Thumbnail.
  • Dadurch wird die Schaltfläche Einbetten aktiviert, klicken Sie darauf.
  • Sie können Ihren SoundCloud-Einbettungscode im Einbettungsfeld hinzufügen.
  • Klicken Sie auf Speichern.
  • Das ist es! Ihre SoundCloud-Musik wurde hinzugefügt.

In Aktion sehen:


10. Die Full Card und die Text Card

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 Design .
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.

Guck mal: 

Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.