İlan

Birçok blogcu, tam olarak ne yapacak mükemmel WordPress widget'ı için yüksek ve düşük araması yapacak isterler, ancak küçük bir programlama deneyimiyle, özelliğinizi yazmanın daha kolay olduğunu görebilirsiniz. Araç.

Bu hafta tam olarak nasıl yapılacağını göstermek istiyorum ve yazacağımız widget, tek bir rastgele gönderiyi seçen basit bir, öne çıkan resmi çeker ve kenar çubuğunda görüntüler. Kullanıcıların sitenizde daha fazla içerik bulmasına yardımcı olacak bir site.

Bu aynı zamanda devam etmenin ne kadar kolay olduğunu size gösterdiğim bir serinin uzantısıdır. WordPress şablonunuzu özelleştirin 2 Yeni Serin Wordpress Eklentisi ve Wordpress Tema Yapısını AnlamakBu hafta, sık sık övülen All-In-One SEO'nun üstün bir alternatifine göz atacağım; size bir Wordpress yayın sisteminin gücünü veren ancak çıktı almanızı sağlayan bir eklenti ... Daha fazla oku .

Ayrıca, yeni bir ürün eklediğimizi bilmekten memnuniyet duyabilirsiniz. WordPress Eğiticileri kategorisi Bu nedenle, dünyanın en sevilen blog platformu için güncel ipuçları ve kılavuzlar içeren sürekli büyüyen bir arşiv olup olmadığını kontrol ettiğinizden emin olun.

Anahtar Kavramlar: WordPress Sorguları ve Döngü

Blogunuzdaki her sayfa, yayın veritabanınıza ilişkin bir sorgudan oluşur. Görüntülemekte olduğunuz sayfaya bağlı olarak sorgu değişecektir. Örneğin blog ana sayfanız, “En son 10 blog gönderisini al“. Kategori arşivlerini görüntülediğinizde, sorgu “Sadece aile fotoğrafları kategorisi için en son 20 mesajı al, sonuçları yayınlanma tarihine göre sırala“. Her sorgu bir sonuç kümesi döndürür ve kullanılan sayfa şablonuna bağlı olarak, her sonuç şablonun ana “döngüsü” üzerinden çalıştırılır.

Her sayfa aslında birden fazla sorgudan oluşabilir ve şablonunuzdaki çeşitli yerlere işlevsellik eklemek için kendi sorgularınızı bile oluşturabilirsiniz. Bu makalenin altındaki kullanımda bunun bir örneğini görebilirsiniz - üzerinde çalışan birkaç ek sorgumuz var ilginizi çekebilecek ilgili makaleleri veya bunu ilgilendiren makaleleri göstermeyi amaçlayan her sayfa hafta.

Özel widget'ımızı yapmak için, rastgele sayıların artı sayısını ve görüntülerini yakalayan ve kenar çubuğunda bir şekilde görüntüleyen ek bir sorgu oluşturmanız yeterlidir. Zaten geçen hafta size kodu gösterdim öne çıkan resmi yakala 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 , bu yüzden yeni bir WordPress widget'ının nasıl oluşturulacağını ve kenar çubuğuna nasıl yerleştirileceğini bilmemiz gerekiyor.

Temel Widget Kodu

Yeni bir .php dosyası oluşturarak işe başlayın. wp-content / plugins dizin. Ayrıca öğreticiyi çevrimdışı olarak takip edebilir ve WordPress arayüzünü kullanarak yükleyebilirsiniz, ancak hata ayıklamanız gerektiğinde devam ederken yazmanın daha kolay olduğunu düşünüyorum. Dosyanı istediğin gibi ara, ama devam ediyorum Rastgele-sonrası widget.php

Aşağıdakileri dosyaya yapıştırın ve kaydedin. En üstteki bölümü, içinde ismimle değiştirmekten çekinmeyin, ancak kodun geri kalanını henüz değiştirmeyin. Bu temelde iskelet boş bir widget ve nerede dediğini görebilirsiniz // WIDGET KODU BURAYA GİDİYOR daha sonra işlevselliğimizi ekleyeceğimiz yer.

