SeedProd Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

X (Twitter) Tweet-Einbettungsblock

Der X (Twitter) Tweet-Einbettungsblock ermöglicht es Ihnen, einen bestimmten Tweet direkt auf jeder SeedProd-Seite einzubetten. Es ist eine praktische Möglichkeit, einen einzelnen Beitrag hervorzuheben – wie z. B. ein Kunden-Testimonial, eine Produktankündigung oder eine bemerkenswerte Erwähnung – und ihn mit Ihren Besuchern zu teilen, ohne dass diese X (Twitter) besuchen müssen.

Alles, was Sie brauchen, ist die Tweet-ID, die Sie in der URL des Tweets finden. Sobald Sie sie hinzugefügt haben, können Sie ein helles oder dunkles Farbschema wählen, steuern, ob der Konversationsverlauf und Medienkarten angezeigt werden, die Widget-Breite festlegen und die Anzeigesprache auswählen, um sie an Ihr Publikum anzupassen.

X (Twitter) Embed Tweet-Block, der einen eingebetteten Tweet auf einer SeedProd-Seite mit dunklem Thema anzeigt

Voraussetzungen: Der X (Twitter) Tweet-Einbettungsblock ist in allen unseren Lizenzplänen verfügbar.


Hinzufügen des X (Twitter) Tweet-Einbettungsblocks zu Ihren Seiten

Befolgen Sie diese Schritte, um einen X (Twitter) Tweet-Einbettungsblock zu Ihrer SeedProd-Seite hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter Design > Blöcke den X (Twitter) Tweet-Einbettung-Block in den gewünschten Bereich Ihrer Seite.

Ziehen des X (Twitter) Embed Tweet-Blocks auf eine SeedProd-Seite

Schritt 2: Inhaltseinstellungen konfigurieren

Klicken Sie nach dem Hinzufügen auf den X (Twitter) Tweet-Einbettungsblock, um seine Einstellungen zu öffnen. Im Tab Inhalt finden Sie im Abschnitt X (Twitter) Einstellungen die folgenden Optionen:

  • Tweet-ID: Geben Sie die numerische ID des Tweets ein, den Sie einbetten möchten. Sie finden die Tweet-ID in der URL des Tweets – es ist die lange Zahl am Ende, nach /status/. Zum Beispiel ist in https://twitter.com/seedprod/status/1385250840898850816 die Tweet-ID 1385250840898850816.
  • Farbschema: Wählen Sie zwischen Hell und Dunkel, um das eingebettete Tweet-Widget an das Design Ihrer Seite anzupassen.
  • Konversation ausblenden: Umschalten, um den Konversationsverlauf unter dem Tweet auszublenden (Ja/Nein).
  • Fotos/Videos/Karten ausblenden: Umschalten, um angehängte Medienkarten, Fotos oder Videos vom Tweet auszublenden (Ja/Nein).
  • Breite: Legen Sie die Breite des eingebetteten Tweet-Widgets in Pixeln mit einem Schieberegler fest.
  • Ausrichtung: Legen Sie die horizontale Ausrichtung des Widgets auf der Seite fest – Links, Mitte oder Rechts – mit gerätespezifischen Steuerelementen für Desktop, Tablet und Mobilgeräte.
  • Sprache: Wählen Sie die Anzeigesprache für die Widget-Oberfläche. Optionen sind Automatisch, Englisch, Arabisch, Bengali, Tschechisch, Dänisch, Deutsch, Griechisch, Spanisch, Persisch, Finnisch, Filipino, Französisch, Hebräisch, Hindi, Ungarisch, Indonesisch, Italienisch, Japanisch, Koreanisch, Malaiisch, Niederländisch, Norwegisch, Polnisch, Portugiesisch, Rumänisch und mehr.
X (Twitter) Embed Tweet Inhalts-Tab mit Tweet-ID, Farbschema, Umschaltoptionen, Breite und Spracheinstellungen

Schritt 3: Design anpassen

Im Tab Erweitert können Sie das Layout und Verhalten Ihres X (Twitter) Tweet-Einbettungsblocks weiter steuern.

Abstand:

  • Abstand: Legen Sie den äußeren Abstand um den Block auf allen vier Seiten fest, mit unabhängigen Steuerelementen für Desktop, Tablet und Mobilgerät.
  • Innenabstand: Legen Sie den inneren Abstand innerhalb des Block-Wrappers auf allen vier Seiten fest, mit geräteabhängigen Steuerelementen.

Attribute:

  • Benutzerdefinierte Klasse: Fügen Sie dem Block-Wrapper eine oder mehrere benutzerdefinierte CSS-Klassen für gezieltes Styling hinzu.
  • CSS-ID: SeedProd generiert automatisch eine eindeutige CSS-ID für diesen Block. Sie können diese verwenden, um den Block in benutzerdefiniertem CSS oder JavaScript zu referenzieren.
  • Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element benutzerdefinierte HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Schlüssel|Wert-Format ein.

Gerätesichtbarkeit:

  • Auf Desktop ausblenden: Umschalten, um den Block auf Desktop-Bildschirmen auszublenden.
  • Auf Tablet ausblenden: Umschalten, um den Block auf Tablet-Bildschirmen auszublenden.
  • Auf Mobilgeräten ausblenden: Umschalten, um den Block auf Mobilgeräten auszublenden.

Animationseffekte:

  • Scrolleffekt: Wenden Sie eine scrollgesteuerte Animation auf den Block an, einschließlich Optionen für vertikales und horizontales Scrollen mit Steuerelementen für Richtung, Geschwindigkeit und Ansichtsfensterversatz.
  • Mauseffekt: Wenden Sie einen Parallax-Effekt auf den Block an, der durch Mausbewegungen gesteuert wird.
X (Twitter) Embed Tweet Erweitert-Tab mit Abständen, Attributen, Geräte-Sichtbarkeit und Animationseffekten

Schritt 4: Speichern Sie Ihre Änderungen

Wenn Sie die Konfiguration des X (Twitter) Tweet-Einbettungsblocks abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.


Sie haben erfolgreich einen X (Twitter) Embed Tweet-Block zu Ihrer Seite hinzugefügt! Das Einbetten einzelner Tweets ist eine hervorragende Möglichkeit, soziale Bewährtheit hervorzuheben, bemerkenswerte Erwähnungen zu präsentieren oder Ankündigungen im Kontext zu teilen. Verwenden Sie das Farbschema und die Sichtbarkeitsoptionen, um sicherzustellen, dass sich das Widget nahtlos in das Design Ihrer Seite einfügt.

Verwandte Artikel