Mit der steigenden Popularität von Twitter ist es keine Überraschung, dass immer mehr Blogger nach Wegen suchen, ihre Inhalte über Twitter zu verbreiten. Mit dem Start von Twitter @Anywhere erhalten Blogger jetzt eine einfache Möglichkeit, Twitter @anywhere in ihren Blog einzubetten und ihren Lesern zu ermöglichen, schnell einen Tweet zu posten oder den Bloggern zu folgen, ohne die Seite zu verlassen. Wenn Sie noch herausfinden, wie es geht, können Sie es in WordPress auf verschiedene Arten tun:

Registrieren Sie den Twitter-API-Schlüssel

Bevor Sie beginnen, etwas zu tun, müssen Sie zunächst einen Twitter API-Schlüssel unter http://dev.twitter.com/apps registrieren. Mit dem API-Schlüssel können Sie Ihr @anywhere auf Ihrer Website einbetten.

1. Gehen Sie zu http://dev.twitter.com/apps. Melde dich mit deinem Twitter Benutzernamen und Passwort an.

2. Klicken Sie auf Eine neue Anwendung registrieren

3. Füllen Sie das Formular aus. Sie können der Anwendung einen beliebigen Namen geben. Es gibt nur eines zu beachten: Wählen Sie im Standardzugriffstyp Lese- und Schreibzugriff .

4. Sobald Sie Ihre App registriert haben, sollten Sie Ihren API-Schlüssel auf dem nächsten Bildschirm sehen. Das ist alles was du jetzt brauchst.

WordPress @Anywhere Plugins

Nachdem Sie nun Ihren Twitter-API-Schlüssel erhalten haben, sehen wir uns die verfügbaren Plugins an, mit denen Sie @anywhere in Ihre Site einbetten können.

1. Twitter @Anywhere Plus

Dies muss das umfassendste @Anywhere Plugin in der gesamten Liste sein. Es ist gut implementiert und enthält die meisten Funktionen. Alles, was Sie tun müssen, ist die Aktivierung der notwendigen Optionen auf der Einstellungsseite und es wird automatisch so konfiguriert, dass es an der richtigen Stelle angezeigt wird.

Zu den unterstützten Funktionen gehören:

  • Automatische Verlinkung: Alle @Benutzername-Texte werden in Twitter-Links umgewandelt
  • Hover-Karte: Twitter-Info wird angezeigt, wenn Sie den Mauszeiger über den Link bewegen
  • Tweetbox: Sende einen Tweet direkt von deiner Seite. Nützlich für Retweets.
  • Retweet-Taste
  • Folgen Schaltfläche
  • Fügen Sie benutzerdefinierte Tweet Box mit Shortcode ein
  • URL-Kürzung - bit.ly

Eine Sache, die in diesem Plugin fehlt, ist die Möglichkeit, Code außerhalb des Inhaltsbereichs zu platzieren. Wenn Sie eine Tweet-Box in Ihrer Kopf-, Fußzeilen- oder sogar Seitenleisten-Widget platzieren möchten, erlaubt Ihnen dieses Plugin dies nicht.

Pro : Einfach zu bedienen und es funktioniert einfach.

Con : @Anywhere kann nicht außerhalb des Inhaltsbereichs eingebettet werden.

2. Überall

Dies ist eine sehr einfache Implementierung von @Anywhere. Im Moment unterstützt es nur die automatische Verknüpfung, Hover-Karte und Tweetbox.

Wie das Twitter @Anywhere Plus-Plugin können Sie Ihre Tweetbox so anpassen, dass sie vor oder nach dem Inhalt erscheint. Es gibt auch die manuelle Option, mit der Sie die Tweetbox überall im Inhalt platzieren können, aber es gibt sehr wenig Dokumentation / Anweisungen, wie Sie sie verwenden können.

Pro : Einfach

Con : Begrenzte Funktionen und fehlende Gebrauchsanweisungen

The Hacker Way - Den @Anywhere-Code manuell hinzufügen

Es gibt viele Gründe, warum das Hinzufügen des Twitter @Anywhere-Codes eine bessere Idee ist als die Verwendung eines Plugins:

1. Weniger Overhead, weniger Systemressourcen verwendend.

2. Es ist einfach zu implementieren. Sogar Neulinge können es alleine machen.

3. Sie können es so anpassen, dass es überall auf der Website angezeigt wird. Es ist nicht nur auf den Inhaltsbereich beschränkt.

Hinzufügen des Javascript

Öffnen Sie die Datei theme functions.php und fügen Sie den folgenden Code am Ende der Datei ein.

 $ api_key = "Ersetzen durch Ihren API-Schlüssel"; wp_enqueue_script ("twitter-anywhere", "http://platform.twitter.com/anywhere.js?id={$api_key}&v=1"); add_action ("wp_head", "twitter_anywhere"); Funktion twitter_anywhere () {echo ''; echo 'twttr.anywhere (onAnywhereLoad);'; echo 'Funktion onAnywhereLoad (twitter) {twitter.hovercards (); } '; Echo ''; }

Speichern und auf Ihren Server hochladen. Sie haben soeben die Funktion "Karten mit Hover-Karten" auf Ihrer Website implementiert.

Um ein Tweet-Feld hinzuzufügen, fügen Sie den folgenden Code an der Stelle ein, an der das Tweet-Feld angezeigt werden soll.

Ist es nicht einfach?
Ein kleiner Trick: Hinzufügen der Hover-Karte zu Ihrem Twitter-Icon 
Wenn Sie auf Ihrer Website ein Twitter-Symbol haben, können Sie eine Hover-Karte darin einbetten.
Ersetzen Sie im obigen Code die Funktion twitter_anywhere () durch Folgendes:
 Funktion twitter_anywhere () {echo ''; echo 'twttr.anywhere (onAnywhereLoad);'; echo 'Funktion onAnywhereLoad (twitter) {twitter.hovercards (); twitter ("# hovercard"). hovercards ({Benutzername: function (node) {return node.title;}}); } '; Echo ''; } 
Als nächstes fügen Sie die Attribute id = "hovercard" und title = "@ your-twitter-username" zu Ihrem Twitter-Icon hinzu. Es sollte so aussehen
Weitere Informationen finden Sie in der Twitter @Anywhere-Dokumentation für weitere Details.
Haben Sie Twitter @Anywhere in Ihre Website eingebettet? Wenn ja, welche Art verwenden Sie?