WordPress'te Geri Çekilebilir Bir Kenar Çubuğu Menüsü Nasıl Oluşturulur (Kolay Yol)

Açılır kapanır bir kenar çubuğu menüsü, web sitenizin tasarımını temiz ve düzenli tutarken önemli bağlantılara ve içeriğe kolay erişim sağlamanın harika bir yoludur.

Bu özellik, kullanıcıların menüyü genişletip daraltmalarına olanak tanıyarak gezinme deneyimleri üzerinde kontrol sahibi olmalarını sağlar.

Birçok büyük web sitesinin, e-ticaret mağazasının ve daha karmaşık düzene sahip sitelerin gezinmeyi kolaylaştırmak için bunu kullandığını fark ettik.

Bu makalede, WordPress'te kolayca açılır kapanır bir kenar çubuğu menüsü oluşturmayı göstereceğiz.

Açılır Kapanır Kenar Çubuğu Menüsü Nedir? (Ve Ne Zaman Kullanılır)

En kullanıcı dostu menüler ziyaretçilerin ihtiyaç duyduğu tüm bağlantılara kolay erişim sağlar. Ancak, çok sayıda sayfaya sahip WordPress web siteleri veya daha karmaşık bir düzen için bu zor olabilir. 

Amazon gibi tonlarca ürün kategorisi ve alt kategorisi olan büyük bir e-ticaret mağazasını düşünün. 

Standart bir menüde her tekil ürün kategorisini görüntülemek iyi bir fikir olmazdı. Alışveriş yapanlar ilgilendikleri kategoriyi bulmak için muhtemelen menüde kaydırmak zorunda kalacaklardır. 

İşte burada açılır menüler devreye giriyor. Bu menüler içeriği bir ‘ebeveyn-çocuk’ yaklaşımıyla düzenler. Bu, ziyaretçi açılır menüdeki bir ebeveyn öğesine tıkladığında, o ebeveyn öğesinin tüm alt içeriğini göstermek için genişleyeceği anlamına gelir. 

Bunun bir örneği, mobil sitesi için açılır kapanır bir menü kullanan Guardian haber kuruluşudur.

Açılır yan çubuk menülerine bazen genişletilebilir menüler de denir. Bunun nedeni, farklı bölümlerinin bir ziyaretçi tıkladığında genişlemesidir. 

Varsayılan olarak, açılır kapanır menüler ziyaretçilerden birçok içeriği ve karmaşıklığı gizler. Bu, WordPress blogunuzda uzun bir kategori ve alt kategori listesinde gezinmekten çok daha kullanıcı dostudur.

Bununla birlikte, WordPress sitenizde kolayca açılır bir kenar çubuğu menüsü oluşturabileceğinize bir göz atalım.

WordPress'te Açılır/Kapanır Kenar Çubuğu Menüsü Nasıl Oluşturulur

WordPress'te Bellows Accordion Menu eklentisini kullanarak açılır kapanır bir kenar çubuğu menüsü oluşturabilirsiniz.

Açılır kapanır menünüzü kenar çubuğunuz dahil olmak üzere herhangi bir sayfaya, gönderiye veya widget alanına yerleştirmek için kullanışlı bir kısa kod sağlar.

İlk olarak, Bellows Accordion Menu eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Yardıma ihtiyacınız olursa, lütfen WordPress eklentisi yükleme konusundaki başlangıç kılavuzumuza bakın.

Etkinleştirdikten sonra, WordPress kontrol panelinizdeki Görünüm » Menüler sayfasını ziyaret edin. 

Başlamak için, menünüz için bir ad 'Menü Adı' alanına yazın. Sitenizi ziyaret edenlerin bu adı görmeyeceğini unutmayın, çünkü bu yalnızca sizin referansınız içindir.

Ardından ‘Menü Oluştur’ düğmesine tıklayabilirsiniz. 

Ardından, açılır kapanır kenar çubuğu menüsüne eklemek istediğiniz sayfaları seçin. Varsayılan olarak WordPress yalnızca en son sayfalarınızı görüntüler.

Web sitenizin tüm sayfalarının bir listesini görmek istiyorsanız, ‘Tümünü Görüntüle’ sekmesine tıklayın. 

Alternatif olarak, ‘Tümünü Seç’e tıklayabilirsiniz. Bu, tüm sayfalarınızı daraltılabilir menüye ekleyecektir.

Seçiminizden memnun kaldığınızda, ‘Menüye Ekle’ düğmesine tıklayın. Ayrıca gönderileri ve blog kategorilerini seçebilir veya özel bağlantılar ekleyebilirsiniz. Daha fazla ayrıntı için lütfen WordPress'te gezinme menüsü ekleme kılavuzumuza bakın.

Farklı web sayfalarınızın tümünü menüye ekledikten sonra, sürükleyip bırakarak etraflarında hareket ettirebilirsiniz. Bu, bu sayfaların açılır kapanır menünüzde görünme sırasını değiştirecektir. 

Açılır kapanır menüler, tamamen ebeveyn-çocuk ilişkileri ile ilgilidir.

Ziyaretçi açılır menünüzdeki bir ebeveyn öğesine tıkladığında, tüm alt içeriği ortaya çıkarmak için genişleyecektir.

Bu ilişkiyi oluşturmak için, tüm alt sayfalarınızı ebeveynlerinin altına yerleştirmek üzere sürükleyip bırakmanız yeterlidir.

Ardından, her alt öğeyi alın ve biraz sağa sürükleyin. Ardından bu sayfayı bırakabilirsiniz. Bu, öğeyi girintili hale getirecek ve bir alt sayfa yapacaktır. 

İşiniz bittiğinde ‘Menüyü Kaydet’ düğmesine tıklamayı unutmayın.

