Oglas

kako ustvariti gradnikeŠtevilni blogerji bodo iskali visoko in nizko popoln pripomoček WordPress, ki bo naredil točno to želijo, toda z malo izkušenj s programiranjem boste morda lažje zapisali svoje navade gradnik.

Ta teden bi rad pokazal, kako to storiti, pripomoček, o katerem bomo pisali, pa je preprost, ki iz vašega spletno mesto, potegne predstavljeno sliko in jo prikaže na stranski vrstici - vizualni pripomoček »preveri to«, ki bo uporabnikom pomagal najti več vsebine v vaši spletnega mesta.

To je tudi podaljšek nadaljevalne serije, v kateri vam pokažem, kako enostavno je prilagodite predlogo WordPress 2 novi kul Wordpress vtičniki in razumevanje strukture Wordpress temeTa teden si bom ogledal nadrejeno alternativo pogosto hvaljenemu SEO All-In-One SEO; vtičnik, ki vam daje moč založniškega sistema Wordpress, vendar vam omogoča, da izpeljete ... Preberi več .

Morda boste tudi veseli, če veste, da smo dodali novo Kategorija Vadnice za WordPress za MakeUseOf, zato ne pozabite preveriti vedno večjega arhiva posodobljenih nasvetov in vodnikov do priljubljene svetovne platforme za bloganje.

instagram viewer

Ključni pojmi: WordPress poizvedbe in zanka

Vsaka stran v vašem blogu je sestavljena iz poizvedbe po vaši zbirki objav. Glede na stran, ki jo gledate, se bo poizvedba spremenila. Na primer, vaša domača stran spletnega dnevnika lahko uporabi poizvedbo »dobite najnovejše 10 objav na spletnem dnevniku“. Ko si ogledate arhive kategorij, se lahko poizvedba spremeni v »dobite najnovejših 20 objav samo za kategorijo družinskih fotografij, naročite rezultate po datumu objave“. Vsaka poizvedba bo vrnila niz rezultatov, odvisno od uporabljene predloge strani pa se bo vsak rezultat vodil skozi glavno "zanko" predloge.

Vsaka stran lahko dejansko vsebuje več poizvedb in lahko ustvarite tudi svoje poizvedbe, da dodate funkcionalnost na različna mesta v predlogi. Primer tega si lahko ogledate v uporabi na dnu tega članka - imamo še nekaj dodatnih poizvedb vsako stran, katere cilj je prikazati sorodne članke, ki bi vas lahko zanimali, ali članke, ki težijo k temu teden.

Za izdelavo našega pripomočka po meri bomo morali preprosto ustvariti dodatno poizvedbo, ki bo zajela X število naključnih objav in njihove slike in jih na nek način prikazala na stranski vrstici. Prejšnji teden sem vam že pokazal kodo zgrabite predstavljeno sliko Nastavite svoj blog z WordPressom: The Ultimate GuideŽelite ustanoviti svoj blog, vendar ne veste, kako? Poglejte WordPress, najzmogljivejšo platformo za bloganje, ki je danes na voljo. Preberi več , zato moramo res samo vedeti, kako narediti nov WordPress widget in ga postaviti na stransko vrstico.

Osnovna koda gradnikov

Začnite z ustvarjanjem nove .php datoteke v svojem wp-content / vtičniki imenik. Lahko tudi sledite vadnici brez povezave in jo nato naložite z vmesnikom WordPress, vendar se mi zdi lažje pisati, ko gremo naprej, če boste morali odpraviti napako. Pokličite datoteko, kar vam je všeč, toda jaz grem random-post-widget.php

V datoteko prilepite naslednje in shranite. Odsek na vrhu spremenite z mojim imenom, vendar še ne prilagodite preostale kode. To je v bistvu skelet prazen pripomoček in vidite, kje piše // KODA WIDGET JE TUKAJ kjer bomo kasneje dodali svojo funkcionalnost.

