Herhangi Bir WordPress Sayfası veya Gönderi Türü İçin İçeriğe Duyarlı Kenar Çubukları Nasıl Görüntülenir

Pekala, içeriğe duyarlı kenar çubukları hakkında konuşalım. Ancak, bunu yapmadan önce, genel olarak kenar çubukları hakkında konuşmalıyız.

Tipik kenar çubuğu, web tasarımının ve birçok WordPress temasının temelidir. İletişim formları, en son veya en popüler blog gönderileriniz, reklamlar veya sitenizin ana cazibesi olmayan başka herhangi bir şey gibi ek bilgileri görüntülemek için iyi bir yerdir. Son yıllarda trend kenar çubuğu olmayan tek sayfalık tasarımlara doğru gitse de, bunlar popüler bir unsur olmaya devam ediyor.

Çoğu durumda, bir web sitesinin kenar çubuğu, hangi sayfada olursanız olun aynı içeriği gösterir. Ancak, bunu yapmanın her zaman en uygun yolu bu değildir. Aslında, farklı sayfalarda veya eşlik ettikleri içeriğin farkında olan gönderilerde özel kenar çubukları göstermenin birçok nedeni vardır.

Bu nedenle, bu yazıda bu konu hakkında daha fazla konuşmak istiyoruz. İlk olarak, içeriğe duyarlı kenar çubukları için kullanım örneklerini göstereceğiz. Bu şekilde, sizin için anlamlı olup olmadığını anlayacaksınız. Bundan sonra, bu tür kenar çubuğunun WordPress web sitenize nasıl uygulanacağını açıklayarak devam edeceğiz.

Gitmeye hazır? O zaman çatlamaya başlayalım.

İçeriğe Duyarlı Kenar Çubuklarının Amacı Nedir?

Her şeyden önce, hangi içeriğin yanında göründüklerine bağlı olarak neden kenar çubuklarını özelleştirme zahmetine girdiğinizden bahsedelim. Sonuçta, statik kenar çubuğu uzun zamandır etrafta ve hala hile yapıyor gibi görünüyor. Neden çalışan bir sistemle uğraşıyorsunuz?

Görünen o ki, içeriğe duyarlı kenar çubuklarını kullanmanın mantıklı olduğu birçok kullanım durumu var:

• Alışma — İlk kez gelen ziyaretçilerin düzenli olarak farklı içeriğe ihtiyacı olabilir. Örneğin, oturum açmış kullanıcılarınızın, insanların sitenize veya e-posta listenize katılmasını sağlamak için tasarlanan "kaydolun" harekete geçirici mesajını görmelerine gerek yoktur.
• Özel bilgiler — Bazı bilgiler bazı sayfalarda diğerlerinden daha anlamlıdır. Örnekler, iletişim sayfasındaki ek iletişim bilgilerini, blog sayfasındaki en iyi veya en son makaleleri, mağaza sayfasındaki özel teklifleri içerir - ana fikri alırsınız.
• Geliştirilmiş SEO - Ana bir faktör olmasa da, kenar çubuğu içeriği hala arama motoru optimizasyonu için önemlidir (özellikle widget başlıkları başlık etiketlerine uygun şekilde sarılmışsa). Bu nedenle, sayfalarınızı daha da hedeflenmiş hale getirmek için içeriğe duyarlı kenar çubuklarını kullanabilirsiniz.
• Harekete geçirici mesajlar — Web sitenizdeki farklı yerler için harekete geçirici mesajları özelleştirmek için bu tür kenar çubuğunu da kullanabilirsiniz.
• Diller — Ayrıca sitenizin farklı dil sürümleri için kenar çubukları oluşturmayı ve farklı pazarları hedeflemeyi mümkün kılarlar.

Gördüğünüz gibi, içeriğe duyarlı kenar çubuklarını kullanmanın birkaç nedeni vardır ve bu liste ayrıntılı olmaktan uzaktır. Ancak, şimdi onları nasıl uygulayacağımıza odaklanalım.

WordPress'te İçeriğe Duyarlı Kenar Çubukları Nasıl Uygulanır?

