WordPress'te Dinamik Menü Nasıl Oluşturulur

WordPress, sıfırdan bir web sitesi veya blog oluşturmanıza veya mevcut bir web sitesini iyileştirmenize olanak tanıyan bir içerik yönetim sistemidir (CMS). Bu yazıda size WordPress'te dinamik bir menünün nasıl oluşturulacağını göstereceğiz. Dinamik menü, görüntülediğiniz sayfaya göre değişen bir menüdür. Örneğin, “WordPress Temaları” hakkında bir sayfa görüntülüyorsanız, menü, WordPress Temaları ile ilgili diğer sayfalara bağlantılar gösterecektir. “WordPress Eklentileri” ile ilgili bir sayfa görüntülüyorsanız, menü, WordPress Eklentileri ile ilgili diğer sayfalara bağlantılar gösterecektir. WordPress'te dinamik bir menü oluşturmak kolaydır. İlk önce bir menü oluşturmanız gerekir. İkincisi, menüye öğeler eklemeniz gerekir. Üçüncüsü, menüyü bir konuma atamanız gerekir. Dördüncüsü, kodu WordPress temanıza eklemeniz gerekir. İlk adımla başlayalım: bir menü oluşturmak.

Bu serinin 2. Kısmında dinamik gezinme menüleri oluşturarak bir adım daha ileri gidiyoruz. Pro eklentisini kullanarak Block Visibility'deki konumlarına göre koşullu menüleri nasıl oluşturacağınızı öğreneceksiniz. Blok ilkelerine dayalı şablon parçaları oluşturmak için bir blok teması kullanılır. Bu eğitim, “Yürüyüş Gezileri” sayfasında ikincil bir gezinme menüsü oluşturmak için gereken adımlarda size yol gösterecektir. Web sitesi başlığını düzenlemek için Site Düzenleyicisine tıklamak kadar basittir. Görünürlüğü Engelle eklentisindeki Konum kontrolünü kullanarak ikincil menünün konumunu da kısıtlayabiliriz. Bilgi Bankasında Konum seçeneğini seçin ve ardından etkinleştirmek için üç nokta simgesine tıklayın.

Artık, görünürlük üzerinde daha fazla kontrole izin veren Konum kontrolünü kullanarak bloğun görünürlüğünü Yürüyüş Gezileri sayfasıyla sınırlayabiliriz. Gönderi kuralı, bir Sayfa gönderi türü ve ayrıca bir 'Yürüyüş' sayfa türü seçmemizi ister. Ortaya çıkan kural kurulumunda aşağıdakiler izlenmelidir. Demo sitemizin ana sayfasında yepyeni bir koşullu menüye erişebileceğiz. Bu makalenin geri kalanı tamamlanacak. Bunu çeşitli kurallar ve kural kümeleri kullanarak başarabilirsiniz. Bu demo için basit bir örnek seçtik.

Yeni bir menü oluşturmak için Görünüm'e gidin. İkincil menü oluşturmak istiyorsanız “Menü Oluştur”a, belirli bir konum için özel menü oluşturmak istiyorsanız “Özel Menüm”e, başka bir konum için ikincil menü oluşturmak istiyorsanız “İkincil Menü”ye tıklayın. Menüye bazı öğeler ekledikten sonra kaydedin (örneğin, Menü öğesi 1, Menü öğesi 2 ve Menü öğesi 3).

WordPress Özel Temasında Nasıl Dinamik Menü Oluşturabilirim?

WordPress'te dinamik bir menü oluşturmanın bir yolu wp_nav_menu işlevini kullanmaktır. Bu işlev, web sitenizin yapısına göre otomatik olarak oluşturulan bir menü oluşturmanıza olanak tanır. Bu işlevi, temanıza özel özel bir menü oluşturmak için de kullanabilirsiniz.

