Wordpress ile Ürün İnceleme Veritabanı Yapın: Özel Yazı Türleri, Özel Alanlar, Öne Çıkan Resimler ve Widget'lar!

İlan

En son sana nasıl yapılacağını gösterdim basit bir etkinlik listesi oluşturma WordPress'te Özel Yazı Türlerini Kullanarak Kendi Etkinlik Listenizi OluşturmaWordPress, yerleşik işlevselliği genişletmek için Özel Yazı Türlerini kullanmanıza olanak tanır. Eklentiler olmadan nasıl yapacağınız aşağıda açıklanmıştır. Daha fazla oku WordPress 3.0'ın belki de en güçlü özelliğini kullanarak - özel yazı türleri. Bunu daha da geliştirmeye yönelik bazı taleplerden sonra, bugün şimdiye kadar öğrendiğimiz her şeyi bir araya getirmek için bir ürün inceleme veritabanı oluşturacağız.

Her biri ilişkilendirilmiş bir resme sahip özel yayın türlerini ve ayrıca bazılarını kullanarak ayrı bir ürün listesi tutabileceksiniz. fiyat, derecelendirme, spesifikasyonlar gibi meta-bilgiler. Bunları bir kenar çubuğu widget'ında ve bir dizin sayfası. Kulağa iyi geliyor? Okumaya devam etmek.

Gereksinimler:

Çalışan bir WordPress 3.0+ kendi kendine barındırılan yüklemeye ihtiyacınız olacak ve bu da kapsamlı PHP kodlamasını kullanacaktır. Size kodu vereceğim, ancak değişken adlarını ihtiyaçlarınıza göre ayarlamak veya stili değiştirmek için PHP ve XHTML ile nispeten rahat olmanız gerekir. CSS ve XHTML'de hızlı bir başlangıç ​​kursuna ihtiyacınız varsa, harika ücretsiz

Yeni başlayanların rehberi Konuşmayı öğrenin "İnternet": xHTML RehberinizXHTML dünyasına hoş geldiniz - Genişletilebilir Köprü Metni Biçimlendirme Dili - herkesin birçok farklı işlevle web sayfaları oluşturmasına izin veren bir biçimlendirme dili. İnternetin ana dili. Daha fazla oku indirmek. Ayrıca bir temiz kodlanmış fakat temel tema - varsayılan Yirmi on veya Yirmi onbir tema aslında düzenlemek oldukça karmaşık, bu yüzden bu ile entegre etmeye çalışmadan önce daha basit bir şey üzerinde deneyin.

Geçen hafta eğiticisini okursanız, WordPress'de özel bir yazı türü oluşturmaya biraz aşina olmalısınız. Kopyala ve yapıştır bu temel kodu yeni bir eklentiye dönüştürüyor, etkinleştirin ve yeni ürünler eklemeye başlayın, böylece üzerinde çalışacağımız bir veri kümemiz olur. (Not: Yol boyunca bir şeyler eklemeye çalışmadan, tam ve tam kodu şimdi indirmek isterseniz, bunun yerine bitmiş kodu kullan. Hala öğretici ile birlikte takip ve biz gitmek gibi özelleştirebilirsiniz)

Artık her bir ürünle ne tür bir meta bilgi ilişkilendirmek istediğinize karar vermek akıllıca olacaktır. Örneğin bir dijital kamera veritabanı aşağıdakilere ihtiyaç duyabilir:

• Perakende fiyatı
• çözüm
• HD Video
• Satın Alma Bağlantısı
• Değerlendirme

Bu bilgileri doğrudan ürünün açıklamasına ("içerik yayınla") eklemek yerine, bu bilgileri tutmak için özel alanlar oluşturacağız. Ürün ekle ekranında, özel alanları etkinleştirdiğinizden emin olun, ardından her bilgi kümesi için yeni bir alan oluşturun. Yalnızca bir kez yeni alanlar oluşturmanız gerekir; eklediğiniz bir sonraki ürün açılır kutudan özel alanın adını seçebilirsiniz. Öne çıkan bir resim eklemeyi ve daha sonra bilgi ürününün yanında görüntülemek için bunu kullanmayı unutmayın.

Tek Ürün Şablonu

Ürünlerinizden birini şimdi görüntülemeye çalışırsanız, büyük olasılıkla bir 404 Bulunamadı hata. Bunu düzeltmek için kalıcı bağlantı ayarları WordPress ve sadece vurmak Ayarları kaydet bir Zamanlar. Artık temanıza bağlı olarak yeni ürün girişlerinizden birini görüntülediğinizde, biraz sade bir şey görebilirsiniz. Başlık ve açıklama metni var, ancak tüm özel meta bilgilerimiz ve görselimiz ne olacak?

Tek ürün görünümlerini özelleştirmek için şu adlı yeni bir şablon dosyasını özelleştirmemiz gerekir: Tek products.php - mevcut olanınızı kopyalayarak bunu yapın single.php bu yüzden zemin hazırladık ve sıfırdan başlamıyoruz.

