Abschnitt „Medien und Apps einbetten“.

Verwenden Sie den Abschnitt „Medien & Apps“, um externe Inhalte wie Pinterest-Board, Youtube, Tumblr, Spotify, Vimeo und mehr zu Ihrer Website hinzuzufügen.

Bevor Sie beginnen
Embed-Blöcke ziehen Inhalte von Diensten, die den Embed-Standard verwenden oder manuell Embed-Codes festlegen.

In diesem Artikel:

  1. Was ist ein Bereich „Medien und Apps“?
  2. Hinzufügen des Abschnitts „Medien und Apps“ zur Seite
  3. Listenelemente hinzufügen und bearbeiten
  4. Elemente der Sequenzliste
  5. Listeneinträge löschen
  6. Abschnittslayout ändern
  7. Stiloptionen

1. Der Bereich Medien & Apps

  • Sie können ganz einfach einen Bereich für Medien und Apps in Ihre Website einbinden, in dem Sie Pinterest-Board, YouTube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, Instagram-Beiträge, Giphy, Twitch usw. präsentieren können. und jeder benutzerdefinierte eingebettete Code.

2. Abschnitt „Medien und Apps“ hinzufügen

  • Um einen Abschnitt hinzuzufügen, müssen Sie Folgendes tun eine Seite hinzufügen zuerst auf Ihre 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.
  • Wähle die  Soziale Netzwerke und Einbettungen (1) Kategorie und klicken Sie auf die Einbettungen Registerkarte (2), aus der Sie wählen können verschiedene Layouts   Einbettungen (3) Abschnitt.

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


3. Listenelemente hinzufügen und bearbeiten

Listenelement hinzufügen

Nachdem Sie den Abschnitt hinzugefügt haben:

  • Klicken Sie auf Abschnitt „Einbetten verwalten“ (1) Schaltfläche, um das Listenelement-Bedienfeld zu öffnen.

  • Klicken Sie auf Artikel hinzufügen (2) Schaltfläche, um ein neues Listenelement hinzuzufügen.

Listenelement bearbeiten

  • Die Bearbeitungsoptionen für Listenelemente werden geöffnet.
  • Fügen Sie eine URL (1) oder einen Einbettungscode (2) für das Listenelement hinzu.
  • Falls Sie die Option „Link hinzufügen“ auswählen, können Sie Ihren Link hier (3), Titel (4), Untertitel (5), Beschreibung 6) und den Typ hinzufügen verbindung (7) zum Listenelement. Sie können einen Button/Bildlink/Social Icon/Textlink hinzufügen. Mehr erfahren.
  • Wenn Sie die Option „Einbettungscode hinzufügen“ auswählen, können Sie Ihren eingebetteten Code hier (3), Titel (4), Untertitel (5), Beschreibung 6) und einen Typ hinzufügen verbindung (7) zum Listenelement.

4. Elemente der Sequenzliste

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

5. Löschen Sie ein Listenelement

Sobald Sie einen Listeneintrag hinzugefügt haben, können Sie ihn bearbeiten und auch löschen.

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

6. Abschnittslayout

  • Klicken Sie auf Einbettungsabschnitt bearbeiten (1) Klicken Sie auf die Schaltfläche, um das Listenbearbeitungsfeld zu öffnen.

  • Wähle die  Layout (2) Registerkarte.
  • Wählen Sie das Layout für Ihren Abschnitt aus und speichern Sie es Änderungen (3).


7. Gestalten Sie Ihren Abschnitt

  • Klicken Sie auf Einbettungsabschnitt bearbeiten (1) Schaltfläche, um das Bearbeitungsfenster zu öffnen.

  • Wähle die  Stil (2) Tab.
  • Ändern Sie den Stil für die Abschnittselemente und Speichern (3) Ihre Änderungen.

Sie haben mehrere Stiloptionen für den Abschnitt: 

  1. Artikeloptionen
  2. Textgrößenoptionen
  3. Abstandsoptionen
  4. Abschnittsüberschrift
  5. Zuschneiden einbetten
  6. Formmaske
  7. Kartenoptionen 
  8. Schattenoptionen
  9. Schaltflächen & Links

Artikeloptionen

  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.
  2. Setze die Anzahl der Spalten für die Einbettungsliste. Sie können zwischen 1 und 10 Spalten auswählen.
  3. Präzisiere das Abstand zwischen Spalten der Listenelemente.
  4. Präzisiere das Abstand zwischen Zeilen der Listenelemente.
  5. Wähle die  Inhaltsreihenfolge d.h. ob der eingebettete Teil des Listenelements oder der zugehörige Text zuerst angezeigt werden soll.
  6. Ausrichten den Inhalt horizontal in der Bilderliste. Sie können sie linksbündig, rechtsbündig oder zentriert einstellen.


Textgrößenoptionen

  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 Schriftart für die Listenelemente.
  3. Setze die Untertitel Schriftart für die Listenelemente.
  4. Legen Sie die Standardeinstellung fest Beschreibung Schriftart für die Listenelemente.


Abstandsoptionen

  1. Präzisiere das Einbettungsbreite für Listenelemente (in %).
  2. Präzisiere das Inhaltsbreite für die Listenelemente (in %).
  3. Präzisiere das Leerzeichen unter der Abschnittsüberschrift (in px).
  4. Präzisiere das Platz unter dem eingebetteten Teil (In %).
  5. Präzisiere das Leerzeichen unter den Titeln der Listeneinträge (in %).
  6. Präzisiere das Leerzeichen unter dem Untertitel der Listeneinträge (in %).


Abschnittsüberschrift

  1. Horizontal ausrichten der Abschnittsüberschriftstext. Sie können ihn auf Links, Mitte und Rechts einstellen.
  2. Aktivieren/Deaktivieren der Trennwand zwischen der Abschnittsüberschrift und dem Abschnittsinhalt.
  3. Setze die Dicke der Trennwand (in px).
  4. Präzisiere das Teilerfarbe aus dem Farbwähler.
  5. Wählen Sie einen Favoriten Teilerstil.


Zuschneiden einbetten

  • Wählen Zuschneiden einbetten. Sie können es als 1:1 quadratisch, 2:1 horizontal, 3:2 horizontal, 4:3, 3:4, 16:9, 2.4:1 und Original eingebetteten Zuschnitt einstellen.


Formmaske

  1. Formmaske: Aktivieren Sie diesen Schalter, um dem Bild im Bereich „Einbetten“ eine Formmaske zuzuweisen. Sobald diese Option aktiviert ist, wird das Bild durch die ausgewählte Form optisch in diese Form eingepasst.
  2. Form auswählen: Wählen Sie aus verschiedenen vordefinierten Formen für Ihr Bild. So können Sie Ihren Inhalt kreativ gestalten, indem Sie das Bild in einer einzigartigen Form wie abgerundet, rautenförmig, tropfenförmig usw. darstellen.

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 der auf der Registerkarte „Stil“ definierten Einstellungen für Bildgröße, Ausrichtung und Zuschneiden.
  • Wenn „Bildzuschneiden“ auf „Original“ eingestellt ist, die tatsächlichen Abmessungen des Bildes bestimmen, ob es vertikal oder horizontal gestreckt wird.


Kartenoptionen


Schattenoptionen

  1. Präsentation – 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.
  3. Falls Sie die Option Voreinstellungen gewählt haben, dann Wählen Sie Schattenstile aus dem Dropdown.


Schaltflächen & Links

  1. Sehen Sie, wie um das Styling von Schaltflächen und Links zu verwalten.
  2. Gespeichert die Veränderungen.


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.