WordPress Widget Kullanimi ve Kenar Cubugu Yonetimi

WordPress ile bir siteyi yönetirken içeriğin büyük kısmını yazılar ve sayfalar oluşturur; ancak sitenin çevresini saran o küçük bloklar da en az onlar kadar iş görür. Kenar çubuğunda beliren arama kutusu, altbilgideki iletişim bilgileri, yazının yanındaki "son yazılar" listesi ya da bültene abone olma formu... Bunların hepsi WordPress dünyasında tek bir kavramla anlatılır: widget. Widget, tema kodlarına dokunmadan sitenizin belirli bölgelerine hazır içerik parçaları yerleştirmenizi sağlayan bileşendir. Doğru kullanıldığında, ziyaretçiyi sitede tutan, gezinmeyi kolaylaştıran ve dönüşümü artıran güçlü bir araca dönüşür.

Bu rehberde widget kavramını en baştan ele alacağız. Önce widget alanının (kenar çubuğu ve altbilgi) ne anlama geldiğini, WordPress 5.8 ile gelen blok tabanlı widget ekranını nasıl kullanacağınızı ve eski, sürükle-bırak mantığındaki klasik widget'lara nasıl geri dönebileceğinizi göreceğiz. Ardından her sitede işinize yarayacak arama, son yazılar ve özel HTML gibi temel widget'ları uygulamalı olarak ekleyeceğiz. Son olarak perde arkasına inip temaların register_sidebar fonksiyonuyla bu alanları nasıl tanımladığını, bir geliştirici gözüyle inceleyeceğiz. Amaç, widget panelini gözünüz kapalı yönetebilecek kadar konuya hâkim olmanız.

Widget ve Widget Alani Nedir?#

Widget'ı anlamak için önce onun nerede durduğunu anlamak gerekir. WordPress temaları, ana içerik (yazı gövdesi) dışında kalan yerlerde "widget alanları" tanımlar. En bilineni kenar çubuğu (sidebar), yani yazının hemen yanında dikey olarak uzanan sütundur. İkinci yaygın alan ise sayfanın en altındaki altbilgi (footer) bölgesidir; çoğu tema burayı 3-4 sütuna böler ve her sütun ayrı bir widget alanı olur. Bazı temalar başlık üstü, hata (404) sayfası ya da WooCommerce mağaza kenarı gibi ek alanlar da sunar.

Bir widget alanı, teknik olarak "içine widget bırakabileceğiniz boş bir kap"tır. Temanın kodu bu kabın sayfanın neresinde çıkacağını belirler; siz ise yönetici panelinden kabın içine ne koyacağınıza karar verirsiniz. Bu ayrım önemlidir: widget'ın görüneceği yer temaya, içeriği ise size aittir. Aynı "Son Yazılar" widget'ını A temasında sağ kenarda, B temasında altbilgide görebilirsiniz; çünkü konumu tema, içeriği siz belirlersiniz.

Widget alanlarını yönetici panelinde Görünüm > Widget'lar menüsünden görürsünüz. Tema hangi alanları tanımlamışsa listede o başlıklar çıkar. Bir temanın kaç widget alanı sunduğu doğrudan tasarımına bağlıdır; sade bir blog teması tek bir kenar çubuğuyla yetinirken, kurumsal bir tema on farklı alan tanımlayabilir. Temanızda beklediğiniz alan yoksa sorun sizde değil, temanın o alanı hiç tanımlamamış olmasındadır. Doğru temayı seçmenin bu tür ayrıntılarla ilişkisini WordPress tema seçimi rehberimizde ele alıyoruz.

Blok Tabanli Widget Ekranini Kullanmak#

WordPress 5.8 sürümünden itibaren widget ekranı tamamen yenilendi. Eski sürükle-bırak kutucukları yerini, yazı editöründe kullandığınız Gutenberg bloklarına bıraktı. Artık Görünüm > Widget'lar sayfasına girdiğinizde, her widget alanı bir mini editör gibi çalışır; içine yalnızca "klasik widget'ları" değil, paragraf, başlık, resim, buton, sütun ve galeri gibi tüm blokları da ekleyebilirsiniz. Bu, kenar çubuğunda çok daha zengin düzenler kurabilmeniz demektir.

