Crearea unui plug-in Twitter simplu pentru WordPress

Cod

Să vedem cum putem face un plugin foarte simplu care să arate ultimele postări de pe un cont Twitter.

Pasul 1 Descărcați Scripturi

Înainte de a începe să scriem plugin-ul nostru, avem nevoie de un cod JavaScript.

Obțineți tweetable v1.6 aici!
Luați ultimul jquery aici!

Pasul 2 Creați structura fișierelor și copiați fișierele

Creați acest director: / Wp-content / plugins / tweetfeed-lumină, apoi copiați aceste fișiere.

 / css style.css / img buttons.png interfață.png interface_dark.png twitter_bird.png / js jquery.tweetable.min.js jquery-1.7.2.min.js

Pasul 3 Date despre plugin-ul de bază

Continuați cu crearea tweetfeed-light.php (numele principal al fișierului pluginului) cu conținutul dat de mai jos.

 / * Nume Plugin: Tweetfeed Light URI Plugin: http://wp.tutsplus.com Descriere: Afișați cele mai recente Tweets în bara laterală pentru un anumit utilizator de Twitter Versiune: 1.0 Autor: Adam Burucs Autor URI: http://wp.tutsplus.com * /

Pasul 4 Clasa Plugin

Declarația de bază a clasei noastre de pluginuri.

 clasa AB_Tweetfeed_Light

Pasul 5 Funcția Constructor

Este o idee bună să puneți setările și cerințele inițiale în această funcție. În această secțiune, setăm următoarele:

calea pluginului
cod scurt
importarea de scripturi
stiluri de import

Codul pentru aceste sarcini:

 funcția publică __construct () // set plugin plugin $ this-> pluginUrl = WP_PLUGIN_URL. '/ Tweetfeed-light'; // set shortcode add_shortcode ('tweetfeed-light', array ($ this, 'shortcode')); // scripturile de import wp_enqueue_script ('tweetable-script', $ this-> pluginUrl. '/js/jquery.tweetable.min.js', array ('jquery')); // stil de import wp_enqueue_style ('tweetable-style', $ this-> pluginUrl. '/css/style.css');

Pasul 6 Preluarea mesajelor tweets

Obțineți ultimele tweet-uri de la un utilizator. De asemenea, putem seta variabila limită care controlează numărul de tweets.

 funcția public loadTweets ($ user, $ limit) // redați tweets la div element echo '
„; // reda codul javascript pentru a face ecoul magic "„;

Pasul 7 Funcția de cod scurt

Acesta este scriptul de ajutor pentru utilizarea pluginului cu un scurtcod.

 // redați tweets cu shortcode funcția publică shortcode ($ data) return $ this-> loadTweets ($ data ['username']);

Pasul 8 Clasa instanței

Efectuați un obiect din clasa plugin.

 // executați pluginul $ tweetfeed_light = nou AB_Tweetfeed_Light ();

Pasul 9 Codul Final

Iată cum arată codul când acesta este terminat.

 / * Nume Plugin: Tweetfeed Light URI Plugin: http://wp.tutsplus.com Descriere: Afișați cele mai recente Tweets în bara laterală pentru un anumit utilizator de Twitter Versiune: 1.0 Autor: Adam Burucs Autor URI: http://wp.tutsplus.com * / class AB_Tweetfeed_light funcția publică __construct () // set plugin plugin $ this-> pluginUrl = WP_PLUGIN_URL. '/ Tweetfeed-light'; // set shortcode add_shortcode ('tweetfeed-light', array ($ this, 'shortcode')); // scripturile de import wp_enqueue_script ('tweetable-script', $ this-> pluginUrl. '/js/jquery.tweetable.min.js', array ('jquery')); // stil de import wp_enqueue_style ('tweetable-style', $ this-> pluginUrl. '/css/style.css');  funcția publică loadTweets ($ user, $ limit) // redați tweets la div element echo '
„; // reda codul javascript pentru a face ecoul magic "„;  // redați tweets cu shortcode funcția publică shortcode ($ data) return $ this-> loadTweets ($ data ['user'], $ data ['limit']);  // executați pluginul $ tweetfeed_light = nou AB_Tweetfeed_Light ();

Pasul 10 Utilizarea codurilor scurte

Pentru a utiliza acest plugin, puteți scrie [tweetfeed-light user = "johnb" limită = "10"] cod scurt în sursa paginii pe care o doriți. De exemplu:

... ... 
 [tweetfeed-light user = "johnb" limită = "10"] ... 
...

Pasul 11 Uite

Iată cum arată plugin-ul în tema WordPress implicită inserată într-un obiect de pagină.

rezumat

După cum puteți vedea, aceasta este o soluție simplă, dar minunată pentru misiunea noastră mini Twitter. Pentru mai mult (color) tweaking trebuie să vă uitați în foaia de stil inclusă. Mulțumită lui Icontexto pentru fotografia Twitter!

Cod