Készítsen egy termék-áttekintő adatbázist a Wordpress segítségével: Egyéni postai típusok, egyedi mezők, kiemelt képek és kütyü!

Hirdetés

Legutóbb megmutattam, hogyan kell hozzon létre egy egyszerű eseménylistát Hogyan készíthet saját eseményeket a WordPress egyéni üzenettípusaival?A WordPress lehetővé teszi az Egyéni postai típusok használatát a beépített funkciók kibővítéséhez. Itt van, hogyan kell beépülő modulok nélkül csinálni. Olvass tovább a WordPress 3.0 talán a legerősebb tulajdonságának - az egyedi postai típusok - használatával. Néhány továbbfejlesztés iránti kérelem után ma létrehozunk egy termékértékelési adatbázist, amely összekapcsolja mindazt, amit eddig megtanultunk.

Ön képes lesz külön terméklistát vezetni az egyedi üzenettípusok felhasználásával, mindegyikhez társított kép, valamint néhány meta-információk, például ár, besorolás, specifikációk - és mindent elkészítünk egy oldalsáv-widgetben és egy index oldal. Jól hangzik? Olvass tovább.

követelmények:

Szüksége lesz egy működő WordPress 3.0+ önálló üzemeltető telepítésre, és ehhez kiterjedt PHP kódolást kell használni. Meg fogom adni a kódot, de viszonylag jól kell viselkednie a PHP és az XHTML formátumban, hogy a változóneveket igényeihez igazítsa vagy stílusát megváltoztassa. Ha szüksége van egy gyors kezdő tanfolyamra a CSS-ről és az XHTML-ről, javasolhatnám a csodálatos ingyenes lehetőséget

kezdő útmutató Tanulja meg az "Internet" beszélgetést: Útmutató az xHTML-hezÜdvözöljük az XHTML - Extensible Hypertext Markup Language - világában - egy jelölőnyelv, amely lehetővé teszi bárki számára, hogy sok különböző funkcióval rendelkező weboldalt készítsen. Ez az internet elsődleges nyelve. Olvass tovább letölteni. Azt is javaslom, hogy használjon a tisztán kódolt de alapvető téma - az alapértelmezett Húsz-Ten vagy Húsz-Eleven A téma szerkesztése valójában meglehetősen bonyolult, tehát előbb próbáljon ki valami egyszerűbbet, mielőtt integrálna.

Ha elolvassa a múlt hetek bemutatóját, akkor némileg ismernie kell egy egyedi üzenettípus létrehozását a WordPress-ben. Másolás és beillesztés ezt az alapkódot egy új bővítménybe, aktiválja, és kezdjen hozzá néhány új terméket, így van adatkészlet, amellyel dolgozhatunk. (Megjegyzés: Ha inkább most töltse le a teljes és teljes kódot anélkül, hogy megpróbálna dolgokat hozzáadni az út mentén, használja ezt a kész kódot. Az oktatóprogramot továbbra is követheti, és testreszabhatja)

Azt is bölcs dolog eldönteni, hogy milyen meta-információt szeretne társítani az egyes termékekhez. A digitális fényképezőgépek adatbázisára például szükség lehet:

• Kiskereskedelmi ár
• Felbontás
• HD videó
• Beszerzési link
• Értékelés

Ahelyett, hogy közvetlenül ezt az információt hozzáadnánk a termék leírásához (a „tartalom közzétételéhez”), egyéni mezőket fogunk létrehozni az információk tárolására. A termék hozzáadása képernyőn ellenőrizze, hogy engedélyezte-e az egyéni mezőket, majd hozzon létre egy új mezőt minden információkészlethez. Új mezőket csak egyszer kell létrehoznia - a következő termék, amelyet hozzáad, a legördülő mezőből kiválaszthatja az egyéni mező nevét. Ne felejtse el hozzáadni egy kiemelt képet, és ezt később is felhasználhatja az információs termék mellett megjelenítésre.

Egyetlen termék sablonja

Ha megpróbálja megtekinteni valamelyik termékét, akkor valószínűleg kap egy 404 nem található hiba. Ennek javításához menjen a Permalinks beállítások a WordPressből, és csak nyomja meg Beállítások mentése egyszer. Most, amikor egy új termékbejegyzést megnéz, a témától függően, valószínűleg valami egyszerűt lát. A cím és a leírás szövege van, de mi van az összes egyedi metainformációval és a képpel?

Az egyes termékmegtekintések testreszabásához új sablonfájlt kell testreszabnunk single-products.php - ezt megteheti a meglévő másolásával single.php tehát a helyszínen van a hely, és nem a nulláról indulunk.

Ezen a ponton nagyon kicsit módosítom a sort, amely megjeleníti a „Írta: (szerző), (dátum)”, Tehát ehelyett csak„Hozzáadva az adatbázishoz (dátum)”. Csak így tudok biztos lenni abban, hogy a sablon működik, és az egyes termékek oldalának frissítésével azonnal meg kell jelennie ennek a változásnak.