Gönderiler ve sayfalar için özel kenar çubukları oluşturmanın üç ana yolu vardır. Hepsinin ortak noktası, kenar çubuğunun içeriğinin, hangi sayfada veya yayında görüntülendiğine göre değiştirilmesidir. Koşullar, WordPress etiketlerini, kategorileri, sayfa adlarını veya bir kullanıcının oturum açıp açmadığı gibi diğer özellikleri içerir.

Bundan sonra, kenar çubuğu genellikle üç yoldan biriyle değiştirilir:

• Widget'ları filtrele - Bir kenar çubuğu, widget'larla doludur ve arka planda bir tür mantık, hangi widget'ların hangi konumda görüneceğine ve hangilerinin gizleneceğine karar verir.
• Tüm kenar çubuklarını ayarlayın - Başka bir yol, farklı koşullar karşılandığında aynı konumda görünen tamamen ayrı kenar çubukları oluşturmaktır. Bireysel widget konfigürasyonları içerebilirler.
• Temaya sabit kodlanmış - Elbette, bunun için kodlama pirzolalarınız varsa, tema dosyalarınıza özel kenar çubukları da ekleyebilirsiniz.

Şahsen ikinci yöntemin en düzenli kullanıcı arayüzü ile sonuçlanan yöntem olduğunu düşünüyorum. Ancak, kendi kararınızı verebilmeniz için aşağıda her yolu ayrıntılı olarak inceleyeceğiz. Bundan sonra, WordPress sitenize özel kenar çubukları uygulamak için birkaç seçenek daha listeleyeceğiz.

Widget'ları Filtrelemek için Jetpack Widget Görünürlüğünü Kullanın

Sitenizdeki widget görünümünü filtrelemenin en kolay yolu, Jetpack'te bulunan uygun şekilde adlandırılmış Widget Görünürlük modülüdür. Eklenti sitenizde zaten varsa, özel kenar çubukları oluşturmak, modülü etkinleştirmek kadar kolaydır (varsayılan olarak zaten etkin değilse). Alternatif olarak, bu bağımsız sürümü de kullanabilirsiniz.

Widget menüsüne gittiğinizde, tüm widget'larınızda yeni bir Görünürlük düğmesi bulacaksınız. Tıklayın ve açılır menüler aracılığıyla widget'larınız için istediğiniz görüntüleme mantığını kolayca uygulayabilirsiniz.

Görünürlük koşulları aşağıdaki gibidir:

• Kategori — Widget'lar belirli kategori sayfalarında veya hepsinde görünebilir
• Yazar - Tüm yazar sayfalarında veya belirli kullanıcılarla sınırlı görünüm
• Kullanıcı — Kullanıcının oturum açıp açmadığını kontrol eder
• Rol — Widget'ları kullanıcı rolüne göre kontrol edin
• Etiket - Kategori sayfaları gibi çalışır ancak etiketler için
• Tarih — Arşiv widget'larının hangi tarihte görüneceğini kontrol edin
• Sayfa — Ön sayfa, gönderiler sayfası, arşiv sayfaları, 404 hata sayfası, gönderi türleri, gönderi türleri arşivleri ve statik sayfalar için widget görünürlüğünü ayarlayın

Her seçenek için, widget'ların gösterilip gösterilmeyeceğini belirleyebilirsiniz. Kurallar ayrı ayrı girilmelidir, yani aynı anda birkaç sayfa girmek mümkün değildir. Bununla birlikte, bu yöntem, diğer çözümlerde gerektiği gibi sayfa kimliklerini manuel olarak girmekten daha uygundur (aşağıda daha fazlası). Widget'ları yalnızca tüm koşullar geçerliyse görüntülenmeye zorlayan bir Tüm koşulları eşleştir onay kutusu da vardır.

İçeriğe Duyarlı Kenar Çubukları, Özel Kenar Çubukları Kurmanızı Sağlar

Bahsetmek istediğimiz ikinci çözüm ise Content Aware Sidebars eklentisidir. Daha önce de belirtildiği gibi, bu eklenti, daha sonra widget'larla doldurabileceğiniz ve gönderilere ve sayfalara atayabileceğiniz tüm kenar çubuklarını ayarlamanıza olanak tanır. Kullanımı oldukça basittir.

