Bygg en fantastisk Flickr Widget Screencast Inkludert

WordPress Widget API gjør bygnings widgets for WordPress en bris. Med fire enkle, men kraftige funksjoner, kan du generere en nydelig liten form for brukeren, ta tak i hva brukeren kommer inn, lagre den informasjonen, og bruk den andre steder for å generere noen kjempekode.


Introduksjon

I dag skal vi se på denne prosessen for å generere noe jQuery som trekker inn bilder fra en Flickr-konto. Denne bestemte widgeten er super enkel og sannsynligvis ikke noe du vil frigjøre som en full WordPress-plugin, men det vil forhåpentligvis få deg komfortabel med Widget API og fleksibiliteten den har.


Starter

Først må vi forstå at vi lager en * plugin * for WordPress. Dette er nyttig i utviklingen fordi vel, hvis noe går galt, og vi har forlatt alt annet alene, vet vi definitivt at vårt plugin forårsaket problemet. Dette er utrolig nyttig for å finne og adressere feil. Så, all vår kode kommer til å være i katalogen 'wp-content / plugins', uansett hvilken katalog du lager for din egen widget (vår er 'wp-tuts-flickr', som gjør vår komplette bane 'wp-content / plug-ins / WP-tuts-flickr ').

I vår nye katalog lager vi en PHP-fil og heter det noe som gir mening for pluginet vårt. Da kan vi åpne opp noen gode ol 'PHP-koder, fyll inn noen meta-informasjon som plugin-navnet, etc., og kom til jobb!

Sjekk ut meta-informasjonen nedenfor.
 '/ * Plugin Name: WPTuts Flickr Plugin URI: http://wp.tutsplus.com Beskrivelse: Blah? Versjon: 1.0 Forfatter: George Gecewicz Forfatter URI: http://heyitsgeorge.com * / '

Dette er begynnelsen på pluginet vårt. Nå kommer de morsomme tingene, hvor vi får koden vår widget og nyte litt Flickr awesomeness. Sjekk ut skjermbildet nedenfor om hvordan du gjør det, og hele koden fra skjermbildet er øverst (laste ned kildefiler). Husk at dette bare er en introduksjon til å bygge widgets, og du kan virkelig gjøre mye mer avanserte ting enn hva du lærer i denne opplæringen. Jeg foreslår at du leser mer om Widget API og ser på noen andre populære widgetplugger for å få en ide om hvor kraftig APIen egentlig er.


Videoopplæringen

Screencast: Flickr Widget

Takk for at du leste! Hvis du har spørsmål, kommentarer eller bekymringer, er jeg glad for å prøve å hjelpe i kommentarene.