, facebook æske dims for wordpress,,,,, 1,,,,,,,,, 8,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, hvis din hjemmeside er en facebook side, så er det en god idé at fremme dette til deres læsere ved at udvise en facebook - æske på gruppemøde i blog. i denne forelæsning, vi er ved at skabe en wordpress dims, der viser din facebook - æske.med denne wordpress dims, du vil have mulighed for at vise den overskrift, vise din seneste fans og vise din seneste facebook strøm.,,, facebook sider, facebook sider har været her i et stykke tid nu, og de er for nylig blevet ændret til at anvende den nye tidsplan element for at få endnu flere eksponering for deres tidligere stillinger på din profil. en facebook side, er det samme som en personlig side, men du kan ikke ven andre mennesker, er det fordi, facebook sider er, at virksomhederne i forbindelse med deres kunder, facebook sider giver dig en mere dynamisk forhold til offentlige personer og organisationer, som de er interesseret i. hvis du har din egen virksomhed, også dig kan skabe deres egen facebook.,, facebook æske, en facebook - æske er en soci- stik af, som gør det muligt for facebook ejere til at udvise en sådan knap, og en status strøm på deres egen hjemmeside. den æske: besøgende på din hjemmeside:,, hvor mange mennesker, som side, og som af deres venner allerede lide denne side. se din seneste status opdateringer, som din facebook - side uden. fra din hjemmeside.,, her er et eksempel på wptuts + er facebook - æske.,,,, at skabe en facebook - æske på din facebook - side, du er nødt til at registrere en facebook - app skal være i stand til at anvende den åbne api - diagram. nu kan du se, hvad facebook æske er, kan vi forstå, hvordan for at gøre dette til en wordpress widget.,, wordpress widgets, før vi starter kodning widget - er vi nødt til at forstå, hvad en wordpress dims er, og hvordan vi kan brugeden wordpress widget api til let at skabe wordpress widgets. en wordpress dims er et stykke af folkesundhedsprogrammet kode, der vil løbe ind i en wordpress gruppemøde. en wordpress aftale er et registreret område i deres tema, hvor du kan tilføje wordpress widgets., wordpress widgets nemt kan lægges til sidebars ved at gå til den dims side i instrumentbrættet og navigere, udseende - > widgets.fra denne widgets side, du er i stand til at slæbe og smid widgets i samråd med dit valg.den dims skal have en slags admin form, så du kan redigere data fremgår af den dims.,, wordpress, wp_widget, for at skabe en wordpress widget alt du skal gøre er at arve fra den standard, wp_widget, klasse og bruge nogle af sine funktioner, er der tre vigtige funktioner, der skal anvendes den dims til disse funktioner, form(),, widget(), og update(),.,, wp_widget, klasse, befinder sig i, wp omfatter /widgets. php,.,, wordpress starter dims, nedenfor, er de boilerplate af en wordpress dims, når man skaber en ny dims lige kopiere og pasta de nedenfor kode som udgangspunkt for din dims., * * * tilføjer foo_widget widget.* /klasse foo_widget udvider wp_widget {/* * * register dims med wordpress.* /offentlige funktion __construct() (moder: __construct ('foo_widget, //base id'foo_widget, //navn system ("beskrivelse" = > __ ("foo dims", "text_domain)) //args)} /* * * front - dims.* * @ se wp_widget: widget() * * @ param array $args widget argumenter.* @ param array $instans reddede værdier fra databasen.* /offentlige funktion widget ($args $instans) (ekstrakt ($args); $afsnit = apply_filters ('widget_title, $instans ['title']); echo $before_widget; hvis (!tom ($afsnit) echo $before_title.$titel.$after_title;?> hallo, verden!<?php echo $after_widget;} /* * * steriliseret widget form værdier, som de er reddet.* * @ se wp_widget: update() * * @ param array $new_instance værdier har lige sendt for at blive reddet.* @ param array $old_instance tidligere reddede værdier fra databasen.* * @ tilbage array ajourførte sikre værdier for at blive reddet.* /offentlige funktion ajourføring ($new_instance, $old_instance) ($) = array(). $instans ['title '] = strip_tags ($new_instance ['title']); tilbage $instans.} /* * * sidst widget form.* * @ se wp_widget: form() * * @ param array $instans tidligere reddede værdier fra databasen.* /offentlige funktion form ($instans) (hvis (isset ($) [afsnit ')) ($afsnit = $instans ["titel]} andre {$afsnit = __ (nyt afsnit, text_domain)}?> < p > < etiket til = "<?php echo $- > get_field_id ("').> "> <?folkesundhedsprogrammet aspektet _e (afsnit: ").> < /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 > <?folkesundhedsprogrammet) //klasse foo_widget, skaber facebook æske dims, vi er ved at skabe en wordpress dims, for at man kan let tilføje og ændre en facebook - æske i din wordpress blog. fordelen ved anvendelse af en dims er for den fleksibilitet, det vil give dig.det valg, som du har på din facebook æske åbner mulighed for at ændre de funktioner, bare ved at sætte forskellige egenskaber på den æske, facebook æske har følgende egenskaber:,, data href, – adressen til din facebook - side.,, databredde, – bredden af den æske. viser data står over for, – et sandt eller falsk værdi, der bestemmer, om du vil vise folk, der kan lide din side.,, datasæt, – et sandt eller falsk værdi, der bestemmer, om du skal vise dine seneste status opdateringer.,, data header, – et sandt eller falsk værdi, der bestemmer, om du vil vise os finde os på facebook bar.,, det er muligheder, som vi er nødt til at sikre, at brugeren kan ændre i den dims admin skærm, så de kan ændre synet af den æskedirekte i wordpress instrumentbræt. nu ved vi, hvad de kan forvente fra facebook som kasse, vi kan starte kodning., facebook - dims konstruktør, først skal vi registrere den dims på, widget_init handling./* *, stik af navn: paulund facebook æske * stik af uri: http://www.paulund.co.uk * beskrivelse: en dims, at en facebook - æske i din hjemmeside * version 1.0. forfatter: paul underwood * forfatter uri: http://www.paulund.co.uk * kørekort: gpl2 ophavsret 2012 paul underwood dette program er gratis software; man kan omfordele og /eller ændre det, inden for rammerne af den nationale samlingsregering i offentligheden, kørekort, 2. udgave, som blev offentliggjort af fri software - fonden.dette program er fordelt i det håb, at det vil være nyttigt, men uden nogen garanti, selv uden underforstående garantier for merchantability eller egnethed til et bestemt formål.se den nationale samlingsregering generelle offentlige licens for flere detaljer.* /* * * register den dims * /add_action ('widgets_init, create_function ("," register_widget ("pu_facebook_widget") «), register_widget, funktion vil kalde, pu_facebook_widget, klasse.i den pågældende kan vi skabe den dims, som passerer gennem argumenter for, wp_widget, konstruktøren., * * * skabe widget - klasse og udvide fra wp_widget * /klasse pu_facebook_widget udvider wp_widget {/* * * register dims med wordpress.* /offentlige funktion __construct() (moder: __construct ('pu_facebook_widget, //base id'facebook æske, //navn system ('classname = >'pu_facebook_widget,'description = > __ (en dims, der viser en facebook - æske fra din facebook. "," ramme ")))) //ende konstruktøren}, dims funktion, den dims funktion er kaldt til output widget i samråd.det er her, vi har brug for til at indsamle data input fra brugeren på instrumentbrættet og udvise den dims på webstedet., anvendes følgende funktion for at vise dine facebook - æske., * * * front - dims.* * @ se wp_widget: widget() * * @ param array $args widget argumenter.* @ param array $instans reddede værdier fra databasen.* /offentlige funktion widget ($args $instans) (ekstrakt ($args) /* vores variabler fra den dims indstillinger.* $- > widget_title = apply_filters ('widget_title, $instans ['title ']); $- > facebook_id = $instans ['app_id'] $- > facebook_username = $instans ['page_name '] $- > facebook_width = $instans ['width'] $- > facebook_show_faces = ($) ['show_faces "= =" 1 "?"rigtigt ":" falske "); $- > facebook_stream = ($) ['show_stream" = = "1"? "rigtigt ":" falske "); $- > facebook_header = ($) ['show_header" = = "1"? "rigtigt ":" falske "); add_action ('wp_footer, system (& $,'add_js') /* display widget titel, hvis man var input (før og efter defineret af emner.* hvis ($- > widget_title) echo $- > widget_title; /* æske * /?> < div klasse = "fb som rubrik" data href = "http: //www.facebook. kom /<?php echo $- > facebook_username;?> "databredde =" <?php echo $- > facebook_width;?> "data viser ansigter =" <?php echo $- > facebook_show_faces;?> "datasæt =" <?php echo $- > facebook_stream;?> "data header =" <?php echo $- > facebook_header;?> "> < /div > <?php}, du har måske bemærket, at vi tilføje en aktion til, wp_footer, at løbe den funktion, add_js,.This is where you will need to add the Facebook JavaScript to get the like box to work correctly., /** * Add Facebook javascripts */ public function add_js() { \techo '<div id="fb-root"></div> \t\t<script>(function(d, s, id) { \t\t\tvar js, fjs = d.getElementsByTagName(s)[0]; \t\t\tif (d.getElementById(id)) return; \t\t\tjs = d.createElement(s); js.id = id; \t\t\tjs.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId='.$this->facebook_id.'"; \t\t\tfjs.parentNode.insertBefore(js, fjs); \t\t}(document, \\'script\\', \\'facebook-jssdk\\'));</script>'; },Update Function,The update function is used to update the WordPress database when the widget admin form is submitted.,This is where you will need to place any validadette behov for på værdier fra form.det tager to parametre, et system af værdier, sendt for at blive reddet, og et system af værdier, der i øjeblikket er oplagret.tilbagesendelse af denne funktion vil være de nye værdier, lagres i databasen., * * * steriliseret widget form værdier, som de er reddet.* * @ se wp_widget: update() * * @ param array $new_instance værdier har lige sendt for at blive reddet.* @ param array $old_instance tidligere reddede værdier fra databasen.* * @ tilbage array ajourførte sikre værdier for at blive reddet.* /funktion ajourføring ($new_instance, $old_instance) ($) = $old_instance; /* bånd mærker for titel og navn fjerne html (vigtigt for sms - input).* $instans ['title '] = strip_tags ($new_instance ['title']); $instans ['app_id '] = strip_tags ($new_instance ['app_id']); $instans ['page_name '] = strip_tags ($new_instance ['page_name']); $instans ['width '] = strip_tags ($new_instance ['width']); $instans ['show_faces'] = (bool) $new_instance ['show_faces'] $instans ['show_stream '] = (bool) $new_instance ['show_stream'] $instans ['show_header '] = (bool) $new_instance ['show_header'] tilbage $instans.}, form funktion, form funktion er bruges til at skabe den form for widget instrumentbræt.det skal være en befolket med de aktuelle værdier i databasen, og gøre det lettere for brugeren at ændre de værdier, til at ændre den dims adfærd., * * * skabe den form for widget admin * * @ se wp_widget: form() * * @ param array $instans tidligere reddede værdier fra databasen.* /funktion form ($instans) {* oprette en misligholdelse widget indstillinger.* $misligholdelser = system ('title = > $- > widget_title,'app_id = > $- > facebook_id,'page_name = > $- > facebook_username,'width = > $- > facebook_width,'show_faces » = > $- > facebook_show_faces,'show_stream = > $- > facebook_stream,'show_header = > $- > facebook_header); $instans = wp_parse_args (array) $instans, $misligholdelse).> <!- dims titel: tekst input - > < p > < etiket til = "<?php echo $- > get_field_id ("').> "> <?folkesundhedsprogrammet aspektet _e ('title: "," ramme ").> < /etiketten > < input type = "tekst" klasse = "widefat" id = "<?php echo $- > get_field_id ("').> "navn =" <?php echo $- > get_field_name ("').> "værdi =" <?php echo $instans ['title ']?> "/> < /p > <!- app id: tekst input - > < p > < etiket til = "<?php echo $- > get_field_id ('app_id)?> "> <?folkesundhedsprogrammet aspektet _e (»app« id "," ramme ").> < /etiketten > < input type = "tekst" klasse = "widefat" id = "<?php echo $- > get_field_id ('app_id)?> "navn =" <?php echo $- > get_field_name ('app_id)?> "værdi =" <?php echo $instans ['app_id ']?> "/> < /p > <!- side navn: tekst input - > < p > < etiket til = "<?php echo $- > get_field_id ('page_name)?> "> <?folkesundhedsprogrammet aspektet _e ('page navn (http: //////////////www.facebook. kom /[page_name]) «, » ramme «)?> < /etiketten > < input type = "tekst" klasse = "widefat" id = "<?php echo $- > get_field_id ('page_name)?> "navn =" <?php echo $- > get_field_name ('page_name)?> "værdi =" <?php echo $instans ['page_name ']?> "/> < /p > <!- bredde: tekst input - > < p > < etiket til = "<?php echo $- > get_field_id (bredde).> "> <?folkesundhedsprogrammet aspektet _e ('width "," ramme ").> < /etiketten > < input type = "tekst" klasse = "widefat" id = "<?php echo $- > get_field_id (bredde).> "navn =" <?php echo $- > get_field_name (bredde).> "værdi =" <?php echo $instans ['width ']?> "/> < /p > <!- vis ansigter: afkrydsningsfelt - > < p > < etiket til = "<?php echo $- > get_field_id ('show_faces)?> "> <?folkesundhedsprogrammet aspektet _e ('show ansigter "," ramme ").> < /etiketten > < input type = "afkrydsningsfelt" klasse = "widefat" id = "<?php echo $- > get_field_id ('show_faces)?> "navn =" <?php echo $- > get_field_name ('show_faces)?> "værdi =" 1 "<?php echo ($instans ['show_faces "= =" rigtigt "?"kontrolleret ='checked ":" ").> /> < /p > <!- vis strøm: afkrydsningsfelt - > < p > < etiket til = "<?php echo $- > get_field_id ('show_stream)?> "> <?folkesundhedsprogrammet aspektet _e ('show stream "," ramme ").> < /etiketten > < input type = "afkrydsningsfelt" klasse = "widefat" id = "<?php echo $- > get_field_id ('show_stream)?> "navn =" <?php echo $- > get_field_name ('show_stream)?> "værdi =" 1 "<?php echo ($instans ['show_stream "= =" rigtigt "?"kontrolleret ='checked ":" ").> /> < /p > <!- vis overskrift: afkrydsningsfelt - > < p > < etiket til = "<?php echo $- > get_field_id ('show_header)?> "> <?folkesundhedsprogrammet aspektet _e ('show overskrift "," ramme ").> < /etiketten > < input type = "afkrydsningsfelt" klasse = "widefat" id = "<?php echo $- > get_field_id ('show_header)?> "navn =" <?php echo $- > get_field_name ('show_header)?> "værdi =" 1 "<?php echo ($instans ['show_header "= =" rigtigt "?"kontrolleret ='checked ":" ").> /> < /p > <?php}, du behøver ikke at føje en forelægge knap, som wordpress automatisk vil tilføje det til dig, så det er alt, du har brug for at skabe en wordpress stik af, som skaber en dims til at vise din facebook - side.alt du skal gøre nu, er at installere stik af, aktivere det, tilføje den dims til samråd og udfylde en blanket med din side detaljer. du kan downloade det stik af fra wordpress.org: downloade facebook æske stik af,