Realizați o bază de date de revizuire a produselor cu Wordpress: Tipuri de postare personalizate, câmpuri personalizate, imagini și widget-uri recomandate!

Publicitate

Ultima dată v-am arătat cum trebuie creați o listă de evenimente simple Cum să vă faceți propriile listări de evenimente folosind tipuri de postare personalizate în WordPressWordPress vă permite să utilizați Tipuri de postare personalizate pentru a extinde funcționalitatea încorporată. Iată cum se poate face fără pluginuri. Citeste mai mult folosind poate cea mai puternică caracteristică a WordPress 3.0 - tipuri de postare personalizate. După câteva solicitări pentru a dezvolta acest lucru în continuare, astăzi vom crea o bază de date de revizuire a produselor pentru a lega tot ceea ce am învățat până acum.

Veți putea menține o listă separată de produse folosind tipuri de postare personalizate, fiecare cu o imagine asociată, precum și unele meta-informații, cum ar fi prețul, ratingul, specificațiile - și vom finaliza totul cu o modalitate de a le afișa într-un widget de bara laterală și un pagina index. Suna bine? Citiți mai departe.

cerinţe:

Veți avea nevoie de o instalare funcțională self-hosting WordPress 3.0+, iar acest lucru va folosi codificarea PHP extinsă. Îți voi da codul, dar va trebui să fii relativ confortabil cu PHP și XHTML pentru a ajusta numele variabile la nevoile tale sau pentru a schimba stilul. Dacă aveți nevoie de un curs de începători rapid pe CSS și XHTML, vă pot sugera gratuit minunatul nostru

ghid pentru incepatori Învață să vorbești „Internet”: Ghidul tău pentru xHTMLBine ați venit în lumea XHTML - Extensible Hypertext Markup Language - un limbaj de marcare care permite oricui să construiască pagini web cu multe funcții diferite. Este limba principală a Internetului. Citeste mai mult a descărca. Vă sugerez, de asemenea, să utilizați o codat curat dar de bază tema - implicită Doua zeci zece sau Douazeci unsprezece tema este de fapt destul de complicată de editat, așa că încercați acest lucru pe ceva mai simplu înainte de a încerca să vă integrați cu asta.

Dacă citiți tutorialul săptămânilor trecute, ar trebui să vă familiarizați cu crearea unui tip de post personalizat în WordPress. Copiaza si lipeste acest cod de bază într-un nou plugin, activați-l și începeți să adăugați câteva produse noi, astfel încât să avem un set de date cu care să lucrăm. (Notă: Dacă preferați să descărcați codul complet și acum fără să încercați să adăugați lucrurile pe parcurs, utilizați în schimb acest cod finalizat. Puteți să urmați în continuare, împreună cu tutorialul și să-l personalizați pe măsură ce mergem)

De asemenea, este înțelept să decideți acum ce tip de meta-informații doriți să asociați cu fiecare produs. O bază de date de camere digitale, de exemplu, ar putea avea nevoie de:

• Preț de vânzare
• Rezoluţie
• Video HD
• Link de cumpărare
• evaluare

În loc să adăugăm aceste informații direct la descrierea produsului („postarea conținutului”), vom crea câmpuri personalizate pentru a reține aceste informații. În ecranul de adăugare a produsului, asigurați-vă că ați activat câmpurile personalizate, apoi creați un câmp nou pentru fiecare set de informații. Va trebui să creați câmpuri noi o singură dată - următorul produs pe care îl adăugați va putea selecta numele câmpului personalizat din caseta derulantă. Nu uitați să adăugați o imagine prezentată, precum și să o utilizați pentru a afișa alături de produsul informativ ulterior.

Șablon de produs unic

Dacă încercați să vedeți unul dintre produsele dvs. acum, veți primi probabil un 404 Nu a fost gasit eroare. Pentru a remedia asta, îndreptați-vă către setări de legături permanente de WordPress și doar a lovit Salvează setările o singura data. Acum, când vedeți una dintre noile dvs. intrări de produse, în funcție de tema dvs., puteți vedea ceva puțin clar. Titlul și textul de descriere există, dar despre toate meta informațiile noastre personalizate și imaginea?

Pentru a personaliza vizualizările produsului unic, va trebui să personalizăm un nou fișier șablon numit single-products.php - faceți acest lucru prin duplicarea dvs. existent single.php așa că avem temeiul în loc și nu începem de la zero.

În acest moment, voi face o modificare foarte mică la linia care afișează „Scris de (autor) la (data)”, Așa că, în schimb, scrie doar„Adăugat la baza de date la (data)”. Acest lucru este doar pentru a putea fi sigur că șablonul funcționează, iar actualizarea paginii de produs unic ar trebui să arate această modificare instantaneu.

Acum, pentru a adăuga imaginea postată prezentată pe care am atașat-o produsului, această linie ar trebui să o facă (am inclus informații despre stil, în caz că aveți nevoie). Am postat cod complet la propriile mele single-products.php aici, dar amintiți-vă că este unic pentru tema mea, astfel încât simpla copiere în directorul dvs. tematic poate produce rezultate neașteptate.

Cel mai simplu mod de a adăuga meta informațiile oriunde este să folosești:

... dar aceasta ne va oferi doar o listă de bază de perechi cheie-valoare. Pentru a face orice este mai complicat cu valorile returnate (cum ar fi afișarea unui grafic cu stea), trebuie să apucați toate valorile, apoi să le repetați. [Vizualizați codul aici]:

În exemplul de mai sus, verific fiecare nume de câmp personalizat ( $ cheie) pentru a vedea dacă se numește „Nivel’. Daca este numit nivel, în loc să răspund doar valorii câmpului înapoi, afișez un element grafic diferit bazat pe conținut. Pentru orice alte câmpuri personalizate, răspund valoarea așa cum este, împreună cu numele câmpului (care este exact ceea ce the_meta () face). Acum pagina mea de produs unică arată astfel:

O voi lăsa acolo pentru vizualizări ale unui singur produs, deoarece depinde cu adevărat de tema dvs. și de ceea ce doriți să obțineți cu ea. Deocamdată, să trecem la un widget pentru bara laterală pentru a afișa... cele mai clasate 3 produse din baza de date?

Widget

Pentru a face acest lucru, am ajustat ușor codul pe care vi l-am dat înainte în postare Cum se scrie un Widget de bază WordPress Cum să vă creați propriile widget-uri Wordpress de bazăMulți bloggeri vor căuta widget-ul Wordpress perfect care va face exact ceea ce își doresc, dar, cu puțină experiență de programare, s-ar putea să găsiți că este mai ușor să vă scrieți widgetul personalizat. Săptămâna aceasta ... Citeste mai mult , dar în loc să afișez o singură postare la întâmplare, am ajustat-o ​​cu următoarele [vizualizați codul complet aici]:

Acest lucru îmi va oferi 3 postări prezentate similar cu ecranul de exemplu de mai jos. Dacă nu vedeți niciun produs afișat, verificați cu atenție secțiunea care spune & meta_key = Evaluare pentru a vă asigura că aveți de fapt o meta-cheie a acestui nume. Observați cum am ales să afișez informațiile meta asociate cu acel produs împreună cu miniatura prezentată, dar puteți edita acel bloc de cod special pentru a arăta orice doriți.

Arhive de produse sau listare

În cele din urmă, mi-am dorit să fac și o pagină index / arhive, pentru ca vizitarea http://yourdomain.com/products/ ar arăta o listă simplă cu toate produsele, similar cu un index al blogului. Extractul de bază + stilul de miniaturi post, v-am arătat cum să faceți în Cum să adaugi postări Miniaturi la tema ta Configurați-vă blogul cu WordPress: Ghidul finalVrei să începi propriul blog, dar nu știi cum? Uitați-vă la WordPress, cea mai puternică platformă de blog disponibilă astăzi. Citeste mai mult articolul era în mare parte suficient, dar pentru a-l personaliza am duplicat archive.php fișier în tema mea și redenumit-o Arhiva-products.php.

Dacă nu aveți deja o pagină de arhivă, doar copiați-o index.php și redenumește-l la Arhiva-products.php. Din nou, prin ajustarea liniei meta-informaționale a articolului și adăugarea unui apel la the_meta () undeva, am primit asta:

Evident, pare un pic prost atât cu arhivele, cât și cu bara laterală și s-ar putea face cu o ajustare a stilului ceva mai mare, dar voi lăsa asta!

Asta e de la mine astăzi. Puteți vedea completează codul complet online aici - trebuie doar să copiați și să lipiți sau să descărcați totul într-un fișier numit products.phpși introduceți-l în directorul dvs. de pluginuri. Ar trebui să poți extinde potențial blogul tău WordPress într-o bază de date a oricărui lucru acum! Este dificil să răspunzi la problemele individuale pe care le poți avea, dar te rog să postezi comentariile dacă vrei un ajutor sau vrei arată-ți aprecierea - ar fi foarte apreciat un tweet sau un Facebook, sau chiar o mențiune pe blogul tău dacă decizi să implementezi acest. Vă mulțumim pentru citit și nu uitați de toate celelalte Tutoriale WordPress noi avem!