php. /* Ime vtičnika: Naključna objava objav. URI vtičnika: http://jamesbruce.me/ Opis: Random Post Widget zgrabi naključno objavo in pripadajočo sličico, ki se prikaže na vaši stranski vrstici. Avtor: James Bruce. Različica: 1. URI avtorja: http://jamesbruce.me/ * / razred RandomPostWidget podaljša WP_Widget. {funkcija RandomPostWidget () {$ widget_ops = array ('classname' => 'RandomPostWidget', 'description' => 'Prikaže naključno objavo s sličico'); $ this-> WP_Widget ('RandomPostWidget', 'Naključna objava in sličica', $ widget_ops); } funkcijski obrazec ($ primerek) {$ instance = wp_parse_args ((array) $ instance, array ('title' => ''); $ title = $ instance ['title'];

php} posodobitev funkcije ($ new_instance, $ old_instance) {$ instance = $ old_instance; $ instance ['title'] = $ new_in substance ['title']; vrniti primerek $; } funkcijski gradnik ($ args, $ instance) {ekstrakt ($ args, EXTR_SKIP); echo $ before_widget; $ title = prazen ($ instance ['title'])? '': apply_filters ('widget_title', $ instance ['title']); če (! prazno ($ naslov)) odmeva $ before_title. $ naslov. $ after_title;; // KODA WIDGET JE TUKAJ odmevala "

To je moj novi widget!

"; echo $ after_widget; } } dodajanje ('widgets_init', create_function ('', 'return register_widget ("RandomPostWidget");'));

Kakor že je, vtičnik ne razlikuje veliko od izpisa velikega naslova z besedami "To je moj novi pripomoček!“.

kako ustvariti gradnike

Vendar vam daje možnost, da spremenite naslov, kar je bistveno za vsak gradnik. Dodajanje drugih možnosti danes nekoliko presega področje uporabe tega članka, zato zaenkrat nadaljujmo z dejanskim namenom.

napišite svoj pripomoček

Novo poizvedovanje in zanka

Za novo poizvedbo v zbirki podatkov spletnega dnevnika morate uporabiti query_posts () deluje skupaj z nekaj parametri, nato pa zaženite skozi izhod s pomočjo zanke while. Poskusimo to - zelo osnovna poizvedba in zanka za prikaz. Zamenjajte vrstico kode, ki pravi:

z naslednjim:


// KODA WIDGET JE TUKAJ. query_posts (''); if (have_posts ()): while (have_posts ()): the_post (); naslov(); končno; endif; wp_reset_query (); 

To je popolnoma osnovna poizvedba z uporabo privzetih možnosti in ničelnim oblikovanjem izhoda. Glede na to, kako je vaš blog nastavljen, bo privzeto najverjetneje zgrabil 10 najnovejših objav - potem je vse zgoraj navedeno kodo, da izpišete naslov vsake objave. Precej grdo je, vendar deluje:

napišite svoj pripomoček

Takoj lahko naredimo malo boljše, če dodamo nekaj oblikovanja HTML v izhod s ECHO ukaz in ustvarjanje povezave do objave z uporabo get_the_permalink () funkcija:

 query_posts (''); če (have_posts ()): odmev "
    • “; while (have_posts ()): the_post (); odmev ”
    • ".Get_the_title ()."

“; končno; odmev ”

“; endif; wp_reset_query ();

napišite svoj pripomoček

Že zdaj je videti veliko bolje. Želimo pa samo eno objavo, izbrano naključno. Če želite to narediti, v poizvedbi navedemo nekaj parametrov:

 query_posts ('posts_per_page = 1 & orderby = rand'); 

Seveda ga lahko spremenite v poljubno število objav - v resnici obstaja celoten niz dodatnih bitov, ki jih lahko prenesete v poizvedbo da bi omejili, razširili ali spremenili vrstni red rezultatov, vendar se tega za zdaj držimo. Če osvežite, bi morali videti samo eno objavo, ki je vsakokrat naključno naključna.

Zdaj za predstavljeno sličico. Kodo nadomestite s tem, upam, da boste videli, kje zagrabimo sličico in jo prikažemo:


query_posts ('posts_per_page = 1 & orderby = rand'); če (have_posts ()): odmev "
    • “; while (have_posts ()): the_post (); odmev ”
    • “.Get_the_title (); echo the_post_thumbnail (matrika (220.200)); odmev "

“; končno; odmev ”

“; endif; wp_reset_query ();

Končne rezultate lahko ponovno vidite na mojem razvojnem blogu Vodnik o samooskrbi, čeprav sem mogoče stvari prestavil do trenutka, ko ste to prebrali.

kako ustvariti gradnike

Zaključek:

Vidite, kako enostavno je izdelati svoj pripomoček po meri, ki lahko naredi točno tisto, kar želite? Tudi če ne razumete 90% kode, ki sem vam jo prikazal danes, bi jo morali še vedno nekoliko prilagoditi tako, da spremenite spremenljivke ali pošljete drug HTML. Danes smo napisali celoten pripomoček, vendar lahko preprosto uporabite samo novo poizvedbo in kodo zanke na kateri koli od vaših predlog.

James ima doktorat iz področja umetne inteligence in ima certifikat CompTIA A + in Network +. Je vodilni razvijalec MakeUseOf in svoj prosti čas preživlja z igranjem VR paintball in družabnih iger. Z računalniki gradi že od malih nog.