php. /* Eklenti Adı: Rastgele Mesaj Widget'ı. Eklenti URI'si: http://jamesbruce.me/ Açıklama: Rastgele Mesaj Widget rastgele bir yazı ve kenar çubuğunuzda görüntülemek için ilişkili küçük resim kapar. Yazar: James Bruce. Versiyon 1. Yazar URI'sı: http://jamesbruce.me/ * / class RandomPostWidget, WP_Widget öğesini genişletir. {function RandomPostWidget () {$ widget_ops = array ('classname' => 'RandomPostWidget', 'description' => 'Küçük resim içeren rastgele bir yazı görüntüler'); $ this-> WP_Widget ('RandomPostWidget', 'Rastgele Gönderi ve Küçük Resim', $ widget_ops); } işlev formu ($ instance) {$ instance = wp_parse_args ((dizi) $ örnek, dizi ('title' => '')); $ title = $ örnek ['başlık'];
Başlık: 
php} işlev güncellemesi ($ new_instance, $ old_instance) {$ instance = $ old_instance; $ instance ['title'] = $ new_instance ['title']; $ $ döndür; } işlev widget'ı ($ args, $ instance) {extract ($ args, EXTR_SKIP); echo $ before_widget; $ title = boş ($ instance ['title'])? '': camera_filters ('widget_title', $ örneği ['başlık']); if (! empty ($ title)) echo $ before_title. $ Başlığı. $ After_title;; // WIDGET KODU BURAYA GELİYOR echo "
 Bu benim yeni widget'ım! 
"; echo $ after_widget; } } add_action ('widgets_init', create_function ('', 'return register_widget ("RandomPostWidget");'));

Olduğu gibi, eklenti büyük bir başlık basmaktan çok fazla bir şey yapmaz “Bu benim yeni widget'ım!“.

Ancak, herhangi bir widget için vazgeçilmez olan başlığı değiştirme seçeneği sunar. Diğer seçeneklere eklemek bugün bu makalenin kapsamının biraz ötesindedir, bu yüzden şimdilik gerçek bir amaç vermeye devam edelim.

Yeni Bir Sorgu ve Döngü

Blog veritabanınıza yeni bir sorgu yapmak için, query_posts () fonksiyonunu birkaç parametre ile birlikte kullanın, ardından bir while döngüsü kullanarak çıktıyı çalıştırın. Bunu deneyelim - gösterilecek çok temel bir sorgu ve döngü. Aşağıdaki kod satırını değiştirin:

Takip ederek:

// WIDGET KODU BURAYA GİDİYOR. query_posts ( ''); if (have_posts ()): while (have_posts ()): the_post (); başlık(); endwhile; endif; wp_reset_query (); 

Bu, varsayılan seçenekleri ve çıktının sıfır biçimlendirmesini kullanan kesinlikle temel bir sorgudur. Blogunuzun nasıl ayarlandığına bağlı olarak, varsayılan olarak büyük olasılıkla en son 10 gönderiyi almak olacaktır - o zaman yukarıdaki kodun tümü her gönderinin başlığını çıkarmaktır. Oldukça çirkin, ama işe yarıyor:

Sadece çıktı ile HTML biçimlendirme ekleyerek bunu biraz daha iyi hale getirebiliriz. EKO komutunu kullanarak ve get_the_permalink () fonksiyon:

 query_posts ( ''); if (have_posts ()): echo "

• “; while (have_posts ()): the_post (); Eko "
  • “.Get_the_title ()”.

“; endwhile; Eko "

“; endif; wp_reset_query ();

Zaten, çok daha iyi görünüyor. Ama rastgele seçilmiş sadece bir gönderi istiyoruz. Bunu yapmak için sorguda bazı parametreler belirtiyoruz:

 query_posts ( 'posts_per_page = 1 ve orderby = rand'); 

Tabii ki, bunu istediğiniz sayıda gönderiyle değiştirebilirsiniz - aslında, sorguya aktarabileceğiniz tüm ekstra bit aralığı Sonuçların sırasını kısıtlamak, genişletmek veya değiştirmek için, ancak şimdilik buna sadık kalalım. Yeniliyorsanız, her yenilediğinizde rastgele bir gönderi görürsünüz.

Şimdi öne çıkan küçük resim için. Kodu bununla değiştirin, umarım küçük resmi nerede tuttuğumuzu ve görüntülediğimizi görebilirsiniz:

query_posts ( 'posts_per_page = 1 ve orderby = rand'); if (have_posts ()): echo "

• “; while (have_posts ()): the_post (); Eko "
  • “.Get_the_title (); echo the_post_thumbnail (dizi (220,200)); Eko "

“; endwhile; Eko "

“; endif; wp_reset_query ();

Bitmiş sonuçları geliştirme blogumun Kendine Yeterlilik Kılavuzumda tekrar görebilirsiniz, ancak bunu okuduğunuzda bir şeyler hareket ettirmiş olabilirim.

Sonuç:

Tam olarak ne istediğinizi yapabilen kendi özel widget'ınızı oluşturmanın ne kadar kolay olduğunu görüyor musunuz? Bugün size gösterdiğim kodun% 90'ını anlamasanız bile, sadece değişkenleri değiştirerek veya farklı HTML çıktıları vererek kodu bir şekilde özelleştirebilmelisiniz. Bugün tam bir widget yazdık, ancak sayfa şablonlarınızdan herhangi birinde yalnızca yeni sorgu ve döngü kodunu kolayca kullanabilirsiniz.