Tehke Wordpressiga tooteülevaate andmebaas: kohandatud postitustüübid, kohandatud väljad, esiletõstetud pildid ja vidinad!

Reklaam

Viimati näitasin teile, kuidas seda teha looge lihtne sündmuste loetelu Kuidas koostada oma sündmuste loendit WordPressis kohandatud postitustüüpide abilWordPress võimaldab teil kasutada sisseehitatud funktsioonide laiendamiseks kohandatud postitustüüpe. Siit saate teada, kuidas seda ilma pistikprogrammideta teha. Loe rohkem kasutades ehk WordPress 3.0 kõige võimsamat funktsiooni - kohandatud postitustüübid. Pärast mõningaid taotlusi selle edasiarendamiseks loome täna tooteülevaate andmebaasi, et siduda kokku kõik, mida seni oleme õppinud.

Saate hallata eraldi toodete loendit, kasutades kohandatud postitustüüpe, millest igaühel on nii seotud pilt kui ka mõned metainfo, näiteks hind, hinnang, spetsifikatsioonid - ja lõpetame selle kõik viisiga, kuidas kuvada neid külgriba vidinas ja registrileht. Kõlab hästi? Loe edasi.

Nõuded:

Teil on vaja töötavat WordPress 3.0+ ise hostitavat installimist ja see kasutab ulatuslikku PHP kodeerimist. Ma annan teile koodi, kuid peate PHP ja XHTML-iga suhtuma suhteliselt mugavalt, et kohandada muutujate nimesid vastavalt vajadustele või muuta stiili. Kui vajate CSS-i ja XHTML-i kiiret algajate kursust, võiksin soovitada meie suurepärase tasuta

algajate juhend Õppige Internetist rääkima: teie juhend xHTML-i jaoksTere tulemast XHTML-i - laiendatava hüperteksti märgistuskeele - maailma - märgistuskeel, mis võimaldab kõigil luua paljude erinevate funktsioonidega veebilehti. See on Interneti peamine keel. Loe rohkem alla laadida. Samuti soovitaksin teil kasutada a puhtalt kodeeritud aga põhiline teema - vaikeseade Kakskümmend kümme või Kakskümmend üksteist teemat on tegelikult üsna keeruline redigeerida, nii et enne selle integreerimist proovige seda kõige lihtsama kohta.

Kui lugesite eelmiste nädalate õpetust, peaksite WordPressis kohandatud postitustüübi loomisega pisut tuttav olema. Kopeeri ja kleebi see põhikood uude pluginasse, aktiveerige see ja alustage uute toodete lisamist, nii et meil oleks andmestik, millega töötada. (Märkus. Kui eelistaksite kohe alla laadida täieliku ja täieliku koodi, proovimata asju sinna lisada, kasuta selle asemel valmis koodi. Saate seda õppematerjali endiselt jälgida ja seda vastavalt meie vajadustele kohandada)

Samuti on mõistlik nüüd otsustada, millist metainfot soovite iga tootega seostada. Näiteks võib vajada digitaalkaamerate andmebaasi:

• Letihind
• Resolutsioon
• HD-video
• Ostulink
• Hinnang

Selle asemel, et lisada see teave otse toote kirjeldusele („postituse sisu”), loome selle teabe hoidmiseks kohandatud väljad. Toote lisamise ekraanil veenduge, et olete lubanud kohandatud väljad, seejärel looge iga infokomplekti jaoks uus väli. Uued väljad peate looma ainult üks kord - järgmisel lisamisel saate rippmenüüst valida kohandatud välja nime. Ärge unustage lisada esiletõstetud pilti. Kasutage seda ka hiljem teabetoote kõrval kuvamiseks.

Üksiku toote mall

Kui proovite mõnda oma toodet nüüd vaadata, saate tõenäoliselt a 404 - ei leitud viga. Selle parandamiseks suunduge permalinkside seaded WordPressist ja lihtsalt lüüa Salvesta sätted üks kord. Nüüd, kui vaatate ühte oma uue toote sissekannet, võib teie teemast sõltuvalt näha midagi pisut tavalist. Pealkiri ja kirjelduse tekst on olemas, aga kuidas on meie kõigi kohandatud metaandmete ja kujutisega?

Üksikute tootevaadete kohandamiseks peame kohandama uue mallifaili nimega üksiktooted.php - selleks kopeerige olemasolev single.php nii et meil on eeltöö paigas ja me ei alusta nullist.

Praegu teen väga väikese muudatuse reale, mis kuvab „Kirjutas (autor) (kuupäev)”, Selle asemel loeb see lihtsalt“Andmebaasi lisatud (kuupäev)”. See on lihtsalt nii, et võin olla kindel, et mall töötab ja üksiku toote lehe värskendamine peaks seda muudatust kohe näitama.