Şimdi bu açılır kapanır menüyü WordPress kenar çubuğuna eklemek istiyoruz. Bunu yapmak için Bellows Accordion'un otomatik olarak oluşturduğu bazı kısa kodları kullanacağız. 

Kısa kodu almak için WordPress kontrol panelinizdeki Görünüm » Bellows Menü sayfasına gidin. Henüz seçili değilse, ‘Tümünü Göster’ sekmesini seçtiğinizden emin olun.

Şimdi, kodun tamamını vurgulaması gereken Kısa Kod kutusuna tıklayabilirsiniz. Şimdi, Command + c veya Ctrl + c klavye kısayolunu kullanarak bu kodu kopyalayın. 

Bir sonraki adım, bu kısa kodu bir widget'a yapıştırmaktır, bu nedenle yönetici alanından Görünüm » Widget'lar sayfasına gidin.

Bu, mevcut temanızdaki tüm widget alanlarını gösterecektir. Gördüğünüz seçenekler değişiklik gösterebilir, ancak çoğu modern WordPress teması bir kenar çubuğuna sahiptir.

Kenar çubuğu alanını bulduğunuzda, üzerine tıklayın. Bu bölüm şimdi genişleyecektir.

Bir blok eklemek için + simgesine tıklayın ve ‘Kısa Kod’ yazmaya başlayın. Göründüğünde, ‘Kısa Kod’ bloğunu seçin. 

Şimdi, açılır kapanır menü kısa kodunuzu bu bloğa yapıştırın. Menünüzü yayınlamak için ekranınızın üst kısmındaki 'Güncelle' düğmesine tıklamanız gerekecektir. 

Şimdi sitenizi ziyaret ettiğinizde yeni bir açılır yan çubuk menüsü görmelisiniz. 

Bellows Accordion eklentisi ayrıca bu varsayılan menüyü özelleştirmeyi çok kolaylaştırır. Örneğin, sitenizin markasını daha iyi yansıtmak için renk şemasını değiştirebilirsiniz. 

Varsayılan menüyü ince ayar yapmak isterseniz, WordPress kontrol panelinizdeki Görünüm » Bellows Menü sayfasına gidin. 

Bu menü, açılır menünüzü özelleştirmek için ihtiyacınız olan tüm ayarlara sahiptir. Keşfedilecek çok sayıda ayar var. Ancak, önce Ana Yapılandırma » Temel Yapılandırma bölümüne gitmek isteyebilirsiniz.

Burada, birkaç farklı menü rengi arasında geçiş yapabilirsiniz. Ayrıca, ‘Akordeon Katlama’ ayarlarını kullanarak ziyaretçilerin birden fazla alt menüyü aynı anda genişletip genişletemeyeceğini seçebilirsiniz. 

Menünün hizalamasını ve genişliğini değiştirmek için ‘Düzen & Konum’ sekmesine tıklayın.

Değişikliklerinizi gerçek zamanlı olarak önizlemeyi tercih ederseniz, WordPress Özelleştirici'de katlanabilir kenar çubuğu menüsünü düzenleyebilirsiniz.

Bunu yapmak için, yönetici alanından Görünüm » Özelleştir sayfasına gidin ve sol sütundan 'Bellows' sekmesini seçin.

Burada kenar çubuğunuz için birçok farklı ayar bulacaksınız. Bunlar, genişliğini, hizalamasını ve katlanabilir kenar çubuğu menüsünün rengini değiştirmeyi içerir. 

Bonus: Maksimum Sonuç Elde Etmek İçin WordPress Kenar Çubuğu Hileleri

Açılır bir kenar çubuğu menüsü oluşturduktan sonra, kenar çubuğunuzun yardımıyla daha fazla potansiyel müşteri elde etmek için bazı diğer ipuçlarını kullanabilirsiniz.

Örneğin, yan çubuk widget'ınızı yapışkan hale getirebilirsiniz, böylece kullanıcı aşağı kaydırırken bile sayfada görünür.

Bunun dışında, e-posta listenizi oluşturmak için kenar çubuğunuza bir iletişim formu veya e-posta kayıt formu ekleyebilirsiniz. Bunu yapmak için, piyasadaki en iyi iletişim formu eklentisi olan WPForms'u kullanabilirsiniz.

WPBeginner'da bunu iletişim formları ve yıllık anketler oluşturmak için kullanıyoruz ve çok seviyoruz. Daha fazla bilgi edinmek için tam WPForms incelememize bakın.

Yalnızca bir form oluşturmanız ve ardından bunu blok menüsündeki WPForms bloğunu kullanarak kenar çubuğunuza eklemeniz gerekecektir.

Daha fazla ayrıntı için, WordPress'te iletişim formu oluşturma konusundaki eğitimimize bakabilirsiniz.

Ek olarak, en popüler gönderilerinizi kenar çubuğunda görüntüleyebilir, resimler ekleyebilir, sosyal medya simgeleri gösterebilir ve sosyal kanıt görüntüleyebilirsiniz. Bu, kullanıcıları sitenizi daha fazla keşfetmeye teşvik edecek ve dönüşümlerinizi artıracaktır.

Daha fazla ipucu için, en iyi WordPress kenar çubuğu hileleri listemizi görebilirsiniz.

Video Eğitim

Yazılı talimatları tercih etmiyorsanız, video eğitimimizi izleyin.

WPBeginner'a Abone Olun

Umarım bu makale, WordPress'te açılır kapanır bir kenar çubuğu menüsü oluşturmayı öğrenmenize yardımcı olmuştur. WordPress sitenizin tasarımını düzenlemeye yönelik daha fazla ipucu için, WordPress başlığınızı nasıl özelleştireceğiniz ve siteniz için en kullanışlı WordPress widget'ları hakkındaki rehberlerimize de göz atabilirsiniz. 

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.