Bouwen aan een Awesome Flickr Widget Screencast inbegrepen

WordPress's Widget API maakt het bouwen van widgets voor WordPress een eitje. Met vier eenvoudige maar krachtige functies, kunt u een mooie kleine vorm genereren voor de gebruiker, pakken wat de gebruiker invoert, die informatie opslaan en deze elders gebruiken om een ​​aantal geweldige codes te genereren.


Invoering

Vandaag zullen we kijken naar het gebruik van dit proces om een ​​aantal jQuery te genereren dat afbeeldingen van een Flickr-account binnenhaalt. Deze specifieke widget is supereenvoudig en waarschijnlijk niet iets dat je als een volledige WordPress-plug-in zou vrijgeven, maar het zal je hopelijk comfortabel maken met de Widget API en de flexibiliteit die het heeft.


Ermee beginnen

Ten eerste moeten we begrijpen dat we een * plug-in * voor WordPress maken. Dit is handig bij de ontwikkeling, want als er iets misgaat en we al het andere met rust hebben gelaten, weten we definitief dat onze plug-in het probleem heeft veroorzaakt. Dit is enorm nuttig bij het vinden en aanpakken van bugs. Dus, al onze code zal in de 'wp-content / plugins'-map staan, in welke directory je ook voor je eigen widget maakt (de onze is' wp-tuts-flickr ', waardoor ons complete pad' wp-content / plugins / wp-tuts-Flickr).

In onze nieuwe map maken we een PHP-bestand en noemen het iets dat logisch is voor onze plug-in. Dan kunnen we een aantal goede oude 'PHP-tags openen, wat meta-informatie invullen zoals de naam van de plug-in, enzovoort, en aan de slag gaan!

Bekijk de onderstaande meta-informatie.
 '/ * Plugin Name: WPTuts Flickr Plug-in URI: http://wp.tutsplus.com Beschrijving: Blah? Versie: 1.0 Auteur: George Gecewicz Auteur URI: http://heyitsgeorge.com * / '

Dit is het begin van onze plug-in. Nu komen de leuke dingen, waar we onze widget kunnen coderen en genieten van wat Flickr awesomeness. Bekijk de onderstaande screencast over hoe u dat moet doen en de volledige code van de screencast staat bovenaan (download bronbestanden). Houd er rekening mee dat dit slechts een inleiding is tot het bouwen van widgets en dat u veel meer geavanceerde dingen kunt doen dan wat u in deze zelfstudie zult leren. Ik raad aan meer te lezen over de widget-API en een aantal andere populaire widget-plug-ins te bekijken om een ​​idee te krijgen van hoe krachtig de API werkelijk is.


De video-zelfstudie

Screencast: Flickr Widget

Bedankt voor het lezen! Als u vragen, opmerkingen of opmerkingen heeft, help ik u graag verder in de opmerkingen.