Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Dinamik Widget Hazır Kenar Çubukları Nasıl Eklenir

Widget’lar WordPress temalarının o kadar ayrılmaz bir parçasıdır ki, widget’sız bir WordPress teması hayal etmek zordur. Widget’lar, kenar çubuklarınıza veya temanızdaki diğer widget hazır alanlara sürükleyip bırakabileceğiniz çalıştırılabilir komut dosyalarıdır. Okurlarımızın çoğu kenar çubuğuna özel öğeler eklemek için widget’lardan yararlanıyor. Ancak bu makale, WordPress temalarında dinamik widget hazır kenar çubukları veya widget hazır alanların nasıl ekleneceğini öğrenmek isteyen meraklı kullanıcılar içindir.

WordPress’te Kenar Çubuklarını veya Widget Hazır Alanları 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 kopyalayıp temanızın functions.php dosyasına 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 tanımlamak için onlara isim ve açıklama 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, burada bu dizeleri çevrilebilir hale getirmek için kullanılır. Bunu kendi tema adınızla değiştirmelisiniz.

Newly created sidebars appearing on Widgets screen

WordPress Tema Dosyalarına Dinamik Widget Hazır Kenar Çubukları Ekleme

Şimdiye kadar sadece Dinamik Kenar Çubuklarını 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ı sidebar.php gibi bir şablonda veya görüntülemek istediğiniz başka bir yerde çağrılana kadar sitenizde görünmeyecektir. Bu widget alanlarını eklemek için, bunları görüntülemek istediğiniz şablon dosyasını düzenleyin ve bu 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, burada görüntülemek istediğimiz kenar çubuğunu çağırmak için sidebar id’sini kullandık. Başka bir kenar çubuğu görüntülemek için kenar çubuğu kimliğini değiştirin. Örneğin, footer alanı için üç sidebar kaydedebilir ve ardından temanızın footer .php şablonunda bunları tek tek çağırabilirsiniz.

Widget’lar çok güçlü olabilir. Yazılarınıza ve sayfa içeriğinize widget ekleyebilir, metin widget’larınızı renkli hale getirebilir veya varsayılan WordPress widget’larının gücünü artırabilirsiniz. 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ının nasıl ekleneceğini öğrenmenize yardımcı olduğunu umuyoruz. Profesyonellerin ürünlerinde bunları nasıl kullandıklarını öğrenmek için Genesis gibi tema çerçevelerindeki kodları incelemenizi tavsiye ederiz. Sorularınız ve geri bildirimleriniz için lütfen aşağıya yorum bırakın.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

28 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. nabil

    hi i need two column in side bar ! how can i do that whit css

  3. Jason

    Where can i extend the functionality of my wordpress widgets

  4. Milada

    Hallo team again,

    sorry to trouble you, but I would like to specify, that I would need one widget above the themes current Primary Sidebar widget on the right and the other widget on the left side from the article in the middle.
    How should I proceed?
    Thank you,

    Milada

  5. Milada

    Hallo team again,

    how do I add a field in the widget and which and where do I paste a field code to have there affiliate links?
    Thank you,

    Milada

  6. Tanmay Bala

    i want to learn how to use DB Plugin in wordpress and redux framework.

  7. Marc

    This tutorial was a great help.
    Been trying to accomplish this for about a week now.
    Nice and to-the-point.

    Thank you!

  8. Laura

    I just wondered, before I actually paste the code, does this work on a theme that originally doesn’t come with a sidebar? I’m using Book Lite which only has footers.

      • Laura

        Thanks so far – I tried to register the sidebar but whenever I hit “save” I get the white screen of death – which I never had before. Any suggestions what could be wrong?

  9. Lohith

    Thanks Alot :)
    Its really wonderful and simple method to explain….

  10. Bakopu

    Thank you very very much sir. Where are you sir , we want to take your blessings by touching your feet.

  11. akhilesh

    thanks sir these post have vry helpful for me

  12. Marcos Nakamine

    Worked perfectly

    Thanks

  13. gWorldz

    I am having trouble getting the widget to display o.O

    The widget is registering and displaying in the back-end properly with no issues, however, it will only show my widget content if I include content in the previous widget.

    I’m using a 2011 child theme and registering an additional footer area.
    functions.php snippet:
    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

    Do you have any idea what I’m doing wrong or what is causing this issue?

    • Tiger

      Did you ever get any help on this? I am having the same issue.

  14. MJ

    Just wanted to say thanks for this. I Googled to find out how to register a sidebar in WordPress, and hit a few other sites before this one, and yours had the best, clearest, most understandable directions. Well done.

  15. arvind

    your post is helpful to me,
    thanks !!!!!!

  16. Dharmendra Prajapati

    Finally i got my dynamic widget ready sidebar after 23 days… I was googled all the sites.. and finally i redirected @ your site.

    Thanks

  17. Kevin

    In the second snippet, where you are inserting the widget code into the template, where you have

    div id=”secondary”

    Should that id change with each widget area.

    Ex:

    First, Secondary, Third, fourth, etc

    • WPBeginner Support

      Kevin yes you should, and it should be named after the widget area or the sidebar it is representing.

      Yönetici

  18. SS

    Works for registering the sidebars but when I go to the Appearance » Widgets screen I see all my widgets but nothing to drag them into.

    • WPBeginner Support

      SS, when you have successfully registered a dynamic widget ready sidebar it will appear on Widgets screen. This means that registering sidebars probably didn’t work.

      Yönetici

  19. Steve Smart

    Hi –

    This is a very helpful post. Thankyou!

    I’ve been successful using one dynamic widget area, now I’m trying to implement more than one. Everything seems to work as expected, except an odd problem in the dashboard. If I drag a text widget to my second dynamic widget area I can add content as you would expect, and save it, and it produces output on my pages as expected, however if I now revisit the dashboard widgets page, the second widget area does not appear to contain any widgets.

    I am using a twentytwelve-child theme, and Wordpress 3.7.1.

    Any thoughts?

  20. Jackson

    Hearty thanks….You have done such a wonderful work…thanks thanks thanks… :)

  21. JP

    thanks, found this useful. right to the point.

  22. Praveen Prasad

    Can you tell me where is the Call Function Started ?

  23. Ed Du

    You can also use Headway with a additional block and it will take care of all of this. Or pagelines for that matter.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.