Med Twitters stigande popularitet är det inte överraskande att fler och fler bloggare letar efter sätt att distribuera innehållet via twitter. Med lanseringen av Twitter @Anywhere får bloggarna nu ett enkelt sätt att bädda in Twitter @anywhere på sin blogg och låta sina läsare snabbt lägga in en tweet eller följa bloggarna utan att lämna webbplatsen. Om du fortfarande räknar ut hur man gör det, är det flera sätt att du kan göra det i WordPress:

Registrera Twitter API-nyckel

Innan du börjar göra något måste du först registrera en Twitter API-nyckel på http://dev.twitter.com/apps. Med API-nyckeln kan du bädda in din @allwhere på din webbplats.

1. Gå till http://dev.twitter.com/apps. Logga in med ditt Twitter användarnamn och lösenord.

2. Klicka på Registrera en ny applikation

3. Fyll i formuläret. Du kan ge ansökan något namn du vill ha. Det finns bara en sak att notera: välj Läs och skriv i standardåtkomsttypen.

4. När du har registrerat din app bör du se din API-nyckel på nästa skärm. Det är allt du behöver för nu.

WordPress @Anywhere Plugins

Nu när du har fått din Twitter API-nyckel, låt oss titta på de tillgängliga plugins som du kan använda för att bädda in @ någonstans till din webbplats.

1. Twitter @Anywhere Plus

Detta måste vara det mest omfattande @Anywhere-pluginet i hela listan. Det är väl implementerat och innehåller de flesta funktionerna. Allt du behöver göra är att aktivera de nödvändiga alternativen på inställningssidan och det kommer automatiskt att konfigurera sig för att dyka upp på rätt ställe.

Funktioner som den stöder är:

  • Automatisk länkning: Alla @ användarnamn text kommer att konverteras till Twitter länk
  • sväva kort: Twitter info kommer pop dig när du svävar över länken
  • Tweetbox: Skicka en tweet direkt från din webbplats. Användbar för retweets-funktionen.
  • Retweet-knappen
  • Följa-knapp
  • Sätt in anpassad tweetbox med kortnummer
  • URL-kortning - bit.ly

En sak som saknas i denna plugin är möjligheten att placera kod utanför innehållsområdet. Om du vill placera en tweet-låda i din sidhuvud, sidfot eller sidobar-widget tillåter du inte det här plugin-programmet.

Pro : Enkel att använda och det fungerar bara.

Con : Kan inte bädda in @Anywhere utanför innehållsområdet.

2. Överallt

Detta är en mycket grundläggande implementering av @Anywhere. För tillfället stöder den bara autokoppling, svängkort och Tweetbox.

Gilla Twitter @Anywhere Plus-plugin kan du anpassa din Tweetbox för att visas före eller efter innehåll. Det finns också det manuella alternativet som låter dig placera tweetbox var som helst inom innehållet, men det finns väldigt lite dokumentation / instruktioner om hur du använder det.

Pro : Enkelt

Con : Begränsade funktioner och brist på användningsanvisningar

Hacker-sättet - Lägger till @Anywhere-koden manuellt

Det finns många anledningar till att lägga till Twitter @Anywhere-koden manuellt är en bättre idé än att använda ett plugin:

1. Mindre kostnader, med mindre systemresurser.

2. Det är lätt att genomföra. Även några nybörjare kan göra det på egen hand.

3. Du kan anpassa den för att visas överallt du vill ha på webbplatsen. Det är inte begränsat till innehållsområdet.

Lägger till javascript

Öppna din theme functions.php- fil och klistra in följande kod till slutet av filen.

 $ api_key = "Byt ut med din API-nyckel"; 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 "-funktionen onAnywhereLoad (twitter) {twitter.hovercards (); } '; eko "; }

Spara och ladda upp till din server. Du har just implementerat funktionen Hover-kort på din webbplats.

För att lägga till en Tweet-rutan klistra in i följande kod på den plats där du vill att rutan Tweet ska visas.

Är det inte lätt?
Ett snabbt trick: Lägger svävarkort till din Twitter-ikon 
Om du har en Twitter-ikon på din webbplats kan du bädda in ett svängkort till det.
I ovanstående kod ersätt funktionen twitter_anywhere () med följande:
 funktion twitter_anywhere () {echo ''; echo 'twttr.anywhere (onAnywhereLoad);'; echo "-funktionen onAnywhereLoad (twitter) {twitter.hovercards (); twitter ("# hovercard"). hovercards ({användarnamn: funktion (nod) {return node.title;}}); } '; eko "; } 
Lägg sedan till attributen id = "hovercard" och title = "@ your-twitter-användarnamnet" till din Twitter-ikon. Det borde se ut
Mer information finns i Twitter @Anywhere dokumentationen för mer detaljer.
Blev du inbäddad Twitter @Anywhere till din webbplats? Om ja, vilka sätt använder du?