SeedProd-Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

X (Twitter) Tweet-Block einbetten

Mit dem Block „X (Twitter) Embed Tweet“ können Sie einen bestimmten Tweet direkt in jede SeedProd-Seite einbetten. Dies ist eine praktische Möglichkeit, einen einzelnen Beitrag – beispielsweise eine Kundenbewertung, eine Produktankündigung oder eine bemerkenswerte Erwähnung – hervorzuheben und ihn mit Ihren Besuchern zu teilen, ohne dass diese X (Twitter) besuchen müssen.

Sie benötigen lediglich die Tweet-ID, die Sie in der URL des Tweets finden. Nach dem Hinzufügen können Sie ein helles oder dunkles Farbschema auswählen, festlegen, ob der Konversations-Thread und die Medienkarten angezeigt werden sollen, die Widget-Breite festlegen und die Anzeigesprache entsprechend Ihrer Zielgruppe auswählen.

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

Anforderungen:Der Block „X (Twitter) Embed Tweet“ ist in allen unserenLizenzplänen verfügbar.


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

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

Schritt 1: Block hinzufügen

Ziehen Sie unter „Design“ > „Blöcke“ den Block „X (Twitter) Embed Tweet“ per Drag & Drop in den gewünschten Bereich Ihrer Seite.

Ziehen Sie den Block „X (Twitter) Embed Tweet“ auf eine SeedProd-Seite.

Schritt 2: Inhaltseinstellungen konfigurieren

Klicken Sie nach dem Hinzufügen auf den Block „X (Twitter) Embed Tweet“, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Inhalt“ finden Sie unter dem Abschnitt „X (Twitter) Einstellungen“ die folgenden Optionen:

  • Tweet-ID: Geben Sie die numerische ID des Tweets ein, den Sie einbetten möchten. Die Tweet-ID finden Sie in der URL des Tweets – es handelt sich um die lange Zahl am Ende, nach /status/. Zum Beispiel in https://twitter.com/seedprod/status/1385250840898850816Die Tweet-ID lautet 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 Konversations-Thread unterhalb des Tweets auszublenden (Ja/Nein).
  • Fotos/Videos/Karten ausblenden: Umschalten, um alle Medienkarten, Fotos oder Videos, die dem Tweet angehängt sind, auszublenden (Ja/Nein).
  • Breite: Stellen Sie die Breite des eingebetteten Tweet-Widgets mithilfe eines Schiebereglers in Pixeln ein.
  • Ausrichtung: Legen Sie die horizontale Ausrichtung des Widgets auf der Seite fest – links, mittig oder rechts – mit gerätespezifischen Steuerelementen für Desktop-PCs, Tablets und Mobilgeräte.
  • Sprache: Wählen Sie die Anzeigesprache für die Widget-Oberfläche. Zu den Optionen gehören 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) Tweet einbetten Registerkarte „Inhalt“ mit Tweet-ID, Farbschema, Umschaltoptionen, Breite und Spracheinstellungen

Schritt 3: Design anpassen

Auf der Registerkarte „Erweitert“ können Sie das Layout und Verhalten Ihres X (Twitter) Embed Tweet-Blocks weiter steuern.

Abstand:

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

Attribute:

  • Benutzerdefinierte Klasse: Fügen Sie dem Block-Wrapper eine oder mehrere benutzerdefinierte CSS-Klassen hinzu, um ein gezieltes Styling zu erzielen.
  • CSS-ID: SeedProd generiert automatisch eine eindeutige CSS-ID für diesen Block. Sie können diese ID 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 Format Schlüssel|Wert ein.

Geräte-Sichtbarkeit:

  • Auf dem Desktop ausblenden: Umschalten, um den Block bei der Anzeige auf Desktop-Bildschirmen auszublenden.
  • Auf Tablet ausblenden: Umschalten, um den Block bei der Anzeige auf Tablet-Bildschirmen auszublenden.
  • Auf Mobilgeräten ausblenden: Schalten Sie diese Option ein, um den Block auf Mobilgeräten auszublenden.

Animationseffekte:

  • Scroll-Effekt: Wende eine scroll-gesteuerte Animation auf den Block an, einschließlich Optionen für vertikales und horizontales Scrollen mit Steuerelementen für Richtung, Geschwindigkeit und Viewport-Offset.
  • Mouse Effect: Wende einen durch Mausbewegungen gesteuerten Parallax-Effekt auf den Block an.
X (Twitter) Tweet einbetten Registerkarte „Erweitert“ mit den Optionen „Abstand“, „Attribute“, „Gerätesichtbarkeit“ und „Animationseffekte“

Schritt 4: Speichern Sie Ihre Änderungen

Wenn Sie die Konfiguration des X (Twitter) Embed Tweet-Blocks abgeschlossen und dessen Erscheinungsbild angepasst haben, speichern Sie Ihre Arbeit.


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

Verwandte Artikel