SeedProd Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

Block für X (Twitter) Timeline-Einbettung

Der X (Twitter) Embed Timeline Block ermöglicht es Ihnen, einen Live-Feed von Tweets von jedem öffentlichen X (Twitter)-Konto direkt auf Ihrer SeedProd-Seite einzubetten. Besucher können durch aktuelle Beiträge scrollen, ohne Ihre Seite zu verlassen, und so dynamische Echtzeit-Social-Media-Inhalte hinzufügen.

Dieser Block ist nützlich, um Social Proof aufzubauen, Ihre Seiteninhalte aktuell zu halten und Besucher zu ermutigen, Ihrem X (Twitter)-Konto zu folgen. Sie können die Abmessungen, das Farbschema, die Sprache und die angezeigten oder ausgeblendeten Benutzeroberflächenelemente – wie Kopfzeile, Fußzeile, Rahmen und Scrollleiste – der Timeline steuern.

X (Twitter) Embed Timeline-Block, der einen Live-Tweet-Feed anzeigt, der auf einer SeedProd-Seite eingebettet ist

Voraussetzungen: Der X (Twitter) Embed Timeline Block ist in allen unseren Lizenzplänen verfügbar.

Hinweis zur Veralterung: X (Twitter) hat die Timeline-Funktion stillschweigend eingestellt. Dieser Block wird in einer zukünftigen SeedProd-Aktualisierung als veraltet markiert.


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

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

Schritt 1: Block hinzufügen

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

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

Schritt 2: Inhaltseinstellungen konfigurieren

Nach dem Hinzufügen klicken Sie auf den X (Twitter) Embed Timeline Block, um seine Einstellungen zu öffnen. Im Tab Inhalt finden Sie im Abschnitt X (Twitter) Einstellungen die folgenden Optionen:

  • X (Twitter) Handle: Geben Sie den X (Twitter) Benutzernamen ein, dessen Timeline Sie anzeigen möchten (z. B. seedprod). Fügen Sie das @-Symbol nicht hinzu.
  • Farbschema: Wählen Sie zwischen Hell und Dunkel, um das Timeline-Widget an das Design Ihrer Seite anzupassen.
  • Kopfzeile ausblenden: Umschalten, um die Profilkopfzeile am oberen Rand des Timeline-Widgets anzuzeigen oder auszublenden (Ja/Nein).
  • Fußzeile ausblenden: Umschalten, um den Fußzeilenbereich am unteren Rand des Timeline-Widgets anzuzeigen oder auszublenden (Ja/Nein).
  • Rahmen ausblenden: Umschalten, um die Rahmen um das Timeline-Widget zu entfernen (Ja/Nein).
  • Transparent: Umschalten, um den Hintergrund des Timeline-Widgets transparent zu machen (Ja/Nein).
  • Scrollleiste ausblenden: Umschalten, um die Scrollleiste innerhalb des Timeline-Widgets auszublenden (Ja/Nein).
  • Antworten anzeigen: Umschalten, um Tweet-Antworten im Timeline-Feed einzuschließen (Ja/Nein).
  • Breite: Legen Sie die Breite des Timeline-Widgets in Pixeln mit einem Schieberegler fest.
  • Höhe: Legen Sie die Höhe des Timeline-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 Timeline Inhalts-Tab mit Handle, Farbschema, Umschaltoptionen und Abmessungen

Schritt 3: Design anpassen

Im Tab Erweitert können Sie das Layout und Verhalten Ihres X (Twitter) Embed Timeline Blocks 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 Timeline Erweitert-Tab mit Abständen, Attributen, Geräte-Sichtbarkeit und Animationseffekten

Schritt 4: Speichern Sie Ihre Änderungen

Sobald Sie die Konfiguration des X (Twitter) Embed Timeline Blocks abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.


Sie haben erfolgreich einen X (Twitter) Embed Timeline-Block zu Ihrer Seite hinzugefügt! Das Einbetten eines Live-Tweet-Feeds ist eine großartige Möglichkeit, Ihre Seite aktiv und mit Ihrer sozialen Präsenz verbunden zu halten. Verwenden Sie das Farbschema, die Sichtbarkeitsschalter und die Dimensionssteuerungen, damit das Widget natürlich in Ihr Seitendesign passt.

Verwandte Artikel