Yeni ekranda bir blok eklemek için ilgili alanın içindeki artı (+) simgesine tıklar, açılan listeden istediğiniz bloğu seçersiniz. Örneğin altbilgiye üç sütunlu bir bağlantı listesi kurmak isterseniz önce "Sütunlar" bloğunu, ardından her sütunun içine "Liste" ya da "Gezinme" bloğunu yerleştirirsiniz. Değişiklikleri kaydetmek için sağ üstteki Güncelle düğmesine basmanız yeterlidir; canlı sitede anında yayına girer.

Blok editörünün en pratik yanı, klasik widget'ları da bir blok olarak sunmasıdır. Arama, son yazılar, kategoriler gibi tanıdık bileşenleri blok listesinde "Widget'lar" başlığı altında bulursunuz. Yani yeni ekran eskisinin yerine geçmez, onu kapsar. Yine de blok mantığına alışkın değilseniz ilk temasta ekran kalabalık görünebilir; aşağıdaki tablo iki yaklaşımın farkını netleştiriyor.

Klasik Widget'lara Geri Donmek#

Blok ekranı herkese uygun düşmeyebilir. Yıllardır klasik arayüzle çalışan biriyseniz ya da temanız blok widget'larıyla iyi anlaşamıyorsa, WordPress'in resmi Classic Widgets eklentisiyle eski sürükle-bırak ekranına saniyeler içinde dönebilirsiniz. Bu eklenti WordPress ekibi tarafından geliştirilir ve en az 2026'ya kadar destekleneceği açıklanmıştır; yani geçici bir yama değil, kalıcı bir tercih olarak güvenle kullanılabilir.

Eklentiyi Eklentiler > Yeni Ekle üzerinden "Classic Widgets" araması yapıp kurabilir ve etkinleştirebilirsiniz. Etkinleştirdiğiniz anda Görünüm > Widget'lar sayfası eski görünümüne döner; solda mevcut widget'lar, sağda alanlar sıralanır ve widget'ı fareyle sürükleyip bırakırsınız. Komut satırını tercih edenler için WP-CLI ile de tek satırda halledilir:

# Resmi Classic Widgets eklentisini kur ve etkinlestir
wp plugin install classic-widgets --activate

Eklenti kurmak istemiyorsanız, aynı sonucu temanın functions.php dosyasına (tercihen bir alt tema içinde) küçük bir filtre ekleyerek de alabilirsiniz. Aşağıdaki tek satır, blok tabanlı widget editörünü kapatıp klasik ekranı geri getirir:

// Blok tabanli widget ekranini kapat, klasik ekrani getir
add_filter( 'use_widgets_block_editor', '__return_false' );

Hangi yolu seçerseniz seçin, iki yaklaşım da aynı widget alanlarına yazar; verileriniz kaybolmaz. Blok editöründeyken eklediğiniz saf Gutenberg blokları klasik ekranda "bir blok" olarak görünür, klasik widget'lar ise her iki ekranda da düzgün çalışır. Alt tema kullanımına yabancıysanız, functions.php düzenlemelerinizi güncellemelerden korumanın yolunu tema seçimi yazımızdaki child theme bölümünde bulabilirsiniz.

Sik Kullanilan Widget'lari Ekleme#

Teoriyi bir kenara bırakıp en çok işinize yarayacak üç widget'ı gerçek örneklerle ekleyelim. Bunlar neredeyse her sitede bulunması gereken temel bileşenlerdir ve hem blok hem klasik ekranda kullanılabilir.

Arama widget'ı, ziyaretçinin içeriğinizde hızlıca gezinmesini sağlar. Blok ekranında kenar çubuğunun içindeki (+) simgesine tıklayıp "Arama" bloğunu seçmeniz yeterlidir; blok, otomatik olarak bir arama kutusu ve düğmesi oluşturur. Buton metnini ("Ara"), yer tutucu yazıyı ve düğme konumunu blok ayarlarından değiştirebilirsiniz. Arama, özellikle çok yazılı bloglarda kullanıcıyı sitede tutan en etkili bileşenlerden biridir.

