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)

Katlanabilir bir kenar çubuğu menüsü (veya genişletilebilir menü), ziyaretçi tıklayana kadar alt öğeleri gizleyen bir gezinme listesidir. Bağlantıları ‘ebeveyn-çocuk’ yapısında düzenleyerek sitenizin tasarımını temiz tutar.

Genellikle büyük web siteleri veya e-ticaret mağazaları için katlanabilir menüler kullanmanızı öneririz. İşte neden etkililer:

• Karmaşık Düzenleri Düzenleyin: Yüzlerce kategoriyi veya sayfayı kullanıcıyı bunaltmadan sıralamanıza yardımcı olurlar.
• Ekran Alanından Tasarruf Edin: Alt öğeleri gizleyerek kenar çubuğunu kısa ve düzenli tutarlar.
• Mobil Deneyimi İyileştirin: Mobil kullanıcıların sonsuz bağlantı listelerinde gezinmesini engellerler.

Örneğin, The Guardian haber kuruluşu, çok sayıda haber kategorisini yönetmek için mobil sitesinde katlanabilir bir menü kullanır.

Şimdi, WordPress sitenizde kolayca katlanabilir bir kenar çubuğu menüsünü nasıl 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.

Kullanışlı bir kısa kod sağlar ve bu kısa kodu, kenar çubuğunuz dahil olmak üzere herhangi bir sayfaya, gönderiye veya widget alanına açılır menünüzü yerleştirmenize olanak tanır.

Adım 1: Bellows Accordion Eklentisini Yükleyin ve Etkinleştirin

İ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.

Adım 2: Yeni Bir Menü Oluşturun

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

‘Menü Adı’ alanına menünüz için bir ad yazın. Ardından, ‘Menü Oluştur’ düğmesine tıklayın.

Adım 3: Menü Öğelerini Ekleme ve Düzenleme

Ardından, sol sütundan eklemek istediğiniz sayfaları seçin ve ‘Menüye Ekle’ye tıklayın.

Web sitenizin tüm sayfalarının bir listesini görmek istiyorsanız, ‘Tümünü Gör’ sekmesine tıklayın. Daha fazla ayrıntı için lütfen WordPress'te gezinme menüsü ekleme hakkındaki kılavuzumuza bakın.

Açılır efekti oluşturmak için öğeleri bir ebeveyn-çocuk ilişkisi içinde düzenlemeniz gerekir. Bir sayfa öğesini, bir üst öğenin hemen altına sağa doğru sürüklemeniz yeterlidir.

Öğenin artık üst öğeye tıklanana kadar gizlenecek bir alt öğe olduğunu onaylayarak, kesikli çizgi anahat içeri doğru kayana kadar sağa sürükleyin.

Artık bir ziyaretçi açılır menünüzdeki bir üst öğeye tıkladığında, tüm alt içeriği göstermek için genişleyecektir.

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

Adım 4: Menü Kısa Kodunu Alı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.

Artık tüm kodu vurgulaması gereken Kısa Kod kutusuna tıklayabilirsiniz. Şimdi, Komut + C veya Ctrl + C klavye kısayolunu kullanarak bu kodu kopyalayın. 

Adım 5: Menüyü Kenar Çubuğunuza Ekleme

Şimdi menüyü sitenizin düzenine eklememiz gerekiyor. WordPress 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 widget alanını bulun ve yeni bir blok eklemek için ‘+’ simgesine tıklayın.

'Kısa Kod' için arama yapın ve bloğu seçin.

Kopyaladığınız kısa kodu bloğa yapıştırın ve 'Güncelle'ye tıklayın. Sitenizi ziyaret ettiğinizde yeni açılır kapanır menünüzü görmelisiniz.

Mobil cihazlarda bu kenar çubuğu genellikle sayfanın altında görünür ve açılır kapanır özelliği değerli dikey kaydırma alanından tasarruf etmeye yardımcı olur.

Adım 6: Açılır Menünüzü Özelleştirin

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

WordPress'te Açılır Kenar Çubuğu Menüleri Hakkında Sıkça Sorulan Sorular

Web sitelerinize açılır bir kenar çubuğu menüsü eklemeden önce okuyucularımızın sıkça sorduğu bazı sorular şunlardır:

WordPress'te bir menü nasıl daraltılır?

Bellows Accordion Menu gibi bir eklenti kullanarak bir menüyü daraltabilirsiniz. Varsayılan olarak, WordPress menülerinde masaüstü ekranlarında bu özellik bulunmaz. Bir eklenti, tıklanıldığında öğelerin genişlemesini ve gizlenmesini sağlamak için gerekli kodu ekler.

WordPress'te açılır bir bölüm nasıl eklenir?

En kolay yol, varsayılan WordPress 'Details' bloğunu kullanmaktır. Bu blok, içeriği tıklanabilir bir özet satırının içine sarmalamanıza olanak tanır. Gönderilerinizdeki daha gelişmiş stil ayarları için özel bir akordeon eklentisi kullanabilirsiniz.

WordPress'te açılır menü nasıl oluşturulur?

Gösterge tablonuzda Görünüm » Menüler'i ziyaret ederek bir açılır menü oluşturabilirsiniz. Bir menü öğesini, üst bağlantının biraz sağına sürüklemeniz yeterlidir. Bu girinti, WordPress'e o öğeyi bir açılır listede görüntülemesini söyler.

Daha fazla ayrıntı için, WordPress'te açılır menü oluşturma hakkındaki eğitimimize göz atın.

WordPress'te öğeleri yan yana nasıl yerleştirilir?

Sütunlar bloğunu kullanarak öğeleri yan yana yerleştirebilirsiniz. Blok düzenleyicisinde 'Sütunlar'ı seçin ve tercih ettiğiniz düzeni seçin. Ardından, metninizi veya resimlerinizi her sütuna eklemeniz yeterlidir.

WordPress için akordeon blok eklentisi nedir?

Bir akordeon blok eklentisi, gönderilerinize açılır içerik bölümleri eklemenizi sağlar. Metni başlıkların altında gizleyerek uzun içeriği düzenlemeye yardımcı olur. Kullanıcılar ihtiyaç duydukları bilgileri okumak için başlığa tıklarlar.

Sitenize akordeon eklemek istiyorsanız, en iyi WordPress akordeon eklentileri için en iyi seçimlerimize göz atın.

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.