Birçok blogcu tam olarak istediklerini yapacak mükemmel WordPress widget'ı arayacak kadar yüksek ve düşük arama yapacak, ancak küçük bir programlama deneyimi ile özel widget'ınızı yazmanın daha kolay olduğunu fark edebilirsiniz.

Bu hafta tam olarak nasıl yapılacağını göstermek istiyorum ve yazacağımız widget, sitenizden rastgele bir yayın gönderen, öne çıkan resmi çeken ve kenar çubuğunda görüntüleyen basit bir mesajdır. “bunu kontrol et” kullanıcıların sitenizde daha fazla içerik bulmasına yardımcı olacak widget.

Bu, aynı zamanda devam eden bir serinin bir uzantısıdır; WordPress şablonunuzu özelleştirmenin ne kadar kolay olduğunu size göstereceğim 2 Yeni Cool Wordpress Eklentileri ve Wordpress Tema Yapısını Anlamak 2 Yeni Serin Wordpress Eklentileri ve Wordpress Tema Yapısını Anlamak Bu hafta sık sık övülen All-In-One SEO’ya üstün bir alternatif göz atın; Size bir Wordpress yayınlama sisteminin gücünü veren ancak çıktı almanıza izin veren bir eklenti… .

MakeUseOf'a yeni bir WordPress Tutorials kategorisi eklediğimizi bilmekten de memnun olabilirsiniz, bu nedenle dünyanın en çok kullanılan blog platformuna yönelik güncel ipuçlarını ve rehberleri içeren ve gittikçe büyüyen bir arşiv arşivi olup olmadığını kontrol ettiğinizden emin olun..

Anahtar Kavramlar: WordPress Sorguları ve Döngü

Blogunuzdaki her sayfa, gönderilerinizin veritabanına yönelik bir sorgudan oluşur. Görüntülemekte olduğunuz sayfaya bağlı olarak, sorgu değişecektir. Blog ana sayfanız, örneğin sorguyu kullanabilir “En son 10 blog gönderisini al“. Kategori arşivlerini görüntülediğinizde, sorgu olarak değişebilir. “sadece kategori aile fotoğrafları için son 20 gönderiyi alın, sonuçları yayınlanan tarihe göre sıralayın“. Her sorgu bir sonuç kümesi döndürür ve kullanılan sayfa şablonuna bağlı olarak, her sonuç ana üzerinden çalıştırılır “döngü” şablonun.

Aslında her sayfa birden fazla sorgudan oluşabilir ve şablonunuzdaki çeşitli yerlere işlevsellik eklemek için kendi sorgularınızı bile oluşturabilirsiniz. Kullanımın bir örneğini bu makalenin altında görebilirsiniz - ilginizi çekebilecek ilgili makaleleri veya bu hafta devam eden makaleleri göstermeyi amaçlayan her sayfada yayınlanan birkaç ek sorgumuz var..

Özel widget'ımızı yapmak için, yalnızca X rasgele gönderi sayısının artı görüntülerini alan ve bunları bir şekilde kenar çubuğunda görüntüleyen ek bir sorgu oluşturmamız gerekir. Zaten geçen hafta öne çıkan resimleri elde etme kodunu gösterdim. Öne Çıkan Görüntüler Ekleyerek Wordpress'in Cazını Açma Öne Çıkan Resimler Ekleyerek Özellikli Word'leri Cazibe Etme Öne Çıkan Resimler Ekleyerek Öne Çıkan Resimler 2.9.2 sürümünde Wordpress'e tanıtıldı ve kolayca görüntülenmesini sağlar Blog postanızla ilişkilendirilmiş bir resim, temanızın çeşitli bölümlerinde. Bugün göstermek isterdim… bu yüzden gerçekten yeni bir WordPress widget'ı yapmayı ve kenar çubuğuna yerleştirmeyi bilmemiz gerek.

Temel Widget Kodu

Telefonunuzda yeni bir .php dosyası oluşturarak başlayın. wp-content / plugins dizin. Ayrıca, öğreticiyi çevrimdışı izleyebilir ve WordPress arabirimini kullanarak yükleyebilirsiniz, ancak hata ayıklamanız gerekebileceği durumlarda yazdıkça yazmayı daha kolay buluyorum. Dosyanızı ne istersen arayın, ama ben gidiyorum Rastgele-sonrası widget.php