Kurulumdan sonra, WordPress menüsünde Kenar Çubukları adlı yeni bir menü öğesi bulacaksınız.

Burada Yeni Ekle'yi seçtiğinizde şu ekrana gelirsiniz:

Burada yapılacak ilk şey, kenar çubuğunuzu adlandırmaktır. Bundan sonra, onu görüntülemek için koşulları ayarlamanın zamanı geldi. Kullanılabilir seçenekler Jetpack'e benzer:

• Statik sayfalar - Kenar çubuğunu ön sayfa, arama sonuçları veya 404 hata sayfası gibi görüntülemek için statik sayfaları seçin
• Gönderiler - Yukarıdakiyle aynı seçenekler ancak gönderiler için
• Sayfalar — Kenar çubuğunun sitenizde hangi sayfalarda gösterileceğini seçin
• Medya — Kenar çubuğunuzun hangi medya sayfalarında görüneceğini belirler
• Yazarlar - Ekranı yazar sayfalarıyla sınırlayın
• Sayfa şablonları — Kenar çubuğunuzu görüntülemek için sayfa şablonları seçin
• Kategoriler - Belirli kategorileri veya tüm kategori arşivlerini seçin
• Etiketler - Aynı seçenekler ancak etiketler için
• Biçimler - Yine, biçim arşivleri için aynı ayarlar
• Tarihler - Ve bir kez daha tarih arşivleri için
• URL'ler (yalnızca Pro sürümü) — Kenar çubuğu görüntüsünü belirli URL'lerle sınırlayın

Ek ayarlar:

• Program — Kenar çubuğu görüntüleme için bir zamanlama ayarlayın. Ücretsiz sürümde tüm günlerle sınırlısınız, Pro sürüm daha ayrıntılı zaman dilimleri sunuyor.
• Tasarım — Kenar çubuklarınıza, widget'larınıza ve widget başlıklarına özel CSS sınıfları ekleyin.
• Gelişmiş - Kenar çubuklarınızın sırasını ayarlayın (birden fazla olması durumunda)

