Belirli bir WordPress menüsüne özel öğeler nasıl eklenir

Belirli bir WordPress menüsüne özel öğeler eklemek ister misiniz? WordPress menüsü, çoğu web sitesinin üstünde görüntülenen bir gezinme menüsüdür. Bazen gezinme menüsünde sıradan bağlantılar dışında özel öğeler görüntülemek isteyebilirsiniz. Bu makalede, belirli WordPress menülerine özel öğeler eklemenin kolay bir yolunu göstereceğiz.

WordPress menüsüne neden özel öğeler ekleyin WordPress menüsü genellikle web sitesinin üstünde görüntülenen bir gezinme bağlantısıdır. Mobil cihazlarda, menü simgesine dokunduğunuzda genellikle görüntülenir.

Bu, WordPress web sitesinin tipik düzeninde önemli bir yer olduğundan, menüde normal bağlantı dışındaki özel öğeler yerleştirerek kullanmalısınız.
Örneğin, bazı kullanıcılar WPBeginner’da yaptığımız gibi arama formlarını görüntülemek isteyebilir. Üyelik web siteleri bağlantıları içeri ve dışarı görüntülemek isteyebilir veya menünüze simgeler veya resimler eklemek isteyebilirsiniz. Varsayılan olarak, gezinme menüsü sıradan metin bağlantıları görüntülemek için tasarlanmıştır. Ancak, yine de WordPress menüsüne özel öğeler yerleştirebilirsiniz. Bu nedenle, WordPress’teki belirli bir menüye nasıl özel öğeler ekleyebileceğinize bakalım. WordPress’te belirli gezinme menülerine özel öğeler ekleyin WordPress’teki Gezinme Menüsüne özel öğeler eklemenin çeşitli yolları vardır. Eklemeye çalıştığınız özel öğenin türüne bağlıdır.
En yaygın örneklerden bazılarını göstereceğiz. Bazıları için bir eklenti kullanmalısınız, diğerleri ise bir kod eklemenizi gerektirir. Belli bir parçaya atlamak istiyorsanız, bu içerik 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ış ekleyin
WordPress menüsüne özel metin ekleyin
Mevcut tarihi menüye ekleyin
Menünüzde kullanıcı adlarını gösterin
Farklı sayfalarda farklı menüler göster
Başlayalım. 1. Her zamanki WordPress menüsüne bir arama açılır penceresi ekleyin, Varsayılan Arama Widget veya Block’u kullanarak WordPress kenar çubuğunuza bir arama formu ekleyebilirsiniz. Ancak, varsayılan olarak gezinme menüsüne bir arama eklemenin bir yolu yoktur.
Bazı WordPress temalarının ana menü alanınıza bir arama kutusu ekleme seçeneği vardır. Ancak değilse, aşağıdaki yöntemi kullanabilirsiniz. Bunun için SearchWP SearchWP arama formu eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Bu eklenti, piyasadaki en iyi WordPress arama eklentisi olan SearchWP için bir eklentidir. Addon ücretsizdir ve SearchPress varsayılan aramasıyla da çalışacaktır. Ancak, WordPress aramanızı geliştirmek istiyorsanız SearchWP ile kullanmanızı öneririz.
Addon’u yükledikten sonra görünüm sayfasını açın »menüleri. ‘Menü öğesi ekle’ sütunu altında, genişletmek için ‘Searchwp Arama Formları Formları’ sekmesini tıklayın.
Arama motorunuzu seçin ve Menü Ekle düğmesini tıklayın. Eklenti, gezinme menünüze bir arama ekleyecektir. Genişletmek ve etiketi aramaya veya ne istersen değiştirmek için menü öğenizin altındaki ‘Form Sermayesi Arama’ yı tıklayın. Değişikliklerinizi kaydetmek için Menü Kaydet düğmesini tıklamayı unutmayın. Navigasyon menünüze eklenen bir aramayı görmek için artık web sitenizi ziyaret edebilirsiniz. Tıklamak, LightBox açılır penceresinde bir arama formu açacaktır.

Daha fazla ayrıntı için, WordPress menüsüne nasıl arama düğmesi ekleyeceğiniz konusundaki kılavuzumuza bakın. 2. Bazı menülere bazı menülere eklemek için kullanıcıları kullanan diğer popüler özel öğelere görüntüler veya simgelerdir. Bunun için görüntü simgesi menü eklentisini yüklemeli ve etkinleştirmelisiniz. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, görünüm sayfasını açın »menüleri ve farenizi simgeleri veya resimleri görüntülemek istediğiniz menü öğesine taşıyın.

Devam etmek için Mavi Menü Görüntü düğmesini tıklayın.

Bu açılır pencere getirecek. Buradan, menü öğesiyle görüntülenecek görüntüyü veya simgeyi seçebilirsiniz.

Menü öğesi ile bağlantılı olarak görüntünün veya simgenin konumunu da seçebilirsiniz. Örneğin, simgeyi aşağıdaki örneğimizde olduğu gibi menü öğesinden hemen önce görüntüleyebilir veya hatta yalnızca simgelerin görüntülenmesi için menü başlığını gizleyebilirsiniz. Ayarlarınızı kaydetmek için Değiştir düğmesini tıklamayı unutmayın. Diğer menü öğelerine simgeler veya resimler eklemeniz gerekiyorsa bu işlemi tekrarlayın. Bundan sonra, belirli menü öğelerindeki özel resimleri veya simgeleri görüntülemek için web sitenizi ziyaret edebilirsiniz. Daha ayrıntılı talimatlar için WordPress menüsüne nasıl resim ekleyeceğiniz konusunda eğitimimize bakın. 3. Belirli bir WordPress menüsüne giriş / çıkış ekleyin Bir WordPress üyelik eklentisi kullanıyorsanız veya bir çevrimiçi mağaza çalıştırıyorsanız, kullanıcıların hesaplarını kolayca girmesine izin vermek isteyebilirsiniz. Varsayılan olarak, WordPress, Gezinme menüsünde oturum açma ve oturum açma bağlantılarını görüntülemenin kolay bir yolu gelmedi. Bir eklenti kullanarak veya bir kod snippet kullanarak nasıl ekleyeceğinizi göstereceğiz. 1. Bir eklenti kullanarak menüye giriş / çıkış ekleyin
Bu yöntem daha kolaydır ve tüm kullanıcılar için önerilir. İlk olarak, oturum açma veya oturum açma menüsü öğesi eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Bundan sonra, görünüm sayfasını ziyaret etmeniz ve genişletmek için Oturum Açma/Oturum Açma sekmesini tıklamanız gerekir.

Buradan, ‘Oturum Aç | Oturum Çıkışı’ öğesini seçmeniz ve Menü Ekle düğmesini tıklamanız gerekir. Değişikliklerinizi kaydetmek için menü kaydet düğmesini tıklamayı unutmayın. Artık özel giriş ve çıkış bağlantıları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 giriş veya oturum açma için dinamik olarak değişecektir. WordPress menüsüne gelen ve çıkış bağlantılarının nasıl ekleneceğine dair öğreticimizde daha fazla bilgi edinin. 2. Özel kodu kullanarak bir giriş / oturum açma bağlantısı ekleyin Bu yöntem, kodu WordPress sitenize eklemenizi gerektirir. Bunu daha önce hiç yapmadıysanız, WordPress’e özel bir kod ekleyeceğiniz konusundaki kılavuzumuza bakın. İlk olarak, belirli bir gezinme menüsü konumu için WordPress temanız tarafından kullanılan adı bulmanız gerekir. Bunu bulmanın en kolay yolu görünüm sayfasını ziyaret etmek »menüleri ve farenizi menü konum alanına yönlendirmektir.
Sağ -Meleze aracını seçmek için tıklayın ve aşağıdaki kaynak koddaki konumun adını görürsünüz. Örneğin, demo temamız ana menü, altbilgi ve üst bıçakları kullanır. Giriş / oturum açma bağlantısını görüntülemek istediğiniz hedef konumunuz için kullanılan adı düşünün. Ardından, aşağıdaki kodu Fonksiyonlara eklemeniz gerekir.

add_filter (‘wp_nav_menu_items’, ‘add_loginout_link’, 10, 2);

İşlev add_logout_link ($ öğeler, $ args) {
if (is_user_logged_in () && $ args-> tema_location == ‘birincil’) {

$ öğeler. = ‘
çıkış çıkış
‘;
}
elseif (! Is_user_logged_in () && $ args-> tema_location == ‘birincil’) {
$ öğeler. = ‘
log
‘;
}
$ Öğe iade;
}
Bundan sonra, web sitenizi ziyaret edebilirsiniz ve Giriş Bağlantısı Oturumu Navigasyon menünüzde göreceksiniz.
Bu dinamik bağlantı, kullanıcı giriş durumuna göre otomatik olarak oturum açma veya oturum açmaya geçer. 4. WordPress Gezinme menünüze özel bir metin ekleyin, Navigasyon menünüze bir bağlantı değil, sadece metin eklemek istiyorsanız? Yapmanın iki yolu vardır. 1. Belirli bir menüye özel bir metin ekleyin (kolay yol) Görünüm sayfasını açın »menüleri ve # URL olarak # ile özel bir bağlantı ekleyin ve bağlantı metniniz olarak görüntülemek istediğiniz metin. Düğmeye tıklayın. devam etmek için menü. WordPress, özel metninizi sol sütunda bir öğe menüsü olarak ekleyecektir. Şimdi, genişletmek ve #Sign’ı silmek için tıklayın.
Menü Kaydet düğmesine tıklamayı ve web sitenizin önizlemesini görün. Özel metninizin gezinme menüsünde göründüğünü göreceksiniz. Hala bir bağlantıdır, ancak tıklamak kullanıcı için hiçbir şey yapmaz.
2. Navigasyon menüsüne özel bir metin ekleyin Bu yöntemin kodunu kullanarak web sitenize bir kod görüntüsü ekleyeceksiniz. İlk olarak, Giriş/Çıkış Bağlantısı bölümünde yukarıda açıklandığı gibi temanızın konumunun adını bulmalısınız. Bundan sonra, Fonksiyonlar.php Dosya Teması veya Özel Site eklentisine aşağıdaki kodu eklemeniz gerekir.
add_filter (‘wp_nav_menu_items’, ‘your_custom_menu_item’, 10, 2);

işleviniz_custom_menu_item ($ öğeler, $ args) {

if ($ args-> tema_location == ‘birincil’) {

$ öğeler. = ‘
Özel metin
‘;

}
$ Öğe iade;
}
‘Özel metin’ olduğu söylenen yeri kendi metninizle değiştirin. Artık değişikliklerinizi kaydedebilir ve navigasyon menünüzün sonunda özel metninizin eklendiğini görmek için web sitenizi ziyaret edebilirsiniz. Belirli bir WordPress menüsüne programlanmış dinamik öğeler eklemek istiyorsanız bu kod yöntemi yararlı olabilir. 5. Geçerli tarihi WordPress menüsüne ekleyin WordPress’teki Gezinme menüsünde geçerli tarihi görüntülemek mi istiyorsunuz? Bu hile, genellikle güncellenen bir blog veya haber web sitesi çalıştırırsanız yararlıdır. Sadece aşağıdaki kodu functions.php dosyasına ekleyin.
İşlev add_todaysdate_in_menu ($ öğeler, $ args) {
if ($ args-> tema_location == ‘birincil’) {
$ TodaySdate = Tarih (‘l js f y’);
$ öğeler. = ‘
‘. $ TodaySdate. ‘
‘;
}
$ Öğe iade;
}
‘Ana’yı menü konumunuzla değiştirmeyi unutmayın. WordPress menünüzdeki geçerli tarihi görmek için artık web sitenizi ziyaret edebilirsiniz.
Ayrıca tarih biçimini istediğiniz gibi değiştirebilirsiniz. WordPress’teki tarih ve saat biçiminin nasıl değiştirileceğine dair öğreticimize bakın. 6. WordPress menüsündeki kullanıcı adlarını gösterin Navigasyon menünüze biraz daha kişiselleştirme eklemek mi istiyorsunuz? Navigasyon menünüzde adlarıyla giren kullanıcıları selamlayabilirsiniz. İlk olarak, functions.php dosyasına aşağıdaki kodu eklemeniz gerekir. Temanızı veya özel site eklentisine.
add_filter (‘wp_nav_menu_objects’, ‘username_in_menu_items’);
Username_in_menu_items ($ Menen_items) {
Foreach ($ Menor_item olarak $ Menen_item) {
if (strpos ($ menor_item-> başlık, ‘#profil_name#’)! == false) {if (is_user_logged_in ()) {
$ current_user = wp_get_current_user ();

$ user_public_name = $ current_user-> display_name;
$ Menen_item-> title = str_replace (“#profil_name#”, “hey,”. $ user_public_name, $ menor_item-> başlık. “!”);
} başka {
$ Menen_item-> title = str_replace (“#profil_name#”, “Hoş geldiniz!”, $ Menen_item-> Başlık. “!”);
}
}
}
Dönüş $ MENE_ITEMS;
}
Bu kod önce bağlantı metni olarak # profil_adı # ile bir öğe menüsü ekleyip eklemediğinizi kontrol eder.Bundan sonra, menü öğesi, giren kullanıcı adı veya girmeyen kullanıcılar için genel bir selamlama ile değiştirilir.Ardından, görünüşe gitmeniz »menü sayfasına gitmeli ve bağlantı bağlantısı olarak # profil_name # ile yeni bir özel bağlantı eklemelisiniz.
Değişikliklerinizi kaydetmek için menü kaydet düğmesini tıklamayı unutmayın.Bundan sonra, WordPress menüsündeki kullanıcı adını görmek için web sitenizi ziyaret edebilirsiniz.
7. Şimdiye kadar WordPress’te dinamik bir koşullu menü gösterme, belirli WordPress menülerine nasıl çeşitli özel öğeler ekleyeceğinizi gösterdik. Ancak, bazen kullanıcıya dinamik olarak farklı bir menü öğesi görüntülemeniz gerekebilir. Örneğin, menüyü yalnızca giren kullanıcılar için görüntülemek isteyebilirsiniz. Başka bir senaryo, menünün kullanıcının gördüğü sayfalara göre değiştirilmesini istediğiniz zamandır. Bu yöntem, birkaç menü yapmanıza ve yalnızca belirli koşullar uygun olduğunda görüntülemenize olanak tanır. İlk olarak, koşullu menü eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, görünüm »sayfa menüsünü ziyaret etmeniz gerekir. Buradan görüntülemek istediğiniz yeni bir menü oluşturmanız gerekiyor. Örneğin, bu örnekte giren kullanıcılar için yeni bir menü oluşturuyoruz. Bir menü oluşturduktan sonra, konumun konumunun konumuna geçin. Buradan, menü konumunun yanındaki koşullu bir menü bağlantısını tıklamanız gerekir.
Bundan sonra, açılır menüden daha önce yaptığınız menüyü seçmeniz gerekir. Ardından, devam etmek için ‘+ Koşullar’ düğmesini tıklayın.
Bu açılır pencereyi getirecektir. Buradan, bu menüyü görüntülemek için karşılanması gereken koşulları seçebilirsiniz.