Vytvořte si databázi s recenzemi produktů pomocí Wordpressu: Vlastní typy příspěvků, vlastní pole, doporučené obrázky a widgety!

reklama

Naposledy jsem vám ukázal, jak na to vytvořit jednoduchý seznam událostí Jak si vytvořit svůj vlastní seznam událostí pomocí vlastních typů příspěvků ve WordPressuWordPress umožňuje použít vlastní typy příspěvků k rozšíření vestavěné funkce. Zde je návod, jak to udělat bez pluginů. Přečtěte si více pomocí snad nejvýkonnější funkce WordPress 3.0 - vlastních typů příspěvků. Po několika požadavcích na další vývoj této situace dnes vytvoříme databázi pro kontrolu produktů, která spojí vše, co jsme se dosud naučili.

Budete moci udržovat samostatný seznam produktů pomocí vlastních typů příspěvků, každý s přidruženým obrázkem a také některé meta-info, jako je cena, hodnocení, specifikace - a vše to dokončíme způsobem, jak je zobrazit v widgetu postranního panelu a indexová stránka. To zní dobře? Číst dál.

Požadavky:

Budete potřebovat funkční samo hostovanou instalaci WordPress 3.0+, a to využije rozsáhlé kódování PHP. Dám vám kód, ale musíte být relativně pohodlní s PHP a XHTML, abyste mohli názvy proměnných přizpůsobit vašim potřebám nebo změnit styl. Pokud potřebujete rychlý kurz pro začátečníky o CSS a XHTML, mohu navrhnout naši skvělou bezplatnou verzi

průvodce pro začátečníky Naučte se mluvit „Internet“: Váš průvodce xHTMLVítejte ve světě XHTML - Extensible Hypertext Markup Language - značkovací jazyk, který umožňuje komukoli vytvářet webové stránky s mnoha různými funkcemi. Je to primární jazyk internetu. Přečtěte si více ke stažení. Navrhuji také použít čistě kódováno ale základní téma - výchozí Dvacet-deset nebo Dvacet-jedenáct téma je ve skutečnosti docela komplikované upravit, tak zkuste to nejprve na něco jednodušší, než se pokusíte integrovat s tím.

Pokud si přečtete tutoriál minulých týdnů, měli byste být trochu obeznámeni s vytvořením vlastního typu příspěvku ve WordPress. Kopírování a vkládání tento základní kód do nového pluginu, aktivujte jej a začněte přidávat nové produkty, abychom měli dataset, se kterým budeme pracovat. (Poznámka: Pokud byste nyní raději stáhli úplný a úplný kód, aniž byste se snažili něco přidávat, místo toho použijte tento hotový kód. Stále můžete spolu s tutoriálem následovat a přizpůsobovat ho, jak to půjde)

Nyní je také moudré rozhodnout, jaký druh meta-info chcete spojit s každým produktem. Například databáze digitálních fotoaparátů může potřebovat:

• Maloobchodní cena
• Rozlišení
• HD video
• Odkaz na nákup
• Hodnocení

Namísto přidání těchto informací přímo do popisu produktu („post content“), vytvoříme vlastní pole, která budou tyto informace uchovávat. Na obrazovce Přidat produkt se ujistěte, že jste povolili vlastní pole, a poté pro každou sadu informací vytvořte nové pole. Nová pole budete muset vytvořit pouze jednou - další produkt, který přidáte, si z rozevíracího seznamu vyberete název vlastního pole. Nezapomeňte přidat doporučený obrázek a pomocí tohoto zobrazení se později zobrazí vedle informačního produktu.

Šablona jednoho produktu

Pokud se nyní pokusíte zobrazit některý z vašich produktů, pravděpodobně dostanete 404 nenalezeno chyba. Chcete-li to opravit, hlavu do Permalinks nastavení WordPressu a stačí zasáhnout Uložit nastavení jednou. Nyní, když si prohlížíte jednu z vašich nových položek produktu, může se v závislosti na motivu objevit něco trochu prostého. Text nadpisu a popisu je k dispozici, ale co naše vlastní meta informace a obrázek?

Chcete-li přizpůsobit zobrazení jednotlivých produktů, musíme upravit nový soubor šablony nazvaný single-products.php - udělejte to duplikováním stávajících single.php takže máme základy a nezačínáme od nuly.

V tuto chvíli provedu velmi malou změnu řádku, který zobrazuje „Napsal (autor) dne (datum)“, Takže místo toho jen čte„Přidáno do databáze dne (datum)”. To je jen proto, abych si mohl být jistý, že šablona funguje, a obnovením jediné stránky produktu by se tato změna měla projevit okamžitě.