Son Yazılar widget'ı, en yeni içeriğinizi kenar çubuğunda öne çıkarır ve ziyaretçiyi bir yazıdan diğerine yönlendirerek sayfa görüntülemelerini artırır. Bloğu eklerken kaç yazı gösterileceğini, yazı tarihini gösterip göstermeyeceğinizi ve öne çıkan görselleri ekleyip eklemeyeceğinizi ayarlar panelinden seçersiniz. Benzer şekilde "Son Yorumlar", "Kategoriler" ve "Arşivler" widget'ları da blogunuzun keşfedilebilirliğini yükseltir.

Sık ihtiyaç duyulan üçüncü bileşen ise Özel HTML widget'ıdır. Bir harita gömme kodu, üçüncü taraf bir form, reklam etiketi ya da özel biçimlendirilmiş bir uyarı kutusu eklemek istediğinizde bu widget devreye girer. İçine doğrudan HTML yazarsınız; WordPress bunu olduğu gibi çıktıya basar. Basit bir iletişim kartını şöyle kurabilirsiniz:

<div class="iletisim-karti">
  <h4>Bize Ulasin</h4>
  <p>Telefon: 0850 000 00 00</p>
  <p>E-posta: [email protected]</p>
  <a class="btn" href="/iletisim">Iletisim Formu</a>
</div>

Özel HTML widget'ı güçlüdür ama dikkatli kullanılmalıdır; yalnızca kaynağına güvendiğiniz kodları buraya yapıştırın. Kopyaladığınız üçüncü taraf betikleri, sitenize izinsiz reklam ya da izleyici enjekte edebilir. Doğru eklenti ve kod hijyeninin neden önemli olduğuna dair ayrıntıları temel WordPress eklentileri rehberimizde bulabilirsiniz.

Temalarin register_sidebar Mantigi#

Yönetici panelinde gördüğünüz her widget alanı, aslında temanın kodunda bir satırla doğar. WordPress, bir alanı "kaydetmek" için register_sidebar() fonksiyonunu kullanır ve bu çağrı widgets_init kancasına (hook) bağlanır. Bir temanın neden belirli alanlar sunduğunu ya da neden hiç kenar çubuğu olmadığını anlamak için bu mantığı bilmek gerekir. Aşağıdaki örnek, tek bir kenar çubuğu tanımlayan tipik bir functions.php bloğudur:

function cloutr_widget_alanlari() {
    register_sidebar( array(
        'name'          => 'Ana Kenar Cubugu',
        'id'            => 'sidebar-1',
        'description'   => 'Yazi ve sayfalarin yaninda gorunen alan.',
        'before_widget' => '<section id="%1$s" class="widget %2$s">',
        'after_widget'  => '</section>',
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>',
    ) );
}
add_action( 'widgets_init', 'cloutr_widget_alanlari' );

Buradaki id alanı, WordPress'in bu bölgeyi tanıdığı benzersiz anahtardır ve tema dosyalarında ona bu adla seslenirsiniz. before_widget ve after_widget ise her widget'ın hangi HTML sarmalayıcı içine gireceğini belirler; %1$s ve %2$s yer tutucuları, WordPress'in otomatik ürettiği kimlik ve sınıf adlarıyla değiştirilir. Bu sarmalayıcılar sayesinde tüm widget'lar tutarlı biçimde stillendirilebilir.

Kaydedilen alanı sayfada göstermek için tema, dynamic_sidebar() fonksiyonunu çağırır. Genellikle sidebar.php gibi bir şablon parçasında şu kalıbı görürsünüz:

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
  <aside class="site-sidebar" role="complementary">
    <?php dynamic_sidebar( 'sidebar-1' ); ?>
  </aside>
<?php endif; ?>

