, at skabe en enkel twitter stik af for wordpress,,,,, andel,,,,,,,, 22,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, lad os se, hvordan vi kan få en meget enkel stik af med nogle nye stillinger fra twitter.,,, trin 1 downloader manuskripter, før vi begynder at skrive vores stik af, vi har brug for en javascript kode.,, få tweetable v1.6 her!tag den seneste jquery her!,, trin 2, skabe filstruktur og kopi af filer, skaber dette register:, /wp indhold /plugins /tweetfeed lys, og så kopiere filerne. /css style.css /img buttons.png interface.png interface_dark.png twitter_bird.png /er jquery.tweetable.min.js jquery-1.7.2.min.js, trin 3 grundlæggende stik af data, fortsætte med at skabe, tweetfeed-light.php, vores vigtigste stik af filnavn) med den givne indhold nedenfor., * stik af navn: tweetfeed lys, stik af uri: http://wp.tutsplus.com beskrivelse: vis seneste tweets i gruppemøde for en given twitter bruger version 1.0. forfatter: adam burucs forfatter uri: http://wp.tutsplus.com * /,, trin 4 stik af klasse, de grundlæggende erklæring om vores stik af klasse, klasse. ab_tweetfeed_light {}, løntrin 5 constructor funktion, det er en god idé at sætte den oprindelige indstillinger og krav i denne funktion.i dette afsnit vil vi fastsætte følgende:,, stik af vej, shortcode, import af manuskripter, der importerer styles, koden for disse opgaver: offentlig funktion __construct() (//sæt stik af sti $- > pluginurl = wp_plugin_url. "/tweetfeed lys; //fastsat shortcode add_shortcode ('tweetfeed-light, system ($, shortcode ')); //import manuskripter wp_enqueue_script ('tweetable-script, $- > pluginurl. "/er /jquery. tweetable. min.js, system ('jquery')); //import stil wp_enqueue_style ('tweetable-style, $- > pluginurl. "/css /stil. css)}, trin 6 hentede beskeder, få den seneste tweets fra brugeren.vi kan også sætte grænsen variable kontrol med antallet af tweets. offentlige funktion loadtweets ($bruger $grænse) (//gøre tweets til div element echo '< div id = "tweets" > < /div >'; //gøre javascript kode til at gøre det magi echo '< manuskript type = "tekst /javascript" > jquery (function() {jquery ("# tweets"). tweetable ({brugernavn: ".$. "begrænse: «.$grænse. "og svar: det er rigtigt, holdning: "tilføj"})}). < /manuskript > «), trin 7 shortcode funktion, det er hjælperen manuskript for brug af stik af med en shortcode. //gøre tweets med shortcode offentlig funktion shortcode ($data) (tilbagevenden $- > loadtweets ($data ['username ']);}, trin 8 instantiate klasse, en genstand fra stik af klasse. //- stik af $tweetfeed_light = nye ab_tweetfeed_light();,, trin 9 sidste kode, her er, hvordan kodeksen er, når den er færdig, /* stik af. navn: tweetfeed lys, stik af uri: http://wp.tutsplus.com beskrivelse: vis seneste tweets i gruppemøde for en given twitter bruger version 1.0. forfatter: adam burucs forfatter uri: http://wp.tutsplus.com * /klasse ab_tweetfeed_light {offentlige function __construct() (//sæt stik af sti $- > pluginurl = wp_plugin_url. "/tweetfeed lys; //fastsat shortcode add_shortcode ('tweetfeed-light, system ($, shortcode ')); //import manuskripter wp_enqueue_script ('tweetable-script, $- > pluginurl. "/er /jquery. tweetable. min.js, system ('jquery')); //import stil wp_enqueue_style ('tweetable-style, $- > pluginurl. "/css /stil. css)} offentlig funktion loadtweets ($bruger $grænse) (//gøre tweets til div element echo '< div id = "tweets" > < /div >'; //gøre javascript kode til den magiske echo '< manuskript type = "tekst /javascript" > jquery (function() {jquery ("# tweets"). tweetable ({brugernavn: ".$. "begrænse: «.$grænse. "og svar: det er rigtigt, holdning: "tilføj"})}). < /manuskript > «) //gøre tweets med shortcode offentlig funktion shortcode ($data) (tilbagevenden $- > loadtweets ($data ['user "$data ['limit ']);) //- stik af $tweetfeed_light = nye ab_tweetfeed_light();,, trin 10 shortcode anvendelse, for at bruge dette stik af, du kan skrive det, [tweetfeed lys bruger =" johnb "grænse =" 10 "], shortcode til side kilde, du vil have.for eksempel:...< div klasse = "menu" > < /div > [tweetfeed lys bruger = "johnb" grænse = "10"] < div klasse = "lille" > < /div >,, trin 11 - her er hvordan det ser ud i wordpress stik af misligholdelse tema indsættes i en side objekt.,,,, sammendrag, som du kan se, det er en simpel, men god løsning for vores mini - twitter mission.for yderligere (farve), okay, du bør se i omfattede stylesheet.tak til icontexto for twitter - billede!,
at skabe en enkel twitter stik af for wordpress
Previous:bygning skik wordpress widgets