Widget'lar WordPress temalarının o kadar ayrılmaz bir parçasıdır ki, widget'sız bir WordPress temasını hayal etmek zordur. Widget'lar, temalarınızdaki kenar çubuklarınıza veya başka herhangi bir widget hazır alanına sürükleyip bırakabileceğiniz çalıştırılabilir betiklerdir. Okuyucularımızın birçoğu kenar çubuklarına özel öğeler eklemek için widget'ları kullanır. Ancak bu makale, WordPress temalarında dinamik widget hazır kenar çubukları veya widget hazır alanları eklemeyi öğrenmek isteyen meraklı kullanıcılar içindir.
WordPress'te Kenar Çubuklarını veya Widget Hazır Alanlarını Kaydetme
Yapmanız gereken ilk şey, temanız için kenar çubuğunuzu veya widget hazır alanınızı kaydetmektir. Birden fazla kenar çubuğu ve widget hazır alanı kaydedebilirsiniz. Bu kodu temanızın functions.php dosyasına kopyalayıp yapıştırın
function wpb_widgets_init() {
register_sidebar( array(
'name' => __( 'Main Sidebar', 'wpb' ),
'id' => 'sidebar-1',
'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
register_sidebar( array(
'name' =>__( 'Front page sidebar', 'wpb'),
'id' => 'sidebar-2',
'description' => __( 'Appears on the static front page template', 'wpb' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
}
add_action( 'widgets_init', 'wpb_widgets_init' );
Bu kodda iki kenar çubuğu kaydettik. Widget'lar ekranında onları tanımlamak için isimler ve açıklamalar verdik. Açıklama parametresi, kullanıcılara bu kenar çubuğunun temada nerede göründüğünü söylemek için kullanılabilir. wpb, üzerinde çalıştığımız temanın adıdır, bu dizeleri çevrilebilir hale getirmek için burada kullanılır. Bunu kendi tema adınızla değiştirmelisiniz.
WordPress Tema Dosyalarına Dinamik Widget Hazır Kenar Çubukları Ekleme
Şu ana kadar yalnızca Dinamik Kenar Çubukları kaydettik. Kullanıcılar, Görünüm » Widget'lar ekranından widget'ları bu kenar çubuklarına sürükleyip bırakabilirler. Ancak, bu kenar çubukları, onları sidebar.php gibi bir şablonda veya görüntülemek istediğiniz başka bir yerde çağırmadığınız sürece sitenizde görünmeyecektir. Bu widget alanlarını eklemek için, görüntülemek istediğiniz şablon dosyasını düzenleyin ve şu kodu yapıştırın:
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div> <?php endif; ?>
Bu örnek kodda, görüntülemek istediğimiz kenar çubuğunu çağırmak için kenar çubuğu kimliğini kullandık. Başka bir kenar çubuğunu görüntülemek için kenar çubuğu kimliğini değiştirin. Örneğin, altbilgi alanı için üç kenar çubuğu kaydedebilir ve ardından bunları temanızın footer.php şablonunda tek tek çağırabilirsiniz.
Widget'lar çok güçlü olabilir. Widget'ları gönderilerinize ve sayfa içeriğinize ekleyebilir, metin widget'larınızı renklendirebilir veya varsayılan WordPress widget'larının gücünü genişletebilirsiniz. Doğru yerleştirilmiş widget hazır kenar çubukları, kullanıcıların basit sürükle ve bırak arayüzünü kullanarak web sitelerine özel öğeler eklemelerine olanak tanır.
Bu makalenin WordPress'te dinamik widget hazır kenar çubukları eklemeyi öğrenmenize yardımcı olduğunu umuyoruz. Profesyonellerin ürünlerinde nasıl kullandıklarını öğrenmek için Genesis gibi tema çerçevelerindeki kodu incelemenizi öneririz. Sorularınız ve geri bildirimleriniz için lütfen aşağıya bir yorum bırakın.
nabil
merhaba kenar çubuğunda iki sütun istiyorum! bunu css ile nasıl yapabilirim
Jason
WordPress widget'larımın işlevselliğini nerede genişletebilirim
Milada
Merhaba ekip, tekrar,
Sizi rahatsız ettiğim için üzgünüm, ancak temaların mevcut Sağ Kenar Çubuğu widget'ının üstünde bir widget'a sağ tarafta ve diğer widget'a makalenin sol tarafında ortada ihtiyacım olacağını belirtmek isterim.
Nasıl ilerlemeliyim?
Teşekkürler,
Milada
Milada
Merhaba ekip, tekrar,
Widget'a nasıl alan eklerim ve bağlı kuruluş bağlantılarına sahip olmak için bir alan kodunu nereye ve neye yapıştırırım?
Teşekkürler,
Milada
Tanmay Bala
WordPress'te DB Eklentisini ve redux çerçevesini nasıl kullanacağımı öğrenmek istiyorum.
Marc
Bu eğitim çok yardımcı oldu.
Yaklaşık bir haftadır bunu başarmaya çalışıyordum.
Güzel ve konuya yönelik.
Teşekkürler!
Laura
Kodu gerçekten yapıştırmadan önce merak ettim, bu orijinal olarak kenar çubuğu olmayan bir temada çalışıyor mu? Yalnızca altbilgileri olan Book Lite'ı kullanıyorum.
WPBeginner Desteği
Evet, çalışıyor.
Yönetici
Laura
Şimdilik teşekkürler – kenar çubuğunu kaydetmeyi denedim ama “kaydet”e bastığımda beyaz ölüm ekranı alıyorum – ki daha önce hiç başıma gelmemişti. Nerede yanlış olabileceğine dair herhangi bir öneriniz var mı?
Lohith
Thanks Alot
Its really wonderful and simple method to explain….
Bakopu
Çok çok teşekkür ederim efendim. Neredesiniz efendim, ayaklarınıza dokunarak dualarınızı almak istiyoruz.
akhilesh
Teşekkürler efendim, bu gönderiler benim için çok faydalı oldu
Marcos Nakamine
Mükemmel çalıştı
Teşekkürler
gWorldz
Widget'ın görüntülenmesiyle ilgili sorun yaşıyorum o.O
Widget arka planda sorunsuz bir şekilde kaydediliyor ve görüntüleniyor, ancak yalnızca önceki widget'ta içerik eklersem widget içeriğimi gösteriyor.
2011 tarihli bir çocuk temasını kullanıyorum ve ek bir alt bilgi alanı kaydediyorum.
functions.php parçacığı:
https://gist.github.com/gWorldz/76273b5901e1b5c4759b#file-functions-php
sidebar-footer.php
https://gist.github.com/gWorldz/b6177ccc9734718dd636#file-sidebar-footer-php
style.css
https://gist.github.com/gWorldz/0f24a9350da164ee2f29#file-style-css
Yanlış yaptığım bir şey veya bu soruna neyin neden olduğu hakkında bir fikriniz var mı?
Tiger
Bu konuda herhangi bir yardım alabildiniz mi? Aynı sorunu yaşıyorum.
MJ
Bunun için teşekkür etmek istedim. WordPress'te bir kenar çubuğunun nasıl kaydedileceğini öğrenmek için Google'da arama yaptım ve birkaç başka siteye baktım, ancak sizinkinin en iyi, en net, en anlaşılır talimatları vardı. Aferin.
arvind
gönderiniz bana yardımcı oluyor,
teşekkürler !!!!
Dharmendra Prajapati
Sonunda dinamik widget hazır kenar çubuğumu 23 gün sonra hazırladım... Tüm siteleri googledım.. ve sonunda sitenize yönlendirildim.
Teşekkürler
Kevin
Widget kodunu şablona eklediğiniz ikinci parçada, şurada:
div id=”secondary”
Her widget alanı ile bu kimlik değişmeli mi?
Örn:
Birinci, İkinci, Üçüncü, dördüncü vb.
WPBeginner Desteği
Kevin evet yapmalısınız ve temsil ettiği widget alanının veya kenar çubuğunun adını almalıdır.
Yönetici
SS
Kenar çubuklarını kaydetmek için çalışıyor ancak Görünüm » Widget'lar ekranına gittiğimde tüm widget'larımı görüyorum ama sürükleyip bırakacak bir yer yok.
WPBeginner Desteği
SS, dinamik widget hazır bir kenar çubuğunu başarıyla kaydettiğinizde, Widget'lar ekranında görünecektir. Bu, kenar çubuklarını kaydetmenin muhtemelen işe yaramadığı anlamına gelir.
Yönetici
Steve Smart
Merhaba –
Bu çok yardımcı bir yazı. Teşekkürler!
Bir dinamik widget alanı kullanmayı başardım, şimdi birden fazla uygulamaya çalışıyorum. Gösterge panelinde garip bir sorun dışında her şey beklendiği gibi çalışıyor gibi görünüyor. İkinci dinamik widget alanıma bir metin widget'ı sürüklersem, beklediğiniz gibi içerik ekleyebilir ve kaydedebilirim ve sayfalarımda beklendiği gibi çıktı üretir, ancak şimdi gösterge paneli widget'ları sayfasını tekrar ziyaret edersem, ikinci widget alanı herhangi bir widget içermiyor gibi görünür.
Bir twentytwelve-child teması ve Wordpress 3.7.1 kullanıyorum.
Herhangi bir düşünceniz var mı?
Jackson
Hearty thanks….You have done such a wonderful work…thanks thanks thanks…
JP
teşekkürler, faydalı buldum. doğrudan konuya.
Praveen Prasad
Çağrı Fonksiyonunun Nerede Başladığını söyler misin?
Ed Du
Bunu Headway ile ek bir blok kullanarak da yapabilirsiniz ve bu her şeyi halleder. Ya da pagelines da bu iş için kullanılabilir.