Buradaki is_active_sidebar() kontrolü önemlidir: alan boşsa (hiç widget eklenmemişse) aside etiketi hiç basılmaz, böylece boş bir çerçeve görünmez. Yönetici panelinden bir widget alanına eklediğiniz her bileşen, arka planda bu dynamic_sidebar() çağrısı üzerinden çıktıya dönüşür. Kısacası panel ile kod arasındaki köprü id değeridir; panelde gördüğünüz "Ana Kenar Çubuğu" başlığı ile koddaki sidebar-1 aynı alanı işaret eder.

Blok Temalar ve Widget'larin Gelecegi#

WordPress'in yönü, klasik "widget alanı" kavramından Tam Site Düzenleme (Full Site Editing, FSE) mimarisine kayıyor. Blok temalarda (örneğin varsayılan Twenty Twenty-Five) artık ayrı bir "Görünüm > Widget'lar" menüsü bulunmaz; onun yerine tüm site Görünüm > Düzenleyici altında, şablon parçaları (template parts) ve bloklarla tasarlanır. Yani eski kenar çubuğu ve altbilgi, birer widget alanı yerine düzenlenebilir birer şablon parçası hâline gelir.

Bu değişim başta kafa karıştırıcı olsa da mantığı basittir: eskiden widget'la yaptığınız her şeyi (arama, son yazılar, bağlantı listesi) artık doğrudan blok olarak şablona ekliyorsunuz. Fark, bu blokları yalnızca kenar çubuğunda değil, sitenin herhangi bir yerinde konumlandırabilmenizdir. Blok temalar hakkında daha derin bilgi için WordPress belgelerindeki "site editörü" bölümüne göz atabilirsiniz. Klasik temalarla çalışmaya devam ediyorsanız bu rehberdeki widget yaklaşımı geçerliliğini korur; ikisi bir arada uzun süre yaşamaya devam edecek.

Yönetim tarafında, hangi tema türünü kullanırsanız kullanın, komut satırı hızlı bir müttefiktir. WP-CLI ile widget alanlarını ve içeriklerini terminalden görüntüleyip düzenleyebilirsiniz:

# Temanin tanimladigi tum widget alanlarini listele
wp sidebar list

# Belirli bir alandaki widget'lari gor
wp widget list sidebar-1 --fields=name,id,position

# sidebar-1 alanina arama widget'i ekle
wp widget add search sidebar-1

# Bir widget'i pasiflestir (silmeden kaldir)
wp widget deactivate search-2

Bu komutlar özellikle çok sayıda siteyi yöneten sistem yöneticileri için değerlidir; yüzlerce sitede aynı altbilgi düzenini tek bir betikle uygulayabilirsiniz. WP-CLI'nin kurulu olduğu, tam kök erişimli bir ortam istiyorsanız paylaşımlı planların ötesine geçip bir sanal sunucu değerlendirmeniz gerekebilir.

Sıkça Sorulan Sorular#

WordPress'te widget alani gormuyorum, ne yapmaliyim?#

Bunun en yaygın nedeni, kullandığınız temanın hiç widget alanı tanımlamamış olmasıdır. Blok temalarda (FSE) klasik "Görünüm > Widget'lar" menüsü zaten bulunmaz; bunun yerine "Görünüm > Düzenleyici" üzerinden şablon parçalarını düzenlersiniz. Klasik bir tema kullandığınız hâlde menü hâlâ yoksa, tema register_sidebar() çağrısı içermiyor demektir; kenar çubuğu sunan başka bir temaya geçmeniz ya da alt temaya kendi widget alanınızı eklemeniz gerekir.

Blok widget editorunu tamamen kapatabilir miyim?#

Evet, kapatabilirsiniz. En kolay yol WordPress'in resmi Classic Widgets eklentisini kurup etkinleştirmektir; bu eklenti klasik sürükle-bırak ekranını geri getirir ve WordPress ekibi tarafından uzun vadeli desteklenir. Eklenti kurmadan aynı sonucu istiyorsanız, alt temanızın functions.php dosyasına add_filter( 'use_widgets_block_editor', '__return_false' ); satırını ekleyerek de blok editörünü devre dışı bırakabilirsiniz.