Most, hogy hozzá tudjuk adni a termékhez csatolt kiemelt hozzászólási képet, ezt az egyik sort is meg kell csinálni (a stílusinformációkat is belefoglaltam, ha szüksége van rá). Feladtam a teljes kód a saját single-products.php-hez itt, de ne feledje, hogy ez egyedülálló a témámhoz, így egyszerűen átmásolva a saját témakönyvtárába váratlan eredményeket hozhat.

A metainformáció bárhol történő hozzáadásának legegyszerűbb módja a következő:

… De ez csak egy nagyon alapvető kimeneti listát fog adni a kulcs-érték párokról. Annak érdekében, hogy bármi bonyolultabb legyen a visszatérő értékekkel (például egy csillaggal ellátott grafika megjelenítése), meg kell ragadnia az összes értéket, majd azután ismételje meg őket. [Itt tekintheti meg a kódot]:

A fenti példában megvizsgálom az egyes egyedi mezőneveket (a $ kulcs), hogy kiderül-e,Szint’. Ha azt jelentése úgynevezett szintre, ahelyett, hogy csak visszatérnénk a mező értékét, egy másik grafikus elemet jelenítek meg a tartalom alapján. Bármilyen más egyedi mező esetében az értéket visszatükrözi, amint van, a mező nevével együtt (pontosan the_meta () csinál). Most az egyetlen termékoldalom így néz ki:

Az egyetlen termékmegtekintésre hagyom, mert ez valójában a saját témájától és attól függ, hogy mit akar elérni vele. Most egy másik oldalsáv-widgetre kattintva jeleníthetjük meg az adatbázisban a 3 legmagasabb rangú terméket?

Widget

Ehhez kissé módosítottam a kódot, amelyet a postában adtam neked Hogyan lehet írni egy alapvető WordPress-modult Hogyan hozhat létre saját alapvető Wordpress-kütyüketSzámos blogger keresni fogja a tökéletes Wordpress modult, amely pontosan azt fogja tenni, amit akar, de egy kis programozási tapasztalattal valószínűleg könnyebb megírni az egyedi modult. Ezen a héten ... Olvass tovább , de ahelyett, hogy egyetlen véletlenszerű bejegyzést mutatna be, kiigazítottam a következő [itt tekintheti meg a teljes kódot]:

Ezzel 3 hozzászólást kapok, amelyek hasonlóak az alábbi képernyőképen láthatóhoz. Ha nem látja valamelyik termékét, akkor nagyon óvatosan ellenőrizze a & meta_key = Értékelés részt, hogy megbizonyosodjon arról, hogy van-e az adott név metakulcsa. Figyelje meg, hogy úgy döntöttem, hogy megjelenik a termékhez társított metainformációk és a kiemelt miniatűrök is, de az adott kódblokkot szerkesztheti, hogy bármit megmutasson.

Termék archívum vagy lista

Végül szerettem volna létrehozni egy index / archívum oldalt is, hogy meglátogassam http://yourdomain.com/products/ az összes termék egyszerű listáját jeleníti meg, hasonlóan egy blog indexhez. Az alapvető kivonat + miniatűrök stílusa, amelyet megmutattam, hogyan kell elkészíteni a Hogyan adhat hozzá hozzászólás-indexképeket a témához Á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 cikk többnyire elegendő volt, de annak testreszabása érdekében megismételtem a archive.php fájlt a témámba, és átneveztem archive-products.php.

Ha még nem rendelkezik archívummal, csak készítsen másolatot index.php és nevezze át archive-products.php. Ismét úgy, hogy beállítottuk a cikk meta-info sorát és felhívtunk a the_meta () valahol, ezt kaptam:

Nyilvánvalóan kissé ostoba néz ki mind az archívumban, mind az oldalsávban, és megtehet egy kicsit több stílusmódosítással is, de ezt rajtad múlik.

Ma tőlem tőlem. Megnézheti a a teljes kód online itt - csak másolja és illessze be, vagy töltse le az egész dolgot az úgynevezett fájlba products.php, és helyezze be a plugins könyvtárba. Önnek képesnek kell lennie arra, hogy kibővítse a WordPress blogját bármi adatbázisra! Nehéz megválaszolni az esetlegesen felmerülő problémákat, de kérjük, írjon be a megjegyzésekbe, ha segítségre van szüksége, vagy szeretne mutassa meg elismerését - egy tweetet vagy egy Facebookot nagyon szívesen értékelnének, vagy akár megemlítenek a blogodban, ha úgy dönt, hogy végrehajtják ez. Köszönjük, hogy olvassa el, és ne felejtse el a többit sem WordPress útmutatók nekünk van!