Belirli WordPress Menülerine Özel Öğeler Ekleme

Belirli WordPress menülerine özel öğeler eklemek mi istiyorsunuz?

WordPress menüleri, çoğu web sitesinin en üstünde görüntülenen gezinme menüleridir. Bazen navigasyon menülerinde düz bağlantılar dışında özel öğeler görüntülemek isteyebilirsiniz.

Bu makalede, belirli WordPress menülerine özel öğeleri nasıl kolayca ekleyebileceğinizi göstereceğiz.

WordPress Menülerine Neden Özel Öğeler Eklemelisiniz?

WordPress menüleri genellikle bir web sitesinin üst kısmında görüntülenen gezinme bağlantılarıdır. Mobil cihazlarda, genellikle bir menü simgesine dokunduğunuzda görüntülenirler.

Bu, tipik bir WordPress web sitesi düzeninde öne çıkan bir konum olduğundan, menüye düz bağlantılar dışında özel öğeler yerleştirerek bundan yararlanmak akıllıca olacaktır.

Örneğin, bazı kullanıcılar WPBeginner’da yaptığımız gibi arama formunu görüntülemek isteyebilir. Bir üyelik web sitesi giriş ve çıkış bağlantılarını göstermek isteyebilir veya menünüze simgeler veya resimler eklemek isteyebilirsiniz.

Varsayılan olarak, gezinti menüleri düz metin bağlantılarını görüntülemek üzere tasarlanmıştır. Ancak yine de WordPress menülerine özel öğeler yerleştirebilirsiniz.

Bununla birlikte, navigasyon menünüzün geri kalanını olduğu gibi tutarken WordPress’te belirli menülere özel öğeleri nasıl ekleyebileceğinize bir göz atalım.

WordPress’te Belirli Gezinti Menülerine Özel Öğeler Ekleme

WordPress’te bir gezinti menüsüne özel öğeler eklemenin farklı yolları vardır. Bu, ne tür bir özel öğe eklemeye çalıştığınıza bağlıdır.

Size en yaygın örneklerden bazılarını göstereceğiz. Bazıları için eklenti kullanmanız gerekirken, diğerleri için bazı kodlar eklemeniz gerekecektir.

Belirli bir bölüme atlamak istiyorsanız, bu içindekiler tablosunu kullanabilirsiniz:

• WordPress menünüze bir arama açılır penceresi ekleyin
• Menünüze simgeler veya resimler ekleyin
• Menünüze giriş/çıkış bağlantıları ekleyin
• WordPress menüsüne özel metin ekleme
• Geçerli tarihi menüye ekleyin
• Menünüzde kullanıcı adlarını görüntüleme
• Farklı sayfalarda farklı menüler gösterme

Hadi başlayalım.

1. WordPress Menüsüne Arama Açılır Penceresi Ekleme

Normalde, varsayılan Arama widget’ını veya bloğunu kullanarak WordPress kenar çubuğunuza bir arama formu ekleyebilirsiniz. Ancak, varsayılan olarak navigasyon menüsüne arama eklemenin bir yolu yoktur.

Bazı WordPress temaları ana menü alanınıza bir arama kutusu ekleme seçeneğine sahiptir. Ancak sizinkinde yoksa aşağıdaki yöntemi kullanabilirsiniz.

Bunun için SearchWP Modal Search Form eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Bu eklenti, piyasadaki en iyi WordPress arama ek lentisi olan SearchWP için bir eklentidir.

Eklenti ücretsizdir ve varsayılan WordPress aramasıyla da çalışacaktır. Ancak, WordPress aramanızı geliştirmek istiyorsanız SearchWP ile kullanmanızı öneririz.

Eklentiyi yükledikten sonra Görünüm ” Menüler sayfasına gidin. ‘Menü öğeleri ekle’ sütununun altında, genişletmek için ‘SearchWP Modal Arama Formları’ sekmesine tıklayın.

Arama motorunuzu seçin ve ardından Menüye ekle düğmesine tıklayın.

Eklenti, aramayı navigasyon menünüze ekleyecektir. Genişletmek için menü öğelerinizin altındaki ‘Modal arama formu’na tıklayın ve etiketi Arama veya istediğiniz başka bir şey olarak değiştirin.

Değişikliklerinizi kaydetmek için Menüyü Kaydet düğmesine tıklamayı unutmayın.

Artık web sitenizi ziyaret ettiğinizde gezinme menünüze Arama öğesinin eklendiğini görebilirsiniz. Üzerine tıkladığınızda bir lightbox açılır penceresinde arama formu açılacaktır.

Daha fazla ayrıntı için WordPress menüsüne arama düğmesi ekleme hakkındaki kılavuzumuza bakın.

2. Belirli Menülere Simgeler ve Özel Görüntüler Ekleme

Kullanıcıların genellikle belirli bir menüye eklemek istedikleri bir diğer popüler özel öğe de bir resim veya simgedir.

Bunun için Menü Görüntü Simgesi eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, Görünüm ” Menüler sayfasına gidin ve farenizi bir simge veya resim görüntülemek istediğiniz menü öğesinin üzerine getirin.

Devam etmek için mavi Menü Görüntüsü düğmesine tıklayın.

Bu bir açılır pencere getirecektir. Buradan, söz konusu menü öğesiyle birlikte görüntülenecek bir resim veya simge seçebilirsiniz.

Ayrıca resmin veya simgenin menü öğesine göre konumunu da seçebilirsiniz. Örneğin, aşağıdaki örneğimizde olduğu gibi simgeyi menü öğesinin hemen önünde görüntüleyebilir veya hatta menü başlığını gizleyerek yalnızca simgenin görünmesini sağlayabilirsiniz.

Ayarlarınızı kaydetmek için Değişiklikleri kaydet düğmesine tıklamayı unutmayın. Diğer menü öğelerine simge veya resim eklemeniz gerekiyorsa işlemi tekrarlayın.

Bundan sonra, belirli menü öğelerinde özel görüntüyü veya simgeyi görmek için web sitenizi ziyaret edebilirsiniz.

Daha ayrıntılı talimatlar için WordPress menülerine nasıl görsel ekleneceği hakkındaki eğitimimize bakın.

3. Belirli WordPress Menüsüne Giriş / Çıkış Bağlantıları Ekleme

Bir WordPress üyelik eklentisi kullanıyorsanız veya çevrimiçi bir mağaza işletiyorsanız, kullanıcıların hesaplarına kolayca giriş yapmalarına izin vermek isteyebilirsiniz.

WordPress varsayılan olarak gezinti menülerinde oturum açma ve kapatma bağlantılarını görüntülemek için kolay bir yol sunmaz.

Bir eklenti kullanarak veya kod parçacığı kullanarak bunları nasıl ekleyeceğinizi göstereceğiz.

1. Bir Eklenti Kullanarak Menülere Giriş / Çıkış Bağlantıları Ekleme

Bu yöntem daha kolaydır ve tüm kullanıcılar için önerilir.

İlk olarak, Giriş veya Çıkış Menü Öğesi eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Bundan sonra, Görünüm ” Menü sayfasını ziyaret etmeniz ve genişletmek için Giriş / Çıkış sekmesine tıklamanız gerekir.

Buradan, ‘Giriş Yap|Çıkış Yap’ öğesini seçmeniz ve Menüye Ekle düğmesine tıklamanız gerekir.

Değişikliklerinizi kaydetmek için Menüyü Kaydet düğmesine tıklamayı unutmayın. Artık özel giriş çıkış bağlantınızı çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Bağlantı, kullanıcının oturum açma durumuna bağlı olarak dinamik olarak oturum açma veya oturumu kapatma olarak değişecektir.

WordPress menülerine giriş ve çıkış bağlantılarının nasıl ekleneceği hakkındaki eğitimimizde daha fazla bilgi edinin.

2. Özel Kod Kullanarak Giriş / Çıkış Bağlantıları Ekleme

Bu yöntem WordPress web sitenize kod eklemenizi gerektirir. Bunu daha önce yapmadıysanız, WordPress’e özel kod ekleme hakkındaki kılavuzumuza bir göz atın.

Öncelikle, WordPress temanızın belirli gezinme menüsü konumu için kullandığı adı bulmanız gerekir.

Bunu bulmanın en kolay yolu Görünüm ” Menüler sayfasını ziyaret etmek ve farenizi menü konumları alanına götürmektir.

İncele aracını seçmek için sağ tıklayın ve ardından aşağıdaki kaynak kodunda konum adını göreceksiniz. Örneğin, demo temamız birincil, altbilgi ve üst çubuk-menü kullanır.

Oturum açma/oturum kapatma bağlantısını görüntülemek istediğiniz hedef konumunuz için kullanılan adı not edin.

Ardından, aşağıdaki kodu temanızın functions.php dosyasına veya siteye özel bir eklentiye eklemeniz gerekir.

add_filter( 'wp_nav_menu_items', 'add_loginout_link', 10, 2 );
function add_loginout_link( $items, $args ) {
    if (is_user_logged_in() && $args->theme_location == 'primary') {
        $items .= '<li><a href="'. wp_logout_url() .'">Log Out</a></li>';
    }
    elseif (!is_user_logged_in() && $args->theme_location == 'primary') {
        $items .= '<li><a href="'. site_url('wp-login.php') .'">Log In</a></li>';
    }
    return $items;
}

Bundan sonra, web sitenizi ziyaret edebilirsiniz ve gezinme menünüzde oturum açma bağlantımızı göreceksiniz.

Bu dinamik bağlantı, kullanıcının oturum açma durumuna göre otomatik olarak oturum açma veya oturum kapatmaya geçecektir.

4. WordPress Navigasyon Menünüze Özel Metin Ekleme

Peki ya navigasyon menünüze bir bağlantı değil de sadece metin eklemek istiyorsanız?

Bunu yapmanın iki yolu vardır.

1. Belirli Bir Menüye Özel Metin Ekleme (Kolay Yol)

Basitçe Görünüm ” Menüler sayfasına gidin ve URL olarak # işareti ve Bağlantı Metniniz olarak görüntülemek istediğiniz metin ile özel bir bağlantı ekleyin.

Devam etmek için Menüye Ekle düğmesine tıklayın.

WordPress özel metninizi sol sütuna bir menü öğesi olarak ekleyecektir. Şimdi, genişletmek için tıklayın ve # işaretini silin.

Menüyü Kaydet düğmesine tıklamayı ve web sitenizin önizlemesini yapmayı unutmayın. Özel metninizin navigasyon menüsünde göründüğünü fark edeceksiniz.

Bu hala bir bağlantıdır, ancak üzerine tıklamak kullanıcı için hiçbir şey yapmaz.

2. Kod Kullanarak Navigasyon Menüsüne Özel Metin Ekleme

Bu yöntem için web sitenize bir kod parçacığı ekleyeceksiniz. Öncelikle, yukarıda giriş/çıkış bağlantısı bölümünde açıklandığı gibi tema konumunuzun adını bulmanız gerekir.

Bundan sonra, aşağıdaki kodu temanın functions.php dosyasına veya siteye özel bir eklentiye eklemeniz gerekir.

add_filter( 'wp_nav_menu_items', 'your_custom_menu_item', 10, 2 );
function your_custom_menu_item ( $items, $args ) {
    if ( $args->theme_location == 'primary') {
        $items .= '<li><a title="">Custom Text</a></li>';
    }
    return $items;
}

‘Özel Metin’ yazan yeri kendi metninizle değiştirmeniz yeterlidir.

Artık değişikliklerinizi kaydedebilir ve gezinti menünüzün sonuna eklenen özel metninizi görmek için web sitenizi ziyaret edebilirsiniz.

Bu kod yöntemi, belirli WordPress menüsüne programlı olarak dinamik öğeler eklemek istiyorsanız kullanışlı olabilir.

5. WordPress Menüsüne Geçerli Tarih Ekleme

WordPress’te bir navigasyon menüsü içinde geçerli tarihi görüntülemek mi istiyorsunuz? Sık güncellenen bir blog veya haber sitesi işletiyorsanız bu numara işinize yarayacaktır.

Aşağıdaki kodu temanızın functions.php dosyasına veya siteye özel bir eklentiye eklemeniz yeterlidir.

add_filter('wp_nav_menu_items','add_todaysdate_in_menu', 10, 2);
function add_todaysdate_in_menu( $items, $args ) {
    if( $args->theme_location == 'primary')  {
         
        $todaysdate = date('l jS F Y');
        $items .=  '<li><a>' . $todaysdate .  '</a></li>';
 
    }
    return $items;
}

‘primary’ yerine menünüzün konumunu yazmayı unutmayın.

Artık WordPress menünüzde güncel tarihi görmek için web sitenizi ziyaret edebilirsiniz.

Tarih biçimini de kendi isteğinize göre değiştirebilirsiniz. WordPress’te tarih ve saat formatının nasıl değiştirileceğine ilişkin eğitimimize göz atın.

6. WordPress Menüsünde Kullanıcı Adını Görüntüleme

Gezinti menünüze biraz daha kişiselleştirme eklemek ister misiniz? Oturum açmış kullanıcıları gezinti menünüzde adlarıyla karşılayabilirsiniz.

Öncelikle, aşağıdaki kodu temanızın functions.php dosyasına veya siteye özel bir eklentiye eklemeniz gerekir.

add_filter( 'wp_nav_menu_objects', 'username_in_menu_items' );
function username_in_menu_items( $menu_items ) {
    foreach ( $menu_items as $menu_item ) {
        if ( strpos($menu_item->title, '#profile_name#') !== false) {
			 if ( is_user_logged_in() )     {
				$current_user = wp_get_current_user();
				 $user_public_name = $current_user->display_name;
                $menu_item->title =  str_replace("#profile_name#",  " Hey, ". $user_public_name, $menu_item->title . "!");
			 } else { 
			 $menu_item->title =  str_replace("#profile_name#",  " Welcome!", $menu_item->title . "!");
			 }
        }
    }

    return $menu_items;
} 

Bu kod ilk olarak bağlantı metni olarak #profile_name# içeren bir menü öğesi ekleyip eklemediğinizi kontrol eder. Bundan sonra, bu menü öğesini oturum açmış kullanıcının adıyla veya oturum açmamış kullanıcılar için genel bir selamlama ile değiştirir.

Ardından, Görünüm ” Menüler sayfasına gitmeniz ve Bağlantı metni olarak #profile_name# ile yeni bir özel bağlantı eklemeniz gerekir.

Değişikliklerinizi kaydetmek için Menüyü Kaydet düğmesine tıklamayı unutmayın. Bundan sonra, WordPress menüsünde oturum açmış kullanıcının adını görmek için web sitenizi ziyaret edebilirsiniz.

7. WordPress’te Koşullu Menüleri Dinamik Olarak Görüntüleme

Şimdiye kadar size belirli WordPress menülerine farklı türde özel öğelerin nasıl ekleneceğini gösterdik. Ancak bazen kullanıcılara dinamik olarak farklı menü öğeleri göstermeniz gerekebilir.

Örneğin, bir menüyü yalnızca oturum açmış kullanıcılara göstermek isteyebilirsiniz. Başka bir senaryo da, kullanıcının görüntülediği sayfaya göre menünün değişmesini istediğiniz durumdur.

Bu yöntem, birkaç menü oluşturmanıza ve bunları yalnızca belirli koşullar eşleştiğinde görüntülemenize olanak tanır.

Öncelikle Koşullu Menüler eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından Görünüm ” Menüler sayfasını ziyaret etmeniz gerekir. Buradan görüntülemek istediğiniz yeni bir menü oluşturmanız gerekir. Örneğin, bu örnekte yalnızca oturum açmış kullanıcılar için yeni bir menü oluşturduk.

Menüyü oluşturduktan sonra Konumları Yönet sekmesine geçin.

Buradan, menü konumunun yanındaki Koşullu Menüler bağlantısına tıklamanız gerekir.

Bundan sonra, açılır menüden daha önce oluşturduğunuz menüyü seçmeniz gerekir.

Ardından, devam etmek için ‘+ Koşullar’ düğmesine tıklayın.

Bu bir açılır pencere getirecektir.

Buradan, bu menüyü görüntülemek için karşılanması gereken koşulları seçebilirsiniz.

Eklenti, aralarından seçim yapabileceğiniz bir dizi koşul sunar. Örneğin, menüyü belirli bir sayfaya, kategoriye, gönderi türüne, taksonomiye ve daha fazlasına göre gösterebilirsiniz.

Kullanıcı rollerine ve oturum açma durumuna göre farklı menüler de gösterebilirsiniz. Örneğin, bir üyelik web sitesinde mevcut üyelere farklı bir menü gösterebilirsiniz.

Umarız bu makale belirli WordPress menülerine özel öğelerin nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca en iyi web tasarım yazılımının nasıl seçileceğine ilişkin kılavuzumuzu veya küçük işletmeler için en iyi canlı sohbet yazılımı uzman karşılaştırmamızı görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.