Buna ek olarak, kenar çubuklarını birbirleriyle birleştirebilir, değiştirebilir, widget alanları olarak ayarlayabilir ve oturum açmış kullanıcılar için görünürlüklerini kontrol edebilirsiniz (Pro'da kullanıcı rolleri mevcuttur).

Yapılandırmayı tamamladıktan sonra, normal pencere öğesi menüsünde yeni kenar çubuğu belirir, burada onu doldurabilir, etkinleştirebilir ve devre dışı bırakabilir ve hatta geçmiş revizyonları görebilirsiniz. Düzgün ve kolay.

Manuel Olarak Özel Kenar Çubukları Oluşturun

Son olarak, kodlama yoluyla özel kenar çubukları oluşturmak da mümkündür. WordPress bunun için birçok seçenek sunuyor ve süreci hızlıca gözden geçireceğiz.

Özel kenar çubukları oluşturmak için yapılacak ilk şey, yeni bir widget'lı alan kaydetmektir. Bunun için aşağıdaki kodu (alt) temanızın function.php dosyasına girin:

function custom_sidebar_init() {
	register_sidebar( array(
		'name'          => 'New Custom Sidebar',
		'id'            => 'custom_sidebar_1',
		'description'   => 'Add widgets here to appear for single posts.',
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
}
add_action( 'widgets_init', 'custom_sidebar_init' );
[/php
Of course, you can change the name and other elements to your liking. After saving and uploading to your server, it will now appear in your widget menu where you can add widgets to it as usual.

<img class="with-border aligncenter wp-image-53962 size-full" src="https://www.elegantthemes.com/blog/wp-content/uploads/2017/06/new-widget-area.jpg" alt="new widget area" width="672" height="445" />

However, so far the sidebar doesn't show up anywhere on your site. To change that, you need to add it to the template file(s) of where you want them to show up.

In our example, we want the new sidebar to appear for single posts, so we would input it inside <em>single.php</em> of our theme. In the case of the <em>Twenty Seventeen</em> theme, that means we would exchange this:

<?php get_sidebar(); ?>

Bununla:

<?php if ( is_active_sidebar( 'custom_sidebar_1' ) ) : ?>
	<aside id="secondary" class="widget-area" role="complementary">
		<?php dynamic_sidebar( 'custom_sidebar_1' ); ?>
	</aside><!-- #primary-sidebar -->
<?php endif; ?>

Bundan sonra, ön uçtaki sonuç şudur:

Elbette, daha fazla geliştirme pirzolanız varsa, kenar çubuğunu yalnızca oturum açmış kullanıcılar için göstermek gibi daha fazla koşul eklemek mümkündür. Ayrıca, WordPress şablon hiyerarşisini kullanarak nerede gösterileceği konusunda daha ayrıntılı bilgi edinebilirsiniz. En dinamik çözüm olmayabilir, ancak hile yapar ve ek eklenti yüklemeye gerek kalmadan tamamen arka planda çalışabilir.

İçeriğe Duyarlı Kenar Çubukları Uygulamanın Ek Yolları

Yukarıdaki seçeneklerin yanı sıra, benzer işlevlere sahip birkaç eklentimiz daha var.

Widget Mantığı

Bu eklenti Jetpack çözümüne benzer şekilde çalışır, ancak açılır menüler yerine WordPress koşullu etiketlerini manuel olarak girmeniz gerekir. Bu şekilde, istediğiniz kadar çok kurala bağlı olarak widget'ların nerede görüneceğini belirleyebilirsiniz.

Ancak bunu yapmak için sayfalarınızın kimliklerini bilmeniz gerekir ve genel olarak yukarıda gördüklerimizden biraz daha tekniktir. Bu, çalışmadığı ve güçlü bir eklenti olmadığı anlamına gelmez, ancak daha az teknik kişi başka bir şeyle daha iyi olabilir.

Özel Kenar Çubukları

WPMU DEV tarafından yapılmış, burada herhangi bir widget alanıyla çalışan içeriğe duyarlı kenar çubukları ayarlamak için başka bir çözümümüz var. Eklenti, herhangi bir gönderi, sayfa, kategori arşivi, gönderi türü ve daha fazlasında widget'ları dinamik olarak görüntülemenize olanak tanır. Ayrıca, tüm bunları çok güçlü ve kullanımı kolay bir kullanıcı arayüzü ile yapar. Tam bir giriş için, Tom Ewer'ın web sitesindeki makalesine bakın.

Basit Sayfa Kenar Çubukları

Özel kenar çubukları oluşturmaya yönelik nihai çözüm, basitlik için yapılmıştır. Doğrudan sayfa düzenleyiciden kenar çubukları atamanıza ve toplu olarak değişiklik yapmanıza olanak tanır. Bunu yaptıktan sonra, bunları widget menüsünde her zamanki gibi doldurabilirsiniz.

Ne yazık ki, daha gelişmiş özelleştirme seçenekleri eksik. Ancak, yalnızca sayfalarınız için farklı kenar çubuklarına sahip olmak istiyorsanız, aradığınız çözüm bu olabilir.

Özetle İçeriğe Duyarlı Kenar Çubukları

Sitenizde özel olarak uyarlanmış kenar çubukları kullanmanın birçok iyi nedeni vardır. Tüm içeriğin yanında görünmesi için aynı bilgilere ihtiyacı yoktur. İçeriğe duyarlı kenar çubukları ile standart bir kenar çubuğu kullanmak yerine neyin mantıklı olduğunu görüntüleyebilirsiniz.

Bu öğreticide, özelleştirilmiş kenar çubukları oluşturmanın birkaç yolunu öğrendik. Widget'ları filtrelemekten tamamen yeni kenar çubukları oluşturmaya ve bunları temanıza kodlamaya kadar her şey burada.

Bu bilgilerle donanmış olarak, artık yalnızca daha iyi kullanıcı etkileşimi ve hedef kitlenize hizmet için ihtiyaç duyduğunuz kenar çubuğu içeriğini sağlayabilirsiniz. Bir şans ver!

İçeriğe duyarlı kenar çubuklarıyla ilgili deneyiminiz nedir? Aşağıdaki yorumlar bölümünde bize bildirin!

Kit8.net/ Shutterstock.com tarafından sağlanan makale küçük resmi