Nyní, pokud chcete přidat doporučený obrázek příspěvku, který jsme připojili k produktu, měl by to udělat jeden řádek (uvedl jsem i informace o stylu, pokud je potřebujete). Zveřejnil jsem plný kód na můj vlastní single-products.php zde, ale pamatujte si, že je pro můj motiv jedinečný, takže kopírování do vlastního adresáře motivů může vést k neočekávaným výsledkům.

Nejjednodušší způsob, jak přidat meta informace kdekoli, je použít:

… Ale toto nám poskytne pouze základní seznam výstupů párů klíč-hodnota. Chcete-li s vrácenými hodnotami udělat něco komplikovanějšího (například zobrazit grafiku s hvězdičkou), musíte je uchopit všemi hodnotami a poté je iterovat. [Zde si můžete zobrazit kód]:

Ve výše uvedeném příkladu kontroluji každý název vlastního pole ( $ key) a zjistěte, zda se nazývá ‘Úroveň’. Pokud si to je nazývá se úroveň, namísto pouhého opakování hodnoty pole zpět zobrazuji jiný grafický prvek založený na obsahu. U všech ostatních vlastních polí opakuji hodnotu tak, jak je, spolu s názvem pole (což je přesně to, co the_meta () ano). Nyní moje jediná stránka produktu vypadá takto:

Nechám to tam pro zobrazení jednotlivých produktů, protože to opravdu záleží na vašem vlastním tématu a na tom, čeho chcete s ním dosáhnout. Prozatím se přesuneme na widget postranního panelu a zobrazí se... produkty s 3 nejvyššími hodnotami v databázi?

Widget

Za tímto účelem jsem mírně upravil kód, který jsem vám dal dříve v příspěvku Jak napsat základní WordPress Widget Jak vytvořit vlastní základní widgety WordpressMnoho bloggerů bude hledat perfektní widget Wordpress, který bude dělat přesně to, co chtějí, ale s trochou zkušeností s programováním můžete snadněji napsat vlastní widget. Tento týden bych ... Přečtěte si více , ale místo zobrazení jednoho náhodného příspěvku jsem jej upravil následujícím [zobrazit celý kód zde]:

To mi poskytne 3 příspěvky rozložené podobně jako v příkladu níže. Pokud se žádný z vašich produktů nezobrazuje, zkontrolujte velmi pečlivě část, která říká & meta_key = Hodnocení, abyste se ujistili, že ve skutečnosti máte meta klíč s tímto názvem. Všimněte si, jak jsem se také rozhodl zobrazit meta informace spojené s daným produktem spolu s doporučenou miniaturou, ale můžete upravit tento konkrétní kódový blok tak, aby zobrazoval, co se vám líbí.

Archivy produktů nebo výpisy

Nakonec jsem také chtěl udělat stránku s indexem / archivem, aby bylo možné navštívit http://yourdomain.com/products/ by zobrazoval jednoduchý seznam všech produktů, podobný indexu blogu. Základní výňatek + příspěvek miniatury styl jsem vám ukázal, jak se v Jak přidat miniatury příspěvků do svého motivu Nastavte si blog pomocí WordPress: The Ultimate GuideChcete založit svůj vlastní blog, ale nevíte jak? Podívejte se na WordPress, nejvýkonnější platformu pro blogování, která je dnes k dispozici. Přečtěte si více článek byl většinou dostačující, ale za účelem jeho přizpůsobení jsem duplikoval archive.php soubor v mém tématu a přejmenován archive-products.php.

Pokud ještě nemáte archivní stránku, stačí duplikovat index.php a přejmenovat na archive-products.php. Opět úpravou článku meta-informační linka a přidáním hovoru na the_meta () někde jsem to dostal:

Je zřejmé, že to vypadá trochu hloupě jak s archivy, tak s postranním panelem, a mohlo by to udělat s trochu více úpravou stylu, ale nechám to na vás!

To je ode mě dnes. Můžete si prohlédnout vyplňte celý kód online zde - stačí zkopírovat a vložit nebo stáhnout celou věc do souboru s názvem products.phpa umístěte jej do adresáře pluginů. Měli byste být schopni potenciálně rozšířit svůj blog WordPress do databáze cokoli! Je obtížné odpovědět na jednotlivé problémy, které by se mohly vyskytnout, ale prosím napište komentář, pokud byste chtěli nějakou pomoc nebo chcete ukázat své uznání - tweet nebo Facebook jako by se velmi ocenil, nebo dokonce zmínka na vašem blogu, pokud se rozhodnete implementovat tento. Děkujeme za přečtení a nezapomeňte na všechny ostatní Výukové programy WordPress my máme!