Bu adımları izleyerek WordPress'te basit ve dinamik bir gezinme menüsü oluşturabilirsiniz. Birincil adım, register_nav_menus() işlevini kullanarak gezinme menüsünü kaydetmektir. Bunu çalıştırmak için, önce onu alt temanızdaki function.php dosyasına kaydetmeli ve ardından 'init' kancasını kullanmalısınız. Bu örnekte, birincil başlık menüsünden yararlanacağız. Nav Menu eklentisi WordPress.org'da mevcuttur ve farklı kullanıcılara rollerine göre farklı menüler atamanıza olanak tanır. Bu eklentiyi aynı anda birden fazla menüyü kaydetmek için de kullanabiliriz. Önceki adımda, WP_nav_menu işlev çağrısında özel CSS sınıflarına başvurarak sitenin tasarımına göre gezinme menüsünü stillendirebiliriz.

WordPress'te Dinamik Başlık Menüsü Nasıl Oluşturulur

WordPress'te dinamik bir başlık menüsü oluşturmak için önce özel bir menü oluşturmanız gerekir. Bunu yapmak için WordPress yönetici panelindeki Menüler bölümüne gidin ve yeni menü oluştur bağlantısını tıklayın. Menünüz için bir ad girin ve menü oluştur düğmesine tıklayın. Ardından, menünüze öğeler eklemeniz gerekecek. Bunu yapmak için, öğe ekle bağlantısını tıklayın ve menünüze eklemek istediğiniz sayfaları veya gönderileri seçin. İstediğiniz tüm öğeleri ekledikten sonra kaydet menü düğmesine tıklayın. Dinamik başlık menünüz artık kullanıma hazır.

Bu öğreticide daha sonra açıklanan WordPress Dinamik Menü Sayfası Yöntemi ile dinamik bir menü sayfası oluşturursak, onu değiştirebileceğiz. Ana gezinmede, menü öğesinin konumunu kimliğine göre değiştirmek için bir arka plan görüntüsü kullanılır. “span” etiketinin kullanılması, arka plan resmini gördüğümüz gibi görüntülemek için metni gizlememize izin verecektir. Kullanacağımız kod, WordPress tarafından current_page_ancestor adlı özel bir sınıf kullanılarak dinamik olarak oluşturulur, bu nedenle şöyle görünmelidir: Başka bir şey söylenmedi. Alt sayfa sayısını artırmak istiyorsak, sınırsız sayıda sayfa görüntüleyecek şekilde derinlik=2 ayarını artırmanız veya azaltmanız yeterlidir. Aşağıdaki resimde gösterildiği gibi, mevcut sayfa bağlantısının CSS kullanılarak koyu olarak görüntülenmesi artık çok basittir. Vurgulanmış bir bölümle ana sayfaya gidin. Ebeveynin alt sayfasını vurgulayın.

WordPress Dinamik Olarak Menü Öğeleri Ekleme