Kenar cubuguna eklediğim widget'lar mobilde nerede gorunuyor?#

Çoğu duyarlı (responsive) temada kenar çubuğu, dar ekranlarda ana içeriğin altına iner; yani mobil ziyaretçi önce yazıyı, sonra widget'ları görür. Bu davranış tamamen temanın CSS'iyle belirlenir ve genellikle istenen bir düzendir. Widget'ların mobilde nasıl konumlanacağını değiştirmek isterseniz temanın medya sorgularına (media queries) müdahale etmeniz gerekir; bunu doğrudan tema dosyasında değil, alt temada veya Özelleştirici'nin Ek CSS alanında yapmalısınız.

Ozel HTML widget'ina script eklemek guvenli mi?#

Kaynağına güvendiğiniz betikler için güvenlidir, ancak temkinli olmanız gerekir. Özel HTML widget'ı içine yazdığınız kodu hiçbir filtreden geçirmeden çıktıya basar; bu yüzden internette bulduğunuz her betiği körü körüne yapıştırmak, sitenize gizli reklam ya da izleyici bulaştırma riski taşır. Yalnızca resmî bir hizmetin (harita, analiz, form) sağladığı kodları ekleyin ve düzenli olarak sitenizin kaynak kodunu kontrol edin.

Widget alanlarim yavaslamaya neden olur mu?#

Widget'ın kendisi genellikle sorun değildir, ancak içine koyduğunuz ağır bileşenler siteyi yavaşlatabilir. Örneğin her sayfada dış kaynaktan bir sosyal medya akışı çeken ya da çok sayıda görsel yükleyen bir widget, yükleme süresini uzatır. Kenar çubuğunu gerçekten değer katan birkaç bileşenle sınırlı tutmak, sayfa hızınız açısından en sağlıklı yaklaşımdır; performans önceliğiniz yüksekse önbellekleme ve görsel optimizasyonu gibi tedbirleri de birlikte uygulayın.

Klasik widget'tan blok widget'a gecince eski icerigim silinir mi?#

Hayır, verileriniz kaybolmaz. Blok editörü ile klasik editör aynı widget alanlarına yazar; yalnızca düzenleme arayüzü değişir. Blok ekranına geçtiğinizde eski klasik widget'larınız birer "widget bloğu" olarak korunur ve çalışmaya devam eder. İsterseniz Classic Widgets eklentisiyle geri döndüğünüzde de her şey olduğu gibi yerinde durur; iki ekran arasında geçiş yapmak içeriği bozmaz.

Kapanış#

Widget'lar, WordPress'in tema kodlarına dokunmadan sitenizin çevresini kişiselleştirmenizi sağlayan en pratik araçlardan biridir. Kenar çubuğu ve altbilgi alanlarının ne olduğunu, blok tabanlı yeni ekranla klasik ekran arasındaki farkı, arama ve son yazılar gibi temel widget'ları eklemeyi ve perde arkasındaki register_sidebar mantığını kavradığınızda, sitenizin bu bölgelerini artık gözünüz kapalı yönetebilirsiniz. En sağlıklı yaklaşım, her alanı gerçekten değer katan birkaç bileşenle sınırlı tutmak ve düzenlemelerinizi bir alt tema üzerinden güncellemelere dayanıklı hâle getirmektir.

Tüm bu esnekliğin gerçek karşılığını, altyapınız sağlam ve hızlıysa alırsınız. WordPress'i tam performansla, NVMe diskler ve güncel PHP sürümleriyle çalıştırmak için WordPress hosting paketlerimize göz atabilir; büyüyen projeleriniz için tam kök erişimi ve WP-CLI kolaylığı sunan sanal sunucu (VDS) çözümlerimizi değerlendirebilirsiniz. Sitenizin bakımını uzman ekibimize bırakmak isterseniz WordPress bakım hizmetimiz; mevcut sitenizi bize taşımak isterseniz ücretsiz site taşıma desteğimiz her zaman yanınızda. Doğru altyapıyla kurulmuş bir WordPress sitesi, eklediğiniz her widget'ın karşılığını hızla ve sorunsuz verir.