, skabe en grundlæggende flickr - dims med widget api -,,,,, 2,,,,,,,,, 5,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i denne forelæsning, vi anvender wordpress widget api - og flickr api - til at skabe en grundlæggende flickr - dims.den dims, vil være en gentagen anvendelse widget. det kræver, at de bruger et brugernavn og antallet af billeder til visning og anvendelse, at oplysninger at vise flickr - billeder.der er masser af præ - bygget plugins, der arbejder med flickr, men intet er bedre end at gøre det selv, hvis du er ude på at tage endnu et skridt i din wordpress uddannelse.,,,, indledning, flickr - er en af de mest populære fotodelingssider i verden - det er vært for over 5 milliarder billeder - - og ved at skabe en flickr - dims, du vil lære, hvordan man bruger den flickr api - og at skabe wordpress widgets, som let kan tilpasses til deres eget tema eller websted.før du begynder at skrive en kode, skal du forberede dig på projektet.for at skabe en dims i et tema, må du først en fil med widget - kode.jeg skal bruge den misligholdelse, twentyeleven, tema, der kommer med wordpress, du kan jo bruge tema for dit valg.gennemføre disse skridt:,, skabe en ny mappe i tema, widgets.gør en blank, folkesundhedsprogrammet, sag ved navn, widget.php, og redde det i mappen, downloade fremragende phpflickr bibliotek her og pasta filerne i widgets /phpflickr, og skriv under for en api - nøglen fra flickr.du har brug for en ikke - kommerciel nøgle, medmindre man skaber et kommercielt produkt.,,, trin 1, få din dims kode klar, da wordpress 2.8, har der været en bekvem widget api, du kan bruge til at skabe din widgets.kopi og pasta, det her skelet kode ind i din, widgets.php, fil:, <?php klasse rm_flickr udvider wp_widget {funktion rm_flickr() ($widget_ops = system ('classname = > flickr_widget "," beskrivelse "= >' vise din favorit flickr fotos!")og $- > wp_widget ('flickr_widget, flickr - stillinger, $widget_ops)} funktion form ($instans) {} funktion ajourføring ($new_instance, $old_instance) {} funktion widget ($args $instans) {}} add_action (' widgets_init "," rm_load_widgets'); funktion rm_load_widgets() {register_widget ('rm_flickr)}?> hver af disse funktioner ovenfor har et specifikt formål:,, rm_flickr, er navnet på den kategori, samt navnet på den første funktion (konstruktøren).konstruktøren indeholder koden til at fælde den dims - det kaldes flickr - stillinger.,, form(), skaber den form, du ser i den dims forvaltning side i wordpress.,, update(), ajourfører de muligheder, du komme i form, når den dims konfiguration er reddet.,, widget(), viser den faktiske produktion af widget - i de vigtigste sted. den sidste del af kodeksen, kroge til wordpress "dims initialization og pålægger det at registrere din dims, kun én ting tilbage: din dims sag, men som endnu, betyder det ikke noget.for at blive anvendt af wordpress, du er nødt til at omfatte fil fra din, functions.php, fil.så luk op, functions.php og pasta i denne linje: (jeg satte det i twentyeleven er, twentyeleven_setup(), metode), require_once (templatepath. "/widgets /flickr. folkesundhedsprogrammet "), hvis du fyre op wordpress, du skulle se den dims, bekendtgøres i den dims forvaltning side:, selvfølgelig, eftersom ikke har tilføjet en anden kode, widget - ikke har nogen valgmuligheder eller produktion.nu skal vi sørge for, den dims har form af input, trin 2, at skabe den form for at skabe den form for en dims, du er nødt til at finde ud af, hvilken slags råmaterialer, du har brug for.for netop denne dims, vi har brug for tre input skal tilskyndes til brug af brugeren: et afsnit om den dims, flickr brugernavn, og antallet af billeder til at vise.hvis du tager et kig på skelettet kode ovenfor, vil de se, at der er en parameter, $instans i, form(), funktion.denne grundlæggende indeholder de gældende værdier for alle input i form (f.eks. når du redde form med visse værdier).så vi er nødt til at trække sig ud af den aktuelle værdi af den dims og forsyne the widget input områder med dem.pasta, dette stykke kode i funktion: $instans = wp_parse_args (array) $eksempel system ('title = > flickr billeder "," nummer "= > 5, flickr_id = > ')); $afsnit = esc_attr ($) ['title'); $flickr_id = $instans ['flickr_id '] $antal = absint ($) ['number']), første, vi bruger, wp_parse_args(), funktion for at sikre, at der er visse standardværdier i den dims, og så kan vi få værdier til variabler som $titel.nu, hvor vi har de værdier, vi skal bygge html funktion:,?> < p > < etiket til = "<?php echo $- > get_field_id ('title)?> "> titel: < /etiketten > < input klasse =" widefat "id =" <?php echo $- > get_field_id ('title)?> "navn =" <?php echo $- > get_field_name ('title)?> "type =" tekst "værdi =" <?php echo $afsnit?> "/> < /p > < p > < etiket til =" <?php echo $- > get_field_id ('flickr_id)?> "> flickr brugernavn: < /etiketten > < input klasse =" widefat "id =" <?php echo $- > get_field_id ('flickr_id)?> "navn =" <?php echo $- > get_field_name ('flickr_id)?> "type =" tekst "værdi =" <?php echo $flickr_id;?> "/> < /p > < p > < p > < etiket til =" <?php echo $- > get_field_id ('number)?> "> antallet af billeder: < /etiketten > < input klasse =" widefat "id =" <?php echo $- > get_field_id ('number)?> "navn =" <?php echo $- > get_field_name ('number)?> "type =" tekst "værdi =" <?php echo $nummer?> "/> < /p > <?folkesundhedsprogrammet, det ligner et stort indhug i kode, men det er ganske enkle.det er bare at skabe en regelmæssig html form med visse ændringer.den første, i stedet for at bruge din, id, og hedder, du skal bruge, get_field_id(),.dette skyldes, at der er flere tilfælde af en dims, og kun en enkelt id, vil der naturligvis være fejl.wordpress passer på det for dig, hvis du bruger den pågældende funktion.den anden ting er, at den værdi, af input - områder er genereret ved hjælp af folkesundhedsprogrammet.gem den fil, og tage et kig i wordpress:,, vil de bemærke, at hvis man forsøger at ændre de værdier og klik redde, men de bliver ikke reddet.det er, fordi vi endnu ikke har skrevet det, update(), funktion.lad os gøre det næste, trin 3 at sørge for, at din form opdateringer og sørge for, at deres form opdateringer, du er nødt til at få din, update(), funktion.det er faktisk ret enkelt.ved misligholdelse, wordpress sender to parametre - den gamle instans, og den nye instans.vi har ikke brug for den gamle sag, fordi den gamle tilfælde anvendes kun, hvis der er værdier, som du måske ikke ønsker at ændre.pasta i denne kodeks i, update(), funktion: $instans = $old_instance. $instans ['title '] = strip_tags ($new_instance ['title']); $instans ['flickr_id '] = $new_instance ['flickr_id'] $instans ['number '] = $new_instance ['number'] tilbage $instans, helt enkelt - kopi af den nye instans i en variabel, $instans, foretager ændringer, vil du måske (som i enhver html tags) og returnere den variable for at sikre ændringer opdatering.hvis du går til wordpress, du ændringer vil redde!,, trin 4, således at widget: dette er det sidste skridt, og det gør at du widget displays html på forenden.nu, hvor vi har brugeren input, der er oprettet, kan vi bruge input til at interagere med flickr api - og vise billeder.det første skridt i den widget(), funktion er at hente de værdier for brugeren input.pasta i denne kode:, ekstrakt ($args); $afsnit = apply_filters ('widget_title, $instans ['title ']); hvis (tomme ($afsnit) $afsnit = falske $flickr_id = $instans ['flickr_id'] $antal = absint ($) ['number ']);, selvforklarende - input er ude og opbevares i variabler.næste gang, du er nødt til at kræve, phpflickr bibliotek og sætte det op med din api - nøgle:, require_once (templatepath. "/widgets /phpflickr /phpflickr. folkesundhedsprogrammet "); $f = nye phpflickr (" (< em > api - nøgle] < /em > "), når denne er oprettet, pasta i denne kode: hvis (!tom ($flickr_id)) (echo $before_widget; hvis ($titel) (echo $before_title; echo $afsnit echo $after_title;} $person = $f - > people_findbyusername ($flickr_id); $photos_url = $f - > urls_getuserphotos ($person ['id ']); $billeder = $f - > people_getpublicphotos ($person ['id'], nul, nul, $); for hvert (array) $billeder ['photos'] ['photo '] som $foto) (echo "< br /> \\ n", echo "<; en href = $photos_url $billede [-] >", echo "< img grænse = »0«" alat = $billede [titel] "."src =".- f - > buildphotourl ($billede "små"). "> ", echo" < /a > ", echo" < br /> \\ n "} echo $after_widget;}, lad os tage det skridt for skridt.vi har brug for at se, om de flickr brugernavn er specificeret.hvis ikke, kan vi ikke vise billeder.de variabler, $before_widget, $before_title &. $after_title,,, som automatisk er givet til os af wordpress, skal fremlægges.så bruger vi phpflickr bibliotek for at få billeder af det angivne bruger.antallet af billeder er defineret i variabel, $nummer.endelig er vi loop gennem billeder ved hjælp af en hver sløjfe og bygge html til at vise det billede, og så viser efter widget indhold.nu, afhængigt af det tema, de arbejder med, og hvad vil du have billeder ligner, du kan ændre html.det eneste, der skal forblive konstant er forbindelsen til det billede, som kan være i flere størrelser som square, små, mellemstore og store osv. nu, at dette er sket, kan du prøve at oprette den dims, og at produktionen.jeg brugte en populær flickr - bruger, glem mig knott fotografi, som brugernavn.se:,, konklusioner, for dem, der nyder godt af deres fotografi, flickr - dims er et godt supplement til wordpress websted.med denne forelæsning, er det let at skabe en customizable flickr - dims.du kan tilføje eller fjerne muligheder, ændre billedet størrelser, rode rundt med, hvordan den dims ser ud, og så meget mere.nu ved du, hvordan til at skabe wordpress widgets let!,,, en tilpasset flickr - dims kunne se sådan ud.