Izveidojiet produktu pārskatu datu bāzi ar WordPress: pielāgoti ziņu veidi, pielāgoti lauki, piedāvātie attēli un logrīki!

Reklāma

Pagājušajā reizē es parādīju kā izveidojiet vienkāršu notikumu sarakstu Kā izveidot pats savu notikumu sarakstu, izmantojot WordPress pielāgotus ziņu veidusWordPress ļauj izmantot Custom Post Types, lai paplašinātu iebūvēto funkcionalitāti. To var izdarīt bez spraudņiem. Lasīt vairāk izmantojot, iespējams, visspēcīgāko WordPress 3.0 funkciju - pielāgotu pastu veidus. Pēc dažiem pieprasījumiem to tālāk attīstīt, šodien mēs izveidosim produktu pārskatu datu bāzi, lai sasaistītu visu, ko līdz šim esam uzzinājuši.

Jūs varēsit uzturēt atsevišķu produktu sarakstu, izmantojot pielāgotus ziņu veidus, katram ar saistītu attēlu, kā arī dažiem meta-informācija, piemēram, cena, vērtējums, specifikācijas - un mēs to visu pabeigsim, lai parādītu tos sānjoslas logrīkā un indeksa lapa. Izklausās labi? Turpini lasīt.

Prasības:

Jums būs nepieciešama darbināma WordPress 3.0+ pašu mitināta instalēšana, un tas prasīs plašu PHP kodēšanu. Es jums norādīšu kodu, taču jums būs diezgan ērti jālieto PHP un XHTML, lai mainīgos nosaukumus pielāgotu jūsu vajadzībām vai mainītu stilu. Ja jums ir nepieciešams ātri iesācēju kurss par CSS un XHTML, es varu ieteikt mūsu brīnišķīgo bezmaksas

iesācēju ceļvedis Iemācieties runāt "internetā": jūsu ceļvedis xHTMLLaipni lūdzam XHTML - paplašināmā hiperteksta iezīmēšanas valoda - iezīmēšanas valoda, kas ļauj ikvienam izveidot tīmekļa lapas ar daudzām dažādām funkcijām. Tā ir galvenā interneta valoda. Lasīt vairāk lai lejupielādētu. Es arī ieteiktu jums izmantot a tīri kodēts bet pamata motīvs - noklusējuma Divdesmit desmit vai Divdesmit vienpadsmit motīvu rediģēt ir diezgan sarežģīti, tāpēc vispirms mēģiniet izmēģināt kaut ko vienkāršāku, pirms mēģināt to integrēt.

Ja lasāt pēdējo nedēļu apmācību, jums vajadzētu būt nedaudz pazīstamam ar pielāgota ziņas veida izveidi WordPress. Kopējiet un ielīmējiet šo bāzes kodu jaunā spraudnī, aktivizējiet to un sāciet pievienot dažus jaunus produktus, lai mums būtu datu kopums, ar kuru strādāt. (Piezīme: ja jūs drīzāk lejupielādētu pilnu un pilnu kodu, nemēģinot visu laiku pievienot, tā vietā izmantojiet šo gatavo kodu. Jūs joprojām varat sekot līdzi apmācībai un pielāgot to atbilstoši mums)

Ir arī saprātīgi tagad izlemt, kādu metainformāciju vēlaties saistīt ar katru produktu. Piemēram, digitālo kameru datu bāzei varētu būt nepieciešams:

• Mazumtirdzniecības cena
• Izšķirtspēja
• HD video
• Pirkuma saite
• Vērtējums

Tā vietā, lai pievienotu šo informāciju tieši produkta aprakstam (“publicēšanas saturam”), mēs izveidosim pielāgotus laukus šīs informācijas glabāšanai. Produkta pievienošanas ekrānā pārliecinieties, vai esat iespējojis pielāgotos laukus, pēc tam katrai informācijas kopai izveidojiet jaunu lauku. Jauni lauki būs jāizveido tikai vienreiz - nākamais pievienotais produkts nolaižamajā lodziņā varēsit atlasīt pielāgotā lauka nosaukumu. Neaizmirstiet pievienot piedāvāto attēlu, kā arī izmantojiet šo attēlu, lai vēlāk to parādītu blakus informācijas produktam.

Viena produkta veidne

Ja mēģināt apskatīt kādu no jūsu produktiem tagad, iespējams, iegūsit 404 nav atrasts kļūda. Lai to labotu, dodieties uz permalinks iestatījumi no WordPress un vienkārši hit Saglabāt iestatījumus vienreiz. Tagad, kad skatāt kādu no jūsu jauno produktu ierakstiem, atkarībā no motīva, iespējams, jūs redzēsit kaut ko nedaudz skaidru. Virsraksts un apraksta teksts ir, bet kā ir ar visu mūsu pielāgoto meta informāciju un attēlu?

Lai pielāgotu atsevišķu produktu skatus, mums būs jāpielāgo jauns veidnes fails ar nosaukumu vienprodukti.php - dariet to, kopējot esošo single.php tāpēc mums ir pamats, un mēs nesākam no nulles.

Šajā brīdī es izdarīšu ļoti nelielas izmaiņas rindiņā, kas parāda “Raksta (autors) (datums)”, Tā vietā tas skan tikai“Pievienots datu bāzei (datums)”. Tas ir tikai tāpēc, ka varu būt drošs, ka veidne darbojas, un, atsvaidzinot atsevišķa produkta lapu, šīs izmaiņas tiek parādītas uzreiz.

Tagad, lai produktam pievienotu redzamo attēla attēlu, ko pievienojām produktam, tas jādara arī šai vienai rindai (es iekļauju arī stila informāciju, ja jums tas būs vajadzīgs). Es esmu ievietojis Pilns kods maniem atsevišķajiem produktiem.php šeit, bet atcerieties, ka tas ir raksturīgs manai tēmai, tāpēc, vienkārši to pārkopējot savā motīvu direktorijā, var rasties negaidīti rezultāti.

Vienkāršākais veids, kā pievienot meta informāciju, ir jebkurš:

... bet tas mums sniegs tikai ļoti vienkāršu galveno vērtību pāru izlaides sarakstu. Lai izdarītu kaut ko sarežģītāku ar atgrieztajām vērtībām (piemēram, parādītu zvaigznītes grafiku), jums jānoķer visas vērtības, pēc tam tām iterējot. [Skatiet kodu šeit]:

Iepriekš minētajā piemērā es pārbaudu katra pielāgotā lauka nosaukumu ( $ atslēga), lai redzētu, vai to sauc par “Līmenis’. Ja tas ir ko sauc par līmeni, tā vietā, lai tikai atkārtotu lauka vērtību atpakaļ, es attēloju atšķirīgu grafisko elementu, pamatojoties uz saturu. Citiem pielāgotajiem laukiem es atkārtoju vērtību tādu, kāda tā ir, kā arī lauka nosaukumu (tieši to the_meta () dara). Tagad mana vienotā produkta lapa izskatās šādi:

Es to atstāšu atsevišķu produktu skatīšanai, jo tas tiešām ir atkarīgs no jūsu pašu tēmas un tā, ko vēlaties ar to sasniegt. Pagaidām pārcelsimies uz sānjoslas logrīku, lai parādītu... 3 visaugstāk novērtētos produktus datu bāzē?

Logrīks

Lai to izdarītu, es esmu nedaudz pielāgojis kodu, kuru jums iepriekš iedevu ziņojumā Kā uzrakstīt pamata WordPress logrīku Kā izveidot savus pamata WordPress logrīkusDaudzi emuāru autori meklēs perfektu WordPress logrīku, kas darīs tieši to, ko viņi vēlas, taču ar nelielu programmēšanas pieredzi jums var šķist, ka ir vieglāk uzrakstīt pielāgoto logrīku. Šonedēļ es gribētu ... Lasīt vairāk , bet tā vietā, lai parādītu atsevišķu nejaušu ziņu, es to pielāgoju ar šādiem [pilnu kodu skatiet šeit]:

Tas man parādīs 3 ziņojumus, kas ir līdzīgi zemāk redzamajam ekrānuzņēmuma piemēram. Ja neredzat nevienu no jūsu produktiem, ļoti uzmanīgi pārbaudiet sadaļu, kurā rakstīts & meta_key = vērtējums, lai pārliecinātos, vai jums tiešām ir šī nosaukuma meta atslēga. Ievērojiet, kā es izvēlējos parādīt ar šo produktu saistīto metainformāciju kopā ar piedāvāto sīktēlu, taču jūs varat rediģēt šo konkrēto koda bloku, lai parādītu visu, kas jums patīk.

Produktu arhīvs vai saraksts

Visbeidzot es gribēju izveidot arī indeksu / arhīvu lapu, lai apmeklētu http://yourdomain.com/products/ parādīs vienkāršu visu produktu sarakstu, līdzīgi kā emuāru indekss. Pamata izraksts + sīktēlu stils, ko es parādīju, kā to izdarīt Kā savam motīvam pievienot ziņu sīktēlus Iestatiet savu emuāru, izmantojot WordPress: galvenais ceļvedisVai vēlaties izveidot savu emuāru, bet nezināt, kā? Skatieties uz WordPress, kas šodien ir visspēcīgākā emuāru veidošanas platforma. Lasīt vairāk raksts lielākoties bija pietiekams, taču, lai to pielāgotu, es nokopēju rakstu arhīvs.php failu manā tēmā un pārdēvēja par to arhīvs-produkti.php.

Ja jums vēl nav arhīvu lapas, vienkārši kopiju indekss.php un pārdēvēt to arhīvs-produkti.php. Atkal pielāgojot raksta meta-informācijas līniju un pievienojot zvanu the_meta () kaut kur es saņēmu šo:

Acīmredzot tas izskatās mazliet muļķīgi gan arhīvos, gan sānjoslā, un to varētu darīt arī ar nedaudz lielāku stila pielāgošanu, bet es to atstāšu jūsu ziņā!

Tas ir šodien no manis. Jūs varat apskatīt pilnu kodu tiešsaistē šeit - vienkārši nokopējiet un ielīmējiet vai lejupielādējiet visu lietu failā ar nosaukumu produkti.phpun ievietojiet to spraudņu direktorijā. Jums vajadzētu būt iespējai potenciāli paplašināt WordPress emuāru datubāzē, kurā ir jebkas. Ir grūti atbildēt uz atsevišķām iespējamām problēmām, taču, lūdzu, ievietojiet komentāros, ja vēlaties saņemt palīdzību vai vēlaties parādiet novērtējumu - tweets vai Facebook, kas ļoti tiktu novērtēts, vai pat pieminēšana jūsu emuārā, ja jūs nolemjat ieviest šo. Paldies par lasīšanu un neaizmirstiet visu pārējo Apmācības WordPress mums ir!