Aşağıdakileri dosyaya yapıştırın ve kaydedin. Üst kısımdaki adımı içinde yazılı olarak değiştirmekte özgürsünüz, ancak kodun geri kalan kısmını henüz ayarlamayın. Bu temelde bir iskelet boş widget ve nerede yazdığını görebilirsiniz // WIDGET KODU BURAYA GELİYOR işlevselliğimizi daha sonra ekleyeceğimiz yer.

  'RandomPostWidget', 'Description' => 'Küçük resimli rastgele bir yazı görüntüler'); $ this-> WP_Widget ('RandomPostWidget', 'Rastgele Yayın ve Küçük Resim', $ widget_ops);  işlev formu ($ örnek) $ örnek = wp_parse_args ((dizi) $ örnek, dizi ('title' => ")); $ title = $ örnek ['title'];?> 
 Başlık: 
 Bu benim yeni widget'ım!"; echo $ after_widget; add_action ('widgets_init', create_function (", 'return register_widget ("RandomPostWidget");'));?)> 

Olduğu gibi, eklenti kelimeleri ile büyük bir başlık yazdırmak dışında pek bir şey yapmaz “Bu benim yeni widget'ım!“.

Bununla birlikte, size herhangi bir widget için çok önemli olan başlığı değiştirme seçeneği sunar. Diğer seçeneklere eklemek, bu yazının kapsamının biraz ötesinde, bu nedenle şimdilik gerçek bir amaç vermeye devam edelim..

Yeni Bir Sorgu ve Döngü

Blog veritabanınıza yeni bir sorgu yapmak için, kullanmanız gerekir. query_posts () Birkaç parametreyle birlikte işlev görür, sonra bir while döngüsü kullanarak çıktı boyunca ilerler. Bunu deneyelim - çok temel bir sorgu ve göstermek için döngü. Aşağıdaki kod satırını değiştirin:

Bu benim yeni widget'ım!

Takip ederek:

 // WIDGET KODU BURAYA GELİYOR query_posts ("); if (have_posts ()): while (have_posts ()): the_post (); the_title (); endwhile; endif; wp_reset_query (); 

Bu, varsayılan seçenekleri ve çıktının sıfır biçimlendirmesini kullanan kesinlikle temel bir sorundur. Blogunuzun nasıl ayarlandığına bağlı olarak, varsayılan değer en son 10 gönderiyi almak olacaktır - daha sonra yukarıdaki kodun tümü her gönderinin başlığının çıktısını almaktır. Oldukça çirkin, ama işe yarıyor:

Çıkışı için bazı HTML biçimlendirme ekleyerek hemen biraz daha iyi yapabiliriz EKO komutunu kullanarak ve komutunu kullanarak gönderinin bağlantısını oluşturun. 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. Ancak rastgele seçilmiş sadece bir yazı istiyoruz. Bunu yapmak için, sorguda bazı parametreler belirtiyoruz:

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

Elbette, herhangi bir sayıda gönderiye değiştirebilirsiniz - aslında, sonuçların sırasını sınırlandırmak, genişletmek veya değiştirmek için sorguya aktaracağınız bir sürü ekstra bit vardır, ancak bununla başa çıkalım. şimdi. Yeniliyorsanız, her yenilediğinizde rastgele olan yalnızca bir yayın görmelisiniz..

Şimdi özellikli küçük resim için. Kodu bununla değiştirin, umarım küçük resmi nerede kaptığımızı ve gösterdiğ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 (); yankı the_post_thumbnail (dizi (220,200)); Eko “

“; endwhile; Eko ”

“; endif; wp_reset_query ();

Bitmiş sonuçları yine geliştirme blogumda Kendi Kendime Yeterlilik Rehberimde görebilirsiniz..

Sonuç:

Tam olarak ne istersen yapabilecek kendi özel widget'in yapmanın ne kadar kolay olduğunu görüyor musun? Bugün size gösterdiğim kodun% 90'ını anlamamış olsanız bile, sadece değişkenleri değiştirerek veya farklı HTML çıktısı alarak biraz özelleştirebilirsiniz. Bugün tam bir widget yazdık, ancak sayfa şablonlarınızdan herhangi birinde yalnızca yeni sorgu ve döngü kodunu kolayca kullanabilirsiniz.