, opbygningen af en social profil dims til at vise din efterfølger regne,,,,, 62,,,,,,,,, 18,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss., i første del af denne række, så vi på, hvordan   til programmatically hente greven af en facebook side, kan lide, og twitter og google + tilhængere.   sidst, vi havde skabt tre php hjælper funktioner til at forenkle de sociale grev søgning.,,, disse funktioner acceptere som argument, facebook brugernavn, twitter brugernavn og google + brugernavn eller id og vende tilbage til henholdsvis som eller med grev.,, i denne sidste del af serien, vi vil udvikle en social profil widget forbindelsen til facebook, twitter og google + profil.   widget vil vise greven af facebook - side kan lide samt twitter og google + tilhængere tæller. nedenfor er et skærmbillede af den dims er bygget i slutningen af denne forelæsning.,,,,,, kodning den dims, ligesom med alle wordpress plugins, filheaderen indeholder meta - oplysninger (som f.eks. navn, version, forfatter, osv.) vedrørende stik af bør være i begyndelsen af stik af fil.,, nedenfor, er vores widget stik af header.,,, <?php /* * stik af navn: tuts + social profil widget * stik af uri: http://code.tutsplus.com * beskrivelse: sociale dims, der forbinder forskellige sociale medier profiler * forfatter: agbonghama collins * forfatter uri: http://tech4sky.com * /er, at skabe en wordpress dims, standard, wp_widget, klasse skal udvides, og de påkrævede metoder omfattede i barn klasse.endelig er den dims barn klasse er registreret og har til wordpress.,, skabe barnet klasse om, wp_widget, forælder klasse.,,, klasse tutsplus_social_profile udvider wp_widget (//-, giver den dims et navn og en beskrivelse af, __construct(),   metode.,, funktion __construct() (moder: __construct ('tutsplus_social_profile, __ (sociale netværk, profiler, translation_domain) system ("beskrivelse" = > __ ('links til forfatter sociale medier profil, translation_domain)))), og på dette punkt, er det tid til at drage fordel af de hjælper funktioner, vi skabte i den sidste post, så vi kan vise   folk og tilhængere af facebook, twitter og google +.,,, offentlige funktion fjolster_count ($brugernavn) (require_once "twitterapiexchange. php; //sæt adgang møntefterligninger her - se: https://dev.twitter.com/apps/$(= system ('oauth_access_token = >" 211978035-fedllb5xeqhnohxask3259viohsfrluruyr4atvr "," oauth_access_token_secret = > "7nev2eyoxohavgb8y5vhpryukbkomfqe3kf1ouohtmhvs", "consumer_key = >" mshrmc5b9dzyp8mgqv0m2jgsq "," consumer_secret "= >" yhidwozaab9cvkcjkqamecn2ggsbrzqfwzpivkseyvvcqsb8ll "); $url = https: //api. twitter. kom /1 /brugere /show. json. $getfield ="?screen_name = ".$brugernavn. $request_method = "får" $twitter_instance = nye twitterapiexchange ($indstillinger); $follow_count = $twitter_instance - > setgetfield ($getfield) - > buildoauth ($url, $request_method) - > performrequest(). $tæller = json_decode ($follow_count, sande); tilbage - grev ['followers_count ']}, offentlig funktion facebook_count ($brugernavn) ($facebook_count = file_get_contents (' http://graph.facebook.com/".$brugernavn); tilbage json_decode ($facebook_count) - > kan lide;}, offentlig funktion googleplus_count ($brugernavn, $apikey = aizasybhm7j9qlupabywaxlg_9_uzpbxwdso2vy) {$google = file_get_contents ('https://www.googleapis.com/plus/v1/people/".$brugernavn.? nøgle = ".$apikey); tilbage json_decode ($google) - > circledbycount;}, i, twitter_count(), metode ovenfor, twitter - anvendelse oauth adgang eller adgang symbolsk hemmelighed, forbrugernes centrale og forbrugernes hemmelige   er alle hårde kodet til den metode.,,, du bliver nødt til at ændre dem til deres twitter anvendelse er oauth akkreditiver., gælder det samme for google plus api - nøgle, googleplus_count() metode.,, widget indstillinger muligheder vil bestå af fem form for områder, der indeholder titlen på den dims, facebook, twitter og google + brugernavne som vist i billedet nedenfor.,,,,,,, form(), metode under skabe widget form.,, offentlige funktion form ($)) (isset ($) ['title ']).$afsnit = $instans ['title ']: null; tom ($) ['title']).$afsnit = min social profil: null; isset ($) ['facebook ']).$facebook = $instans ['facebook ']: null; isset ($) ['twitter']).- twitter = $instans ['twitter ']: null; isset ($) ['google']).$google = $instans ['google ']: null;?> < p > < etiket til = "<?php echo $- > get_field_id ('title)?> "> <?folkesundhedsprogrammet aspektet _e ('title: ").> < /etiketten > < input = "klasse widefat" id = "<?php echo $- > get_field_id ("').> "navn =" <?php echo $- > get_field_name ("').> "type =" tekst "værdi =" <?php echo esc_attr ($afsnit).> "> < /p > < p > < etiket til =" <?php echo $- > get_field_id ('facebook)?> "> <?folkesundhedsprogrammet aspektet _e ('facebook side brugernavn: ").> < /etiketten > < input = "klasse widefat" id = "<?php echo $- > get_field_id ('facebook)?> "navn =" <?php echo $- > get_field_name ('facebook)?> "type =" tekst "værdi =" <?php echo esc_attr ($facebook)?> "> < /p > < p > < etiket til =" <?php echo $- > get_field_id ('twitter)?> "> <?folkesundhedsprogrammet aspektet _e ('twitter brugernavn: ").> < /etiketten > < input = "klasse widefat" id = "<?php echo $- > get_field_id ('twitter)?> "navn =" <?php echo $- > get_field_name ('twitter)?> "type =" tekst "værdi =" <?php echo esc_attr ($twitter)?> "> < /p > < p > < etiket til =" <?php echo $- > get_field_id ('google)?> "> <?folkesundhedsprogrammet aspektet _e ('google + brugernavn eller id: ").> < /etiketten > < input = "klasse widefat" id = "<?php echo $- > get_field_id ("google ')?> "navn =" <?php echo $- > get_field_name ("google ')?> "type =" tekst "værdi =" <?php echo esc_attr ($google)?> "> < /p > <?php}, når de værdier, der er indgået i den form, de har brug for at blive reddet til databasen.det, update(), metode sanitizes form værdier ved at strippe ud ondsindede oplysninger og redder de sanerede værdier til databasen.,, offentlige funktion ajourføring ($new_instance, $old_instance) ($) = array(). $instans ['title '] = (!tom ($new_instance ['title '])?strip_tags ($new_instance ['title ']): "" $instans ['facebook'] = (!tom ($new_instance ['facebook '])?strip_tags ($new_instance ['facebook ']): "" $instans ['twitter'] = (!tom ($new_instance ['twitter '])?strip_tags ($new_instance ['twitter ']): "" $instans ['google'] = (!tom ($new_instance ['google '])?strip_tags ($new_instance ['google ']): "" $instans ['linkedin'] = (!tom ($new_instance ['linkedin '])?strip_tags ($new_instance ['linkedin ']): "; tilbage $instans.}, næste er, widget(), metode, der har tilknytning til sociale netværk, profiler, sammen med folk og tilhængere regne på forenden af wordpress. $afsnit = apply_filters (' widget_title, $instans ['title ']); $facebook = $instans ['facebook'] $twitter = $instans ['twitter '] $google = $instans ['google']; //social profil i forbindelse med $social_widget = < ul klasse =" diverz "> < li klasse =" diverz facebookz "> < en href =" https://www.facebook.com/".$facebook. "> < div klasse = "vigtigste diverz" > < - klasse = "facebookz fuh fuh facebook" > < jeg > < br /> < store klasse = "spanz facebookz" > facebook < - big > < /div > < /a > < div klasse = "sub - diverz" > < stærk > ".$- > facebook_count ($facebook. "< /stærk > < br /> ventilatorer < /div > < /li > < li klasse = "diverz twitterz" > < en href = "https://www.twitter.com/".- twitter. "> < div klasse = "vigtigste diverz" > < - klasse = "twitterz fuh fuh twitter" > < jeg > < br /> < store klasse = "spanz twitterz" > twitter < - big > < /div > < /a > < div klasse = "sub - diverz" > < stærk > ".$- > twitter_count ('tech4sky ').< /stærk > < br /> ventilatorer < /div > < /li > < li klasse = "diverz googlez" > < en href = "https://plus.google.com/u/0/".$google. "> < div klasse = "vigtigste diverz" > < - klasse = "googlez fuh fuh google plus" > < jeg > < br /> < store klasse = "spanz googlez" > google + < /big > < /div > < /a > < div klasse = "sub - diverz" > < stærk > ".$- > googleplus_count ($google).< /stærk > < br /> ventilatorer < /div > < /li > < /ul > « echo $args ['before_widget ']; hvis (!tom ($titel)) (echo $args ['before_title "].$titel.$args ['after_title ']} echo $social_widget; echo $args ['after_widget']}, er vi færdige, herunder de nødvendige metoder og koder til den klasse, så alle der er tilbage for os at gøre, at medtage den sidste klasse skinne.,, //...}, den dims klasse, tutsplus_social_profile, skal registreres ved hjælp af wordpress, register_widget, funktion og koblet til, widgets_init,., uden at gøre den dims vil ikke være genkendelige ved wordpress.,,, funktion register_tutsplus_social_profile() {register_widget ('tutsplus_social_profile)} add_action (' widgets_init "," register_tutsplus_social_profile "), for at give den dims et godt se nedenfor, er css af den dims, der også omfatter indførte skrifttype fantastisk ikoner stylesheet fil.,,, @ import" //netdna. bootstrapcdn. kom /skrifttype fedt /4.1.0 /css /skrifttype, fedt. min.css "sociale ikoner (font størrelse: 21px;} ul. diverz (bredde: 80px; grænse: 1px fast&#e3e3e3; liste stil type: ingen; over:skjult, polstring: 4px 2px; margen: 2px 2px!vigtige; baggrund farve:&#eee). vigtigste diverz (skriftstørrelse: 16px; polstring: 2px;}. under diverz (farve:� baggrund farve:&#ffffff; margen: 2px; polstring: 2px.}. diverz {flyde: venstre; tekst tilpasse: center;} spanz {skrifttype. størrelse: 15px; vertikale linje: i midten.}. facebookz,. facebookz en (farve:b5998.}. twitterz,. twitterz en (farve:�abe3;). vigtigste diverz jeg (skriftstørrelse: 20px;}, redde css fil med navn, tutsplus-social-profile-widget.css, der skal opholde sig   i stik af rod mappe.,, endelig er vi nødt til at enqueue css fil at wordpress:,,, //enqueue css stylesheet funktion tutsplus_social_profile_widget_css() {wp_enqueue_style ("social profil dims", -ins_url ('tutsplus social profil widget. css, __file__)} add_action (' wp_enqueue_scripts "," tutsplus_social_profile_widget_css),,, - - vi har afsluttet kodning vores sociale profil dims, foreslået forbedringer i den dims klasse, twitter oauth akkreditiver og google + api - nøgle var hårde kodet for klasse.   i forbindelse med udviklingen af et stik af denne art, en (side, som vil indeholde en form, der vil redde oauth og api - nøgler til wordpress database skal være på plads, som derefter fandt og anvendelse af klasse.,, widget form mangler en client-side validering mekanisme, som kan bruges til at sikre passende formular værdier er opført.   læst min artikel om klient side form validering med html5 lære validation kan gøres.,,, widget kun findes facebook, twitter og google +.du har frihed til at forlænge den dims klasse og omfatte andre sociale netværk,.,, i øverste højre hjørne af denne side er et link til download widget - stik af fil.bare brug din wordpress lokalitet og sturdy koden til at forstå, hvordan den fungerer, og alle tilbagemeldinger og spørgsmålene er velkommen i de bemærkninger, pkt.,,,