WordPress menülerine menü öğeleri eklemek, WordPress yönetici panosu aracılığıyla veya temanıza kod ekleyerek yapılabilir. Mevcut bir menüye bir menü öğesi eklemek istiyorsanız, WordPress sitenize giriş yapın ve “Görünüm > Menüler” sayfasına gidin. Oradan yeni menü öğelerini sol taraftan seçip “Menüye Ekle” düğmesine tıklayarak ekleyebilirsiniz. Menü öğelerini kod aracılığıyla eklemek istiyorsanız, temanızın function.php dosyasına birkaç satır kod eklemeniz gerekir. Yapmanız gereken ilk şey, menü öğelerini ekleyecek yeni bir işlev oluşturmaktır. Bu işleve istediğiniz herhangi bir ad verilebilir, ancak biz ona “my_custom_menu_items()” diyeceğiz. Bu işlevin içinde WordPress “wp_nav_menu_items” filtre kancasını kullanmanız gerekecek. Bu kanca, mevcut bir menüye yeni öğeler eklemenizi sağlar. İşlevinizin içindeki kod şuna benzer: function my_custom_menu_items( $items, $args ) { // $items return $items; } add_filter( 'wp_nav_menu_items', 'my_custom_menu_items', 10, 2 ); Yukarıdaki kod, mevcut bir menüye öğe eklemek için kullanılabilecek yeni bir işlev ekleyecektir. İşlevin kendisi henüz bir şey yapmaz, ancak kendi özel menü öğelerinizi eklemek için kullanabileceğiniz bir çerçeve sağlar. Menü öğelerini gerçekten eklemek için, işlevin içindeki kodu ihtiyaçlarınıza göre değiştirmeniz gerekir. Örneğin, “Hakkında” sayfanıza bir bağlantı eklemek istiyorsanız, aşağıdaki kodu kullanırsınız: function my_custom_menu_items( $items, $args ) { $items .= 'About'; $öğeleri döndür; } add_filter( 'wp_nav_menu_items', 'my_custom_menu_items', 10, 2 ); Yukarıdaki kod, menünüze “Hakkında” metniyle yeni bir bağlantı ekleyecektir. Fonksiyonun içine ek kod satırları ekleyerek istediğiniz kadar menü öğesi ekleyebilirsiniz.

WordPress Dinamik Menü Eklentisi

Bir WordPress dinamik menü eklentisi , web sitenizin navigasyonuna biraz baharat eklemenin harika bir yoludur. Ziyaretçilerinizin neye baktığına göre değişen menüler oluşturmanıza izin vererek, onları etkileşimde tutabilir ve daha fazlası için geri gelmelerini sağlayabilirsiniz.

WordPress'te Özel Menü Nasıl Oluşturulur

WordPress'te özel bir menü oluşturmak için kontrol panelindeki "Görünüm" bölümüne gitmeniz ve "Menüler" seçeneğini seçmeniz gerekir. Buradan yeni bir menü oluşturabilir ve istediğiniz sayfaları, kategorileri veya özel bağlantıları ekleyebilirsiniz. Değişikliklerinizi kaydettikten sonra, yeni oluşturduğunuz menüyü “Konumları Yönet” sekmesi aracılığıyla web sitenizdeki bir konuma atayabilirsiniz.

Vegibit, bir WordPress temasının nasıl oluşturulacağını anlamanızı sağlar. Menü, site adının ve slogan alanının altında olacak, ancak site içeriğinin yukarısında olacak. Menünün görünmesi için öncelikle temanın function.php dosyasındaki konumu kaydetmeliyiz. WordPress Dashboard'da özel menümüzü oluşturun. Artık yeni menümüzü WordPress çekirdeğine kaydetmemiz gerekiyor. Bu özellik sayesinde artık panonun konumunu yönetebiliyoruz. Doğrudan WordPress_nav_menu() işlevinden gelmiş gibi görünmesini istiyoruz.

Bir sonraki adımda, tüm kategori listesine bağlantı vereceğiz. Farenizi her bağlantının üzerine getirirseniz, bir vurgulu efekti elde edebilirsiniz. Bunun nasıl çalışacağını anlamak için bir style.css dosyası oluşturduk. Listemizdeki her öğeden bağlantıların alt çizgisini ve madde işaretlerini kaldırmak ve her öğeden dolgu ve kenar boşluğunu kaldırmak istiyoruz. WordPress Özetinde, özel bir menü oluşturmak için adım adım bir prosedür bulacaksınız. Bu, bir WordPress temasında özel bir menünün nasıl kullanılacağına dair mükemmel bir açıklamadır. Birkaç WordPress işlevi sayesinde görevimiz daha kolay hale getirildi. Yeni menü WordPress'e bağlandıktan sonra, o menüden istediğimiz herhangi bir içerik türünü eklemek veya kaldırmak kolaydı.

WordPress'te Özel Menü Oluşturma

Menünüzü oluşturduktan sonra Görünüm'e gidin. Yeni menüyü menü sayfasında görebileceksiniz. Seçtiğiniz anda, uygun gördüğünüz şekilde özelleştirebilirsiniz.