WordPress & Webwork - perun.net

Tweets ansprechend in WordPress präsentieren

Von am 16. 01. 2012 um 13:18 Uhr

Es ist jetzt schon über ein Jahr her, dass ich einen Artikel zum Thema Tweets mit WordPress optisch ansprechend präsentieren verfasst habe. Damals schien mir die beste Lösung die Zuhilfenahme eines Plugins, denn nur so konnte man – im Gegensatz zu einem Screenshot – auch die Funktionalität eines Tweets wiedergeben.

Damit meine ich, dass alle im Tweet enthaltenen Links anklickbar, bzw. funktionstüchtig waren und es natürlich immer noch sind.

Seit dem letzten Twitter-Update ist die Zuhilfenahmen eines Plugins allerdings nicht mehr notwendig, Twitter bietet nun das Einbetten von einzelnen Tweets an. Dazu sind nur wenige Schritte notwendig.

Tweet öffnen

Zum Öffnen des Tweets fährt man mit der Maus über den Tweet und klickt dann auf den Link "Öffnen":

Tweet öffnen

Tweet öffnen

Details aufrufen

Beim geöffneten Tweet muss man sich nun die Details anzeigen lassen bzw. aufrufen:

Tweet-Details

Tweet-Details

Diesen Tweet integrieren

Um an den gewünschten Code zum Einbetten zu gelangen klickt man nun den Link "Diesen Tweet integrieren" an:

Tweet integrieren

Tweet integrieren

Code anpassen

Im sich darauf folgenden Fenster kann man nun den Code an seine Bedürfnisse/Wünsche anpassen:

Tweet-Code integrieren

Tweet-Code integrieren

Dabei kann man die Ausrichtung in der Präsentation wählen. Der folgende Tweet ist z. B. zentriert dargestellt:

Falls man seinen Blog bzw. seine Website auf WordPress.com betreibt, kann man auch den Shortcode (Kurzwahl) nutzen. Und selbstverständlich hat man hier auch Zugriff auf den "guten, alten" Link zum betreffenden Tweet.

Diesen Artikel weiterempfehlen:

Premium WordPress Themes

Verwandte Artikel:

Kategorien:
WordPress
Tags:
 
Beitrag:
Trackback-Adresse und die Druckvorschau
Kommentare:
Kommentare verfolgen oder Kommentar abgeben

 — 

7 Kommentare »»

  1. 1. – René

    Kommentar vom 16. January 2012 um 13:22

    Das JS bleibt allerdings nur in der HTML-Ansicht des Editors erhalten. :/

  2. 2. – Tweets ansprechend in WordPress präsentieren | MOMWORX

    Pingback vom 16. January 2012 um 13:24

    [...] sieht es aus! Und wie es im Detail geht erfährt man dann, wenn man die entsprechende Seite von Vladimir aufruft. Tags: Tweet, Twitter, WordPress ← 2LMX | Ultimate Horology [...]

  3. 3. – tux-

    Kommentar vom 16. January 2012 um 13:34

    Wenn unsereins aber auf das Einbinden externer Webseiten verzichten möchte, kommt er um Plugins nicht herum. Ich binde meine Tweets in reiner Textform ein. Mag diese Javascript-Ladungen nicht.

  4. 4. – Ledzep

    Kommentar vom 16. January 2012 um 14:09

    Hallo,

    kann es sein, dass das Update noch nicht püberall ausgerollt ist?
    Bei mir ist die Zeile unter dem Tweet und beinhaltet nur:

    "vor 7 Minuten – Favorisieren – Retweeten – Antwort".

    Ein "Öffnen" ist nicht zu sehen … :(

    beste Grüße
    Johann

  5. 5. – Sahanya

    Kommentar vom 16. January 2012 um 14:30

    Ja, das kann durchaus sein. Ich musst auch bis heute warten, obwohl das Update schon einnige Tage alt ist.

  6. 6. – Event-Berichterstattung mit Wordpress: Kurzer Blick aufs Storify-PlugIn | PadLive

    Pingback vom 17. January 2012 um 13:47

    [...] am 17.01.2012: Tweets ansprechend in WordPress präsentieren bei Perun.net zeigt die Standard-Integrationsmöglichkeit von Tweets in [...]

  7. 7. – Tweets im Blog | Nics Bloghaus

    Pingback vom 18. January 2012 um 10:56

    [...] ganz fein. Aber nun bie­tet Twitter die Funktion selbst an. Perun hat dar­auf hin­ge­wie­sen und den erst ein­mal umständ­lich schei­nen­den Weg dazu beschrie­ben (ist aber nicht [...]

Hinweis:
WordPress 3.3 für Administratoren & Webmaster
Der schnelle und unkomplizierte Einstieg auf 46 DIN-A4-Seiten

Einen Kommentar hinterlassen




XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).

Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet.