Reklama

vlastné typy príspevkov vNaposledy som ti ukázal, ako na to vytvoriť jednoduchý zoznam udalostí Ako si vytvoriť svoj vlastný zoznam udalostí pomocou vlastných typov príspevkov vWordPress vám umožňuje používať vlastné typy príspevkov na rozšírenie zabudovaných funkcií. Tu je návod, ako to urobiť bez doplnkov. Čítaj viac pomocou snáď najsilnejšej funkcie WordPress 3.0 - vlastných typov príspevkov. Po niekoľkých požiadavkách na ďalší vývoj vytvoríme databázu na kontrolu produktov, ktorá spojí všetko, čo sme sa doteraz naučili.

Budete mať možnosť viesť samostatný zoznam produktov pomocou vlastných typov príspevkov, z ktorých každý má priradený obrázok, ako aj niektoré z nich meta-informácie, ako sú cena, hodnotenie, špecifikácie - a všetko to dokončíme spôsobom, ktorý ich zobrazí v miniaplikácii na bočnom paneli a indexová stránka. Znie to dobre? Pokračuj v čítaní.

požiadavky:

Budete potrebovať fungujúcu inštaláciu WordPress 3.0+, ktorá bude využívať rozsiahle kódovanie PHP. Dám ti kód, ale musíš byť relatívne pohodlný s PHP a XHTML, aby si prispôsobil názvy premenných svojim potrebám alebo zmenil štýl. Ak potrebujete rýchly kurz pre začiatočníkov o CSS a XHTML, môžem vám navrhnúť náš úžasný bezplatný program

instagram viewer
sprievodca pre začiatočníkov Naučte sa hovoriť „internet“: Váš sprievodca xHTMLVitajte vo svete XHTML - Extensible Hypertext Markup Language - značkovací jazyk, ktorý umožňuje komukoľvek vytvárať webové stránky s mnohými rôznymi funkciami. Je to primárny jazyk internetu. Čítaj viac stiahnuť. Navrhujem tiež použiť čisto kódované ale basic téma - predvolené Twenty-Ten alebo Twenty-Eleven úprava témy je v skutočnosti dosť komplikovaná, takže skôr, ako sa pokúsite o integráciu, skúste to na niečom jednoduchšom.

Ak ste si prečítali príručku z minulých týždňov, mali by ste byť trochu oboznámení s vytvorením vlastného typu príspevku v programe WordPress. Kopírovanie a vkladanie tento základný kód do nového doplnku, aktivujte ho a začnite pridávať nové produkty, aby sme mohli pracovať so súborom údajov. (Poznámka: Ak by ste radšej len teraz stiahli úplný a úplný kód bez toho, aby ste sa snažili niečo pridať, namiesto toho použite tento hotový kód. Stále môžete sledovať sprievodcu a prispôsobovať ho podľa potreby)

vlastné typy príspevkov v

Teraz je tiež rozumné rozhodnúť sa, aké meta-informácie chcete priradiť ku každému produktu. Napríklad databáza digitálnych fotoaparátov môže potrebovať:

  • Maloobchodná cena
  • Rozhodnutie
  • HD video
  • Odkaz na nákup
  • Rating

Namiesto pridania týchto informácií priamo do popisu produktu („príspevok obsahu“), vytvoríme vlastné polia, v ktorých budú tieto informácie uložené. Na obrazovke pridania produktu sa uistite, že ste povolili vlastné polia, a potom pre každú množinu informácií vytvorte nové pole. Nové polia budete musieť vytvoriť iba raz - pri nasledujúcom produkte budete môcť z rozbaľovacieho zoznamu vybrať názov vlastného poľa. Nezabudnite tiež pridať odporúčaný obrázok a pomocou tohto zobrazenia sa neskôr zobrazí pri informačnom produkte.

Šablóna jedného produktu

Ak sa teraz pokúsite zobraziť niektorý z vašich produktov, pravdepodobne dostanete 404 nenájdené chyba. Ak chcete tento problém opraviť, zamierte do permalink nastavenia WordPress a stačí zasiahnuť Uložiť nastavenia raz. Keď si teraz prezeráte jednu z vašich nových položiek produktu, v závislosti od témy sa vám môže zobraziť niečo trochu obyčajného. Názov a popisný text sú k dispozícii, ale čo naše vlastné meta informácie a obrázok?

Ak chcete prispôsobiť zobrazenia jednotlivých produktov, musíme prispôsobiť nový súbor šablóny s názvom single-products.php - urobte to tak, že duplikujete svoje existujúce single.php takže máme pripravené základy a nezačíname od nuly.

vlastné typy príspevkov

V tomto okamihu urobím veľmi malú zmenu v riadku, ktorý zobrazuje „Napísal (autor) dňa (dátum)“, Namiesto toho to len číta„Pridané do databázy dňa (dátum)”. Je to len preto, aby som si mohol byť istý, že šablóna funguje, a pri obnovení jednej stránky produktu by sa táto zmena mala zobraziť okamžite.

Teraz, ak chcete pridať odporúčaný príspevok, ktorý sme priložili k produktu, mal by to urobiť tento jeden riadok (v prípade, že ho potrebujete, pridal som aj informácie o štýle). Zverejnil som plný kód na môj vlastný single-products.php tu, ale nezabudnite, že je to pre moju tému jedinečné, takže jej skopírovanie do adresára s témou môže viesť k neočakávaným výsledkom.

vlastné typy príspevkov

Najjednoduchší spôsob, ako pridať meta informácie kdekoľvek, je použitie:

vlastné typy príspevkov

... ale toto nám poskytne iba základný výstupný zoznam párov kľúč - hodnota. Ak chcete s vrátenými hodnotami urobiť niečo komplikovanejšie (napríklad zobraziť grafiku s hodnotením hviezdičkami), musíte všetky hodnoty uchopiť a potom ich iterovať. [Tu si môžete zobraziť kód]:

ako prispôsobiť typy príspevkov

Vo vyššie uvedenom príklade kontrolujem každý názov vlastného poľa ( $ key), aby ste zistili, či sa volá ‘hladina’. Ak si to je nazýva sa úroveň, namiesto toho, aby sa iba opakovala hodnota poľa späť, zobrazujem iný grafický prvok založený na obsahu. Pre všetky ostatné vlastné polia opakujem hodnotu tak, ako je, spolu s názvom poľa (čo je presne to, čo the_meta () áno). Teraz vyzerá moja jediná stránka produktu takto:

ako prispôsobiť typy príspevkov

Nechám to tam na zobrazenie jednotlivých produktov, pretože to záleží na vašej vlastnej téme a na tom, čo s ňou chcete dosiahnuť. Prejdime teraz na miniaplikáciu na bočnom paneli a zobrazíme... 3 produkty s najvyšším hodnotením v databáze?

widget

Za týmto účelom som trošku upravil kód, ktorý som vám dal predtým v príspevku Ako napísať základnú miniaplikáciu WordPress Ako vytvoriť svoje vlastné základné Wordpress WidgetyMnoho blogerov bude hľadať perfektný widget Wordpress, ktorý bude robiť presne to, čo chcú, ale s trochou skúseností s programovaním môžete nájsť ľahšiu tvorbu vlastného widgetu. Tento týždeň by som ... Čítaj viac , ale namiesto zobrazenia jedného náhodného príspevku som ho upravil nasledujúcim [zobraziť celý kód tu]:

ako prispôsobiť typy príspevkov

To mi poskytne 3 príspevky rozložené podobne ako v príklade nižšie. Ak sa nezobrazuje žiadny z vašich produktov, skontrolujte veľmi starostlivo časť, ktorá hovorí & meta_key = Hodnotenie, aby ste sa uistili, že v skutočnosti máte meta kľúč s týmto menom. Všimnite si, ako som sa rozhodol spolu s odporúčanou miniatúrou zobraziť meta informácie spojené s daným produktom, ale tento konkrétny blok kódu môžete upraviť tak, aby sa zobrazoval, čo sa vám páči.

Vytvorte databázu s recenziami produktov pomocou WordPress: vlastné typy príspevkov, vlastné polia, odporúčané obrázky a widgety! widget

Archívy alebo výpisy produktov

Nakoniec som tiež chcel urobiť stránku s indexom / archívmi, aby som ju navštívil http://yourdomain.com/products/ by zobrazoval jednoduchý zoznam všetkých produktov podobný indexu blogov. Základné ukážky štýlov + ukážok miniatúr, ktoré som vám ukázal, ako vytvoriť v systéme Windows Ako pridať príspevok miniatúry k téme Nastavte si blog pomocou WordPress: The Ultimate GuideChcete začať svoj vlastný blog, ale neviete ako? Pozrite sa na WordPress, najvýkonnejšiu platformu na blogovanie, ktorá je dnes k dispozícii. Čítaj viac článok bol väčšinou dostatočný, ale s cieľom prispôsobiť ho som duplikoval archive.php súbor v mojej téme a premenoval ho archív-products.php.

Ak stránku archívov ešte nemáte, stačí duplikovať index.php a premenovať ho na archív-products.php. Opäť úpravou článku meta-informačná linka a pridaním hovoru do the_meta () niekde som dostal toto:

vlastné typy príspevkov v

Je zrejmé, že to vyzerá trochu hlúpo s archívmi aj bočným panelom a mohlo by to stačiť s trochou úpravy štýlu, ale nechám to na vás!

To je odo mňa dnes. Môžete si prezrieť vyplňte celý kód online tu - iba skopírujte a prilepte alebo stiahnite celú vec do súboru s názvom products.phpa umiestnite ho do adresára doplnkov. Mali by ste byť schopní potenciálne rozšíriť svoj blog WordPress do databázy čohokoľvek teraz! Je ťažké odpovedať na jednotlivé problémy, ktoré by vás mohli mať, ale ak chcete, alebo ak by ste chceli pomoc, uverejnite komentár. ukázať svoje ocenenie - tweet alebo Facebook, ktorý by sa rád veľmi ocenil, alebo dokonca zmienka na vašom blogu, ak sa rozhodnete implementovať Tento. Ďakujeme za prečítanie a nezabudnite na všetky ostatné Výukové programy WordPress máme!

James má bakalárske štúdium v ​​oblasti umelej inteligencie a je držiteľom certifikátu CompTIA A + a Network +. Je popredným vývojárom MakeUseOf a trávi svoj voľný čas hraním VR paintballu a spoločenských hier. Staval počítače od malička.