Nüüd, kui soovite tootele lisatud esiletõstetud pildi lisada, peaks see üks rida seda tegema (ma lisasin ka stiiliteabe, kui vajate). Ma postitasin minu enda toodete-koodide täiskood siin, kuid pidage meeles, et see on ainulaadne minu teema jaoks, nii et lihtsalt kopeerimine oma teemakataloogi võib põhjustada ootamatuid tulemusi.

Lihtsaim viis metainfo lisamiseks on kasutada:

... kuid see annab meile ainult võtmeväärtuste paaride väga lihtsa väljundloendi. Tagastatud väärtustega keerukamaks tegemiseks (näiteks tärnide graafika kuvamiseks) peate haarama kõik väärtused ja seejärel neid kordama. [Vaadake koodi siit]:

Ülaltoodud näites kontrollin iga kohandatud välja nime ( $ võti), et näha, kas seda nimetatakseTase’. Kui see on kutsutakse tasemeks, selle asemel, et lihtsalt välja tagasi väärtust kajastada, kuvaksin sisul põhineva erineva graafilise elemendi. Muude kohandatud väljade puhul kajastan väärtust, nagu see on, koos välja nimega (mis on täpselt see, mida the_meta () teeb). Nüüd näeb minu üksiku toote leht välja selline:

Jätan selle üksikute tootevaadete jaoks, kuna see sõltub tõesti teie enda teemast ja sellest, mida soovite sellega saavutada. Liigume nüüd külgriba vidinale, et kuvada... andmebaasis 3 kõrgeimat asetust omavat toodet?

Vidin

Selleks kohandasin pisut koodi, mille ma teile enne postitust andsin Kuidas kirjutada tavalist WordPressi vidinat Kuidas luua oma põhilisi Wordpressi vidinaidPaljud blogijad otsivad täiuslikku Wordpressi vidinat, mis teeb täpselt seda, mida nad tahavad, kuid väikese programmeerimiskogemusega võib teil olla lihtsam oma kohandatud vidinat kirjutada. Sel nädalal tahaksin ... Loe rohkem , kuid ühe juhusliku postituse kuvamise asemel kohandasin seda järgmiste [täielikku koodi saate vaadata siit]:

Sellega saadakse mulle 3 postitust, mis on sarnaselt allpool toodud ekraanipildiga. Kui te ei näe ühtegi oma toodet, siis kontrollige väga hoolikalt jaotist, kus öeldakse & meta_key = Hinnang, et veenduda, kas teil on selle nime metavõti. Pange tähele, kuidas ma valisin ka selle tootega seotud metateabe kuvamise koos esiletoodud pisipildiga, kuid saate seda konkreetset koodiplokki redigeerida, et näidata kõike, mis teile meeldib.

Tootearhiiv või loend

Lõpuks tahtsin teha ka indeks- / arhiivilehe, nii et külastamine http://yourdomain.com/products/ kuvaks kõigi toodete lihtsa loendi, mis sarnaneb ajaveebide registriga. Põhiline väljavõte + postituse pisipiltide stiil, mida ma näitasin teile, kuidas teha Kuidas lisada teema teemadele pisipilte Seadistage oma ajaveeb WordPressi abil: ülim juhendKas soovite luua oma ajaveebi, kuid ei tea kuidas? Vaadake WordPressi, tänapäeval kõige võimsama ajaveebi platvormi. Loe rohkem artikkel oli enamasti piisav, kuid selle kohandamiseks dubleerisin arhiiv.php faili minu teemasse ja nimetasin selle ümber arhiiv-tooted.php.

Kui teil veel pole arhiivilehte, siis lihtsalt kopeerige indeks.php ja nimetage see ümber arhiiv-tooted.php. Jällegi, kohandades artikli meta-infoliini ja lisades kõne the_meta () kuskilt sain selle:

Ilmselt tundub see nii arhiivide kui ka külgribaga pisut tobe ja seda võiks teha natuke stiililisema kohandamisega, kuid ma jätan selle teie teha!

See on täna minu käest. Saate vaadata täielik kood onlain siin - kopeerige ja kleepige või laadige kogu asi alla faili nimega tooted.phpja pange see oma pistikprogrammide kataloogi. Teil peaks olema võimalik oma WordPressi ajaveebi nüüd laiendada andmebaasiks, mis sisaldab kõike! Võimalikele probleemidele on keeruline vastata, kuid palun lisage kommentaaridesse, kui soovite abi või soovite näidake üles oma tunnustust - säutsu või Facebooki sooviks väga, või isegi mainige seda oma blogis, kui otsustate juurutada see. Täname, et lugesite ja ärge unustage kõiki teisi WordPressi õpetused meil on!