Bu noktada, görüntülenen satırda çok küçük bir değişiklik yapacağım.Yazan (yazar) (tarih)", Bunun yerine"(Tarih) tarihinde veritabanına eklendi”. Bu sadece şablonun çalıştığından emin olabilirim ve tek ürün sayfasını yenilemek bu değişikliği anında göstermelidir.

Şimdi, ürüne eklediğimiz özellikli yazı görüntüsünü eklemek için, bu tek satır bunu yapmalıdır (ihtiyacınız olduğunda stil bilgilerini de dahil ettim). Gönderdim Kendi tekli ürünlerime tam kod. burada php, ancak temam için benzersiz olduğunu unutmayın, bu yüzden bunu kendi tema dizininize kopyalamak beklenmedik sonuçlar doğurabilir.

Meta bilgileri herhangi bir yere eklemenin en basit yolu kullanmaktır:

… Ancak bu bize yalnızca anahtar / değer çiftlerinin çok basit bir çıktı listesini verecektir. Döndürülen değerlerle (yıldız derecelendirmesi grafiği görüntülemek gibi) daha karmaşık bir şey yapmak için, tüm değerleri almanız ve ardından bunları tekrarlamanız gerekir. [Kodu buradan görüntüleyin]:

Yukarıdaki örnekte, her bir özel alan adını kontrol ediyorum ( $ anahtar) arandığını görmek için seeseviye’. Eğer o dır-dir level denir, yalnızca alanın değerini tekrar yankılamak yerine, içeriğe göre farklı bir grafik öğesi görüntülüyorum. Diğer tüm özel alanlar için, değeri alan adıyla birlikte olduğu gibi tekrarlıyorum (tam olarak the_meta () ) Yapar. Şimdi tek ürün sayfam şöyle:

Gerçekten kendi temanıza ve onunla ne elde etmek istediğinize bağlı olduğundan, tek ürün görünümleri için orada bırakacağım. Şimdilik, veritabanında en üst sıradaki 3 ürünü görüntülemek için kenar çubuğu widget'ına geçelim mi?

Araç

Bunu yapmak için, daha önce yayında verdiğim kodu biraz değiştirdim Temel bir WordPress Widget'ı Yazma Kendi Temel Wordpress Widget'larınızı OluşturmaBirçok blogcu, tam olarak istediklerini yapacak mükemmel Wordpress widget'ını arayacaktır, ancak küçük bir programlama deneyimi ile özel widget'ınızı yazmak daha kolay olabilir. Bu hafta ... Daha fazla oku , ancak tek bir rastgele yayın göstermek yerine bunu aşağıdakilerle ayarladım [tam kodu burada görüntüle]:

Bu bana aşağıdaki örnek ekran görüntüsüne benzer 3 mesaj verecektir. Görüntülenen ürünlerinizden hiçbirini görmüyorsanız, gerçekten o adın bir meta anahtarına sahip olduğunuzdan emin olmak için & meta_key = Rating yazan bölümü dikkatlice kontrol edin. Ayrıca o küçük resim ile birlikte o ürün ile ilişkili meta bilgileri görüntülemek için seçti dikkat edin, ancak istediğiniz herhangi bir göstermek için bu belirli kod bloğunu düzenleyebilirsiniz.

Ürün Arşivleri veya Listeleme

Son olarak, bir dizin / arşiv sayfası yapmak istedim, böylece ziyaret http://yourdomain.com/products/ bir blog dizinine benzer şekilde tüm ürünlerin basit bir listesini gösterir. Temel alıntı + sonrası küçük resim stili Size nasıl yapacağınızı gösterdim Temanıza Yazı Küçük Resimleri Ekleme Blogunuzu WordPress ile Ayarlayın: Ultimate GuideKendi blogunuzu başlatmak istiyorsunuz ama nasıl yapacağınızı bilmiyor musunuz? Bugün mevcut olan en güçlü blog platformu WordPress'e bakın. Daha fazla oku makale çoğunlukla yeterliydi, ancak özelleştirmek için çoğalttım için arşiv temamda dosya ve yeniden adlandırdı arşiv-products.php.

Henüz bir arşiv sayfanız yoksa, çoğaltın index.php ve adını arşiv-products.php. Yine, makale meta-bilgi satırını ayarlayıp the_meta () bir yerde, bunu anladım:

Açıkçası, hem arşivlerde hem de kenar çubuğunda biraz aptalca görünüyor ve biraz daha stil ayarlamasıyla yapabilirdi, ama bunu size bırakacağım!

Bugün benden bu. Görüntüleyebilirsiniz tam kodu burada çevrimiçi tamamlayın - sadece kopyalayıp yapıştırın veya şu dosyayı bir dosyaya indirin products.phpve eklentiler dizininize yerleştirin. WordPress blogunuzu şimdi her şeyin bir veritabanına genişletebilmeniz gerekir! Karşılaşabileceğiniz bireysel sorunları yanıtlamak zordur, ancak yardım almak veya isterseniz lütfen yorumlarda yayınlayın takdirinizi gösterin - bir tweet veya Facebook benzeri çok takdir edilecektir, hatta uygulamaya karar verirseniz blogunuzda bir söz bile bu. Okuduğunuz için teşekkürler ve diğerlerini de unutmayın WordPress eğiticileri sahibiz!