Hirdetés

Sok blogger magas és alacsony keresést fog elérni a tökéletes WordPress widget számára, amely pontosan meg fogja csinálni akarják, de kevés programozási tapasztalattal előfordulhat, hogy könnyebb megírni az egyéni leírást widget.

Ezen a héten szeretném megmutatni, hogyan kell pontosan ezt csinálni, és a widget, amelyet fogunk írni, egy egyszerű, amely egyetlen véletlenszerű üzenetet választ ki a webhelyet, meghúzza a kiemelt képet, és megjeleníti azt az oldalsávban - egy vizuális “ellenőrizd ezt” widget, amely segít a felhasználóknak, hogy több tartalmat találjanak az Ön webhely.

Ez egy folytatódó sorozat kiterjesztése, amelyben megmutatom, milyen könnyű ez testreszabhatja a WordPress sablont 2 új hűvös Wordpress plugin és a Wordpress téma felépítésének megértéseEzen a héten átnézem a gyakran dicsért All-in-One SEO kiváló alternatíváját; egy plugin, amely megadja a Wordpress kiadói rendszer hatalmát, de lehetővé teszi a ... Olvass tovább .

Örülhet annak is, hogy tudomásul veszi, hogy új anyagot adtunk hozzá

WordPress oktatóanyagok kategória a MakeUseOf oldalra, ezért feltétlenül ellenőrizze, hogy van-e folyamatosan bővülő, naprakész tippeket és útmutatásokat tartalmazó gyűjtemény a világ kedvenc blogplatformja számára.

Főbb fogalmak: WordPress lekérdezések és a hurok

A blogod minden oldala lekérdezést tartalmaz a bejegyzés adatbázisához. A megtekintett oldaltól függően a lekérdezés megváltozik. Például a blog kezdőlapján a „szerezze be a legújabb 10 blogbejegyzést“. A kategória-archívumok megtekintésekor a lekérdezés „szerezze be a legújabb 20 hozzászólást csak a családi képek kategóriájában, rendezze az eredményeket a közzététel dátuma szerint“. Minden lekérdezés eredményhalmazt ad vissza, és a használt oldalsablontól függően minden eredményt a sablon fő „hurkán” hajtanak végre.

Minden oldal valójában egynél több lekérdezést is tartalmazhat, és akár saját lekérdezéseket is létrehozhat, hogy funkcionalitást adjon a sablon különböző helyeihez. Láthat egy példát erről a használatról a cikk alján - van néhány további lekérdezés, amelyek futnak minden olyan oldal, amelynek célja, hogy megmutassa az érdekelni kívánt cikkeket, vagy az ezt felvázoló cikkeket hét.

Az egyedi widget elkészítéséhez azonban egyszerűen létre kell hoznunk egy további lekérdezést, amely megragadja a véletlenszerű hozzászólások X számát és a képeket, és ezeket valamilyen módon megjeleníti az oldalsávon. A múlt héten már megmutattam neked a kódot ragadja meg a kiemelt képet Állítsa be blogját a WordPress segítségével: A végső útmutatóEl szeretné indítani a saját blogját, de nem tudja, hogyan? Keresse meg a WordPress-t, a ma elérhető leghatékonyabb blogplatformot. Olvass tovább , így tényleg csak tudnunk kell, hogyan kell elkészíteni egy új WordPress modult, és az oldalsávra helyezni.

Alapvető modul

Először hozzon létre egy új .php fájlt a wp-content / plugins Könyvtár. Az oktatóanyagot offline módban is követheti, majd a WordPress felületen feltöltheti, de azt találom, hogy könnyebb megírni, ahogyan megyünk, ha hibakeresésre lenne szükség. Hívja a fájlt, bármit is szeret, de megyek vele random-poszt-widget.php

Illessze be a következőket a fájlba, és mentse. Nyugodtan változtassa meg a tetején található szakaszt úgy, hogy benne legyen a nevem, de a kód többi részét még ne módosítsa. Ez alapvetően egy üres csontváz widget, és láthatja, hogy hol áll // A WIDGET KÓD ITT KERES ahol később hozzáadjuk funkcionalitásunkat.

php. /* Beépülő modul neve: Random Post Widget. Plugin URI: http://jamesbruce.me/ Leírás: A Random Post Widget megragad egy véletlenszerű hozzászólást és a hozzá tartozó miniatűröket, hogy megjelenjen az oldalsávon. Szerző: James Bruce. Verzió: 1. Szerző URI: http://jamesbruce.me/ * / A RandomPostWidget osztály kiterjeszti a WP_Widget alkalmazást. {function RandomPostWidget () {$ widget_ops = array ('classname' => 'RandomPostWidget', 'description' => 'Véletlenszerű hozzászólást jelenít meg miniatűrrel'); $ this-> WP_Widget ('RandomPostWidget', 'Random Post and Thumbnail', $ widget_ops); } függvény forma ($ példány) {$ példány = wp_parse_args ((tömb) $ példány, tömb ('cím' => '')); $ title = $ példány ['cím'];
Cím: 
php} funkciófrissítés ($ new_instance, $ old_instance) {$ instance = $ old_instance; $ példány ['cím'] = $ new_instance ['cím']; visszatér $ példány; } Funkció widget ($ args, $ példány) {kivonat ($ args, EXTR_SKIP); echo $ before_widget; $ title = üres ($ példány ['title'])? '': Apply_filters ('widget_title', $ példány ['cím']); if (! üres ($ cím)) echo $ before_title. $ Címet. $ After_title;; // A WIDGET KÓDOT ITT echo "
 Ez az új widgetem! 
"; echo $ after_widget; } } add_action ('widgets_init', create_function ('', 'return register_widget ("RandomPostWidget");'));

Mégis, a plugin nem sokkal különösebb, ha kinyomtat egy nagy címet, amely a „Ez az új widget!“.

Ez azonban lehetőséget ad arra, hogy megváltoztassa a címet, ami elengedhetetlen minden widgethez. Más lehetőségek beillesztése egy kicsit túlmutat a mai cikk hatályán, tehát most menjünk tovább, hogy valódi célt szolgáljunk.

Új lekérdezés és a hurok

Ha új lekérdezést szeretne készíteni a blog adatbázisában, akkor a query_posts () funkciót néhány paraméterrel együtt, majd futtassa át a kimenetet egy rövid hurok segítségével. Próbáljuk meg ezt - egy nagyon egyszerű lekérdezés és hurok a bemutatáshoz. Cserélje ki a kódot, amely a következőt mondja:

a következőkkel:

// A WIDGET KÓD ITT KERES. query_posts ( ''); if (have_posts ()): while (have_posts ()): the_post (); a cím(); endwhile; endif; wp_reset_query (); 

Ez egy abszolút alapvető lekérdezés, amely alapértelmezett beállításokat és nulla formátumú kimenetet használ. A blog beállításától függően az alapértelmezés szerint valószínűleg a 10 legfrissebb üzenet megragadása lesz - akkor a fenti kód az, hogy minden egyes üzenet címe megjelenik. Nagyon csúnya, de működik:

Rögtön kissé jobbá tehetjük, ha hozzáadunk néhány HTML formázást a kimeneten a VISSZHANG parancsot, és hozzon létre egy hivatkozást a bejegyzéshez a get_the_permalink () funkció:

 query_posts ( ''); if (have_posts ()): echo "

• “; while (have_posts ()): the_post (); visszhang ”
  • „.Get_the_title ().”

“; endwhile; visszhang ”

“; endif; wp_reset_query ();

Máris sokkal jobban néz ki. De csak egy véletlenszerűen kiválasztott posztot akarunk. Ehhez meg kell adni néhány paramétert a lekérdezésben:

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

Természetesen tetszőleges számú üzenetre cserélheti - sőt, van egy az extra bitek teljes skálája, amelyet átadhat a lekérdezésbe az eredmények sorrendjének korlátozása, kibővítése vagy megváltoztatása érdekében, de most tartsuk be ezt. Ha frissít, akkor csak egy bejegyzést kell látnia, amely minden frissítés alkalmával véletlenszerűen kerül kiválasztásra.

Most a kiemelt miniatűrre. Cserélje ki a kódot erre, remélhetőleg láthatja, hol fogjuk meg a miniatűröt és megjelenítjük azt:

query_posts ( 'posts_per_page = 1 & orderby = rand'); if (have_posts ()): echo "

• “; while (have_posts ()): the_post (); visszhang ”
  • „.Get_the_title (); echo the_post_thumbnail (tömb (220,200)); visszhang ”

“; endwhile; visszhang ”

“; endif; wp_reset_query ();

A végeredményeket ismét láthatja a fejlesztési blog Saját önellátási útmutatómban, bár talán már át is mozgathattam a dolgokat, amikor elolvastam.

Következtetés:

Nézze meg, milyen könnyű elkészíteni saját egyedi widgetjét, amely pontosan azt teszi, amit akar? Még ha nem is érti annak a kódnak a 90% -át, amelyet ma megmutattam neked, akkor is képesnek kell lennie arra, hogy kissé testreszabja a változók megváltoztatásával vagy a különféle HTML-kimenetek kiadásával. Ma egész widgetet írtunk, de egyszerűen csak az új lekérdezést és hurokkódot használhatja bármelyik oldalsablonon.