WordPress Menülerini Özelleştirmek için İpuçları, Püf Noktaları ve En İyi Eklentiler

Menüler, her web sitesinin en hayati parçalarından biridir. Her yerde bulunurlar ve kullanıcıları blogunuz boyunca yönlendirirler. WordPress'te gezinme menüsü eklemek nispeten kolay olsa da, bunu web siteniz için özelleştirmek için yapabileceğiniz çok daha fazla şey var.

Menüde küçük bir simge olsun veya onu ele almak için tamamen farklı bir sistem olsun, bu kılavuzda her şey var. Bu kılavuzda sizin için hazırladığımız ipuçlarına, püf noktalarına ve en iyi menü eklentilerinden bazılarına göz atın:

• WordPress menünüze simgeler ekleyin
• Menüye giriş/çıkış düğmesi ekle
• WordPress menülerini istediğiniz yerde görüntüleyin
• WordPress menünüze bir arama kutusu nasıl eklenir
• Sayfanın üst kısmında gezinme menüsü çubuğu nasıl yapılır
• Eklentilerle yapışkan gezinme menünüzü yapın
• WordPress'te üst düzey menü öğeleri nasıl kaldırılır
• WordPress için en iyi 4 menü eklentisi
• En iyi WordPress mobil menü eklentileri

WordPress menünüze simgeler ekleyin

WordPress'te bir menü oluşturmak hiç bu kadar kolay olmamıştı. Tek yapmanız gereken sayfalar oluşturmak ve bunları ana sayfanızın yanına eklemek. Ana navigasyon menünüz sadece birkaç tıklama ile yapılacak ancak muhtemelen çok sade görünecektir.

Görsel olarak çarpıcı bir gezinme menüsü oluşturmanıza yardımcı olabilecek çok sayıda eklenti vardır. Elbette, nasıl yapılacağını biliyorsanız, kendinizi kodlayabilirsiniz, ancak normal menünüzü daha kullanıcı dostu hale getirmenin daha basit bir yolu var - simgeler ekleyerek.

Simgeler, onsuz yaşayamayacağımız bir şey haline geldi . WordPress kontrol panelinizde, masaüstünüzde veya akıllı telefonunuzda ve tabletinizde bir şey aradığınızda, muhtemelen simgeleri kullanmaya alışmışsınızdır. Yeni bir uygulamayı yalnızca birkaç kez kullandıktan sonra, onunla birlikte gelen tüm açıklama metinlerinden ziyade simgesini hatırlamanız daha olasıdır. Öyleyse neden menü öğenizin yanına bir simge koyup insanların sitenizde kolaylıkla gezinmesine izin vermiyorsunuz?

Menü Simgeleri

FİYAT: Ücretsiz

Bunu nasıl yapacağınızı bilmiyorsanız endişelenmeyin, bu yüzden buradasınız. Kılavuzun bu bölümünde, sizi özel kodlamayla rahatsız etmeyeceğiz, ancak size birkaç dakika içinde yapılandırabileceğiniz temiz ve ücretsiz bir eklenti göstereceğiz .

1. Eklentiler->Yeni Ekle'ye gidin
2. “Menü Simgeleri” arayın
3. Eklentiyi kurun ve etkinleştirin
4. Görünüm -> Menüler'e gidin
5. Gezinme menünüzü açın
6. Bir simge seçmek istediğiniz menü yapısı altında bir sayfa seçin
7. Simgeyi seçin, konumunu ve boyutunu düzenleyin
8. Menüyü kaydet

Bu kadar! Şimdi menünüzde olmasını istediğiniz bazı harika ikonları bulun ve yeni tasarımınızın keyfini çıkarın. Hala simgelerle çalışırken, WordPress blogunuza da kolayca favicon ekleyebileceğinizi unutmayın.

Menüye giriş/çıkış düğmesi ekle

Sevdiğimiz birçok WordPress özelliğinden biri, yeni kullanıcıları kaydetmenin kolay yolu. Popüler platformda farklı kullanıcı rollerini kontrol etmek daha kolay olamazdı; zaten atayabileceğiniz kayıtlı roller vardır ve hatta sitenizin ihtiyacı için çok sayıda özel kullanıcı rolü oluşturabilirsiniz.

Bunları kaydetmek hızlı ve kolay olsa da, kullanıcılarınızla ilgilenmek zor bir iş olabilir . Ancak, web sitesindeki deneyimlerini olabildiğince iyi hale getirmek için elinizden gelen her şeyi yapmanız gerekir.

Onlar için yapabileceğiniz birçok şeyden biri, sitenize giriş yapmanın ve sitenizden çıkış yapmanın kolay bir yolunu sağlamaktır. Oturum açma/çıkış bağlantılarını her zaman kullanıcıların erişimine açmak için, bu bağlantıları doğrudan ana menünüze koyabilirsiniz. İlk olarak, menüde bu bağlantılara sahip olmak çok pratiktir ve ikincisi, kullanıcılarınız muhtemelen aynı oturum açma ve kapatma yöntemini kullanan diğer çeşitli uygulamaların özelliğine alışmıştır .

Bu durumda, başka bir eklenti kapmaya gerek yoktur. Makalenin bu bölümünde size göstereceğimiz basit bir WordPress işlevi sizin için harika bir iş çıkarabilir . Doğru bağlantıyı otomatik olarak menünüze yerleştirecektir. Bu, bir kullanıcının oturumu kapatıldığında "oturum aç" bağlantısını alacağı ve bunun tersi anlamına gelir. Ne siz ne de kullanıcı tekrar giriş düğmeleri hakkında endişelenmenize gerek kalmayacak.

Bu basit ama düzgün giriş özelliğini menüye eklemeye hazırsanız, yapmanız gerekenler şunlardır:

1. Functions.php'yi açın
2. Aşağıdakileri kopyalayıp yapıştırın:

 function add_login_logout_link($öğeler, $args) {
$loginoutlink = wp_loginout('index.php', false);
$items .= '<li>'. $loginoutlink .'</li>';
$öğeleri döndür;
}
add_filter('wp_nav_menu_items', 
'add_login_logout_link', 10, 2);

3. Değişiklikleri Kaydet

Parçacıklarımızın çoğunda olduğu gibi, işlevi kopyalayıp dosyaya yapıştırmanız yeterlidir. İşiniz bittiğinde, devam edebilir ve ana sayfayı yeniden yükleyebilirsiniz. Hala giriş yaptığınız için, ana menünüzün son noktasında “çıkış” bağlantısını göreceksiniz. Tüm işlevi kontrol ettiğinizden emin olun, bu nedenle her şeyin yolunda olduğundan emin olmak için oturumu kapatıp tekrar açmayı deneyin.

Artık bu küçük özelliği tamamladığınıza göre, başarılı bir giriş yaptıktan sonra kullanıcıları kolayca başka bir sayfaya yönlendirebileceğinizi ve hatta yalnızca giriş yapmış veya çıkış yapmış kullanıcılara içerik gösterebileceğinizi unutmayın.

Ayrıca, artık özelleştirilmiş bir menünüz olduğuna göre, özel bir kısa kod sağlayarak sitenin herhangi bir yerinde göstermek isteyebilirsiniz.

WordPress'i bunun gibi küçük parçalarla özelleştirmeyi seviyoruz, peki ya siz?

WordPress menülerini istediğiniz yerde görüntüleyin

WordPress 3.0 sürümüne ulaştıktan sonra birçok şeyin kullanımı daha kolay hale geldi. Farklı yeni özellikler arasında, gezinme menüsü oluşturmak herkes için erişilebilir hale geldi ve bugün herkes birkaç basit fare tıklamasıyla kendi menülerini oluşturabiliyor.

Herhangi bir gönderiyi, sayfayı, kategoriyi veya herhangi bir harici bağlantıyı kolayca bağlayabileceğiniz menüler oluşturmak çocuk oyuncağı olsa da, menüyü sitenizin farklı yerlerinde göstermek WordPress geliştirmeyle ilgilenmeyenler için biraz daha büyük olabilir .

Kullanmakta olduğunuz WordPress temasına bağlı olarak, gezinme bulmaya alıştığımız sayfanızın üst kısmında yeni oluşturulan bir menüyü kolayca görüntüleyebilirsiniz . Menünüzü kenar çubuğuna veya hatta alt bilgi alanına yerleştirme seçeneğiniz olabilir, ancak menüyü yazılarınızda, sayfalarınızda ve hatta widget'ta göstermek isterseniz ne olur?

Hayır, bağlantıları çoğaltmak için özel listeler oluşturmanız veya tüm HTML kodunu yeniden yazmanız gerekmez; kısa kodlardan yararlanabilir ve mevcut bir menüyü istediğiniz yere yerleştirebilirsiniz!

Aşağıdaki satırlarda, size bunu nasıl yapacağınızı göstermek üzereyiz ve yeni 'kısa koddaki menü' özelliğini beğeneceğinizden eminiz.

Bir kısa kod oluşturun ve WordPress menülerini istediğiniz yerde görüntüleyin

1. Functions.php dosyasını açın
2. Kısa kodu kaydedecek kodu kopyalayıp yapıştırın:

 function menu_function($atts, $içerik = null) {
 Ayıkla(
 kısa kod_atts(
 dizi( 'isim' => boş, ),
 $atts
 )
 );
 dönüş wp_nav_menu(
 dizi(
 'menü' => $isim,
 'eko' => yanlış
 )
 );
 }
 add_shortcode('menü', 'menü_fonksiyonu');

3. Değişiklikleri Kaydet

Değişiklikleri kaydettikten hemen sonra WordPress menülerini istediğiniz yerde görüntüleyebileceksiniz. Tek yapmanız gereken, kullanacağınız menünün adını belirtmeniz gereken kısa kodu yazmak :

[menü adı=”ana menü”]

Çoğu durumda, ana menünüzün kendisine eklenmiş “ana menü” adı olacaktır. Ancak başka bir menüyü kullanacaksanız, adını kısa koda girmeniz yeterlidir. Her menü adını ezbere bilmek zorunda değilsiniz; bunun yerine Görünüm -> Menüler'e gidin ve menü listesine göz atın veya yenilerini oluşturun.

Artık WordPress menülerini neredeyse her yerde görüntüleyebildiğiniz için, WordPress destekli web sitenizde kullanacağınız çok sayıda gezinme oluşturabilirsiniz. Biri gönderide, diğeri şablon dosyalarında, Metin Widget'ında vb. olabilir.

WordPress menünüze bir arama kutusu nasıl eklenir

Özelliği kaldırmadığınız sürece, WordPress ziyaretçilerinizin sitenizin tamamında arama yapmasına izin verir. Bu harika özellikten birkaç kez bahsettik ve arama sayfalarınızla yapabileceğiniz farklı şeyleri size gösterdik. Örneğin, yalnızca bir sonuç bulunursa kullanıcıları kolayca gönderiye yönlendirebilir veya hatta özel bir Google araması oluşturabilirsiniz.

Standart WP widget'larınıza göz attıysanız, muhtemelen kenar çubuğuna yerleştirilmeye hazır bir arama widget'ı olduğunu görmüşsünüzdür. Peki ya arama kutunuzun bunun yerine menünüzün yanında görünmesini istiyorsanız?

Aşağıdaki satırlarda size günlük arama kutunuzu alıp navigasyon menüsüne yerleştirecek bir fonksiyon göstereceğiz.

Menüye bir arama kutusu ekleyin:

1. Functions.php'yi açın
2. Aşağıdakileri kopyalayıp yapıştırın:

 add_filter('wp_nav_menu_items','add_search_box', 
10, 2);
function add_search_box( $öğeler, $args ) {
$items .= '<li>' . get_search_form(yanlış). 
'</li>';
$öğeleri döndür;
}

3. Değişiklikleri Kaydet

Kodun işinize yarayacağından emin olmak için sitenize önceden eklenmiş bir gezinme menünüz olduğundan emin olun.

Kod oldukça basittir ve tek işlevi arama kutusunu gezinme menünüze eklemektir . Büyük olasılıkla, arama kutunuz olmasını istediğiniz yere hizalanmayacaktır. Bu, WordPress'e arama kutusunu nereye koyacağınızı söylemeniz gerektiği anlamına gelir:

1. Üçüncü kod satırında bulunan <li> etiketine bir sınıf ekleyin:

 $items .= '<li class=”searchbox-position”>' . 
get_search_form(yanlış). '</li>'

2. Değişiklikleri Kaydet
3. style.css'yi açın
4. CSS kodunu kopyalayıp yapıştırın:

 .searchbox konumu {
 üst kenar boşluğu: 15 piksel;
 sağ kenar boşluğu: 20 piksel;
 }

5. Kodu beğeninize göre değiştirin
6. Değişiklikleri Kaydet

Umarım kutuyu menünüzün yanına mükemmel bir şekilde yerleştirmişsinizdir. Kutuyu istediğiniz yere sığdırmak çok fazla zaman almaz. Arama kutusunun stilini belirlemeyi ve özelliğin keyfini çıkarmayı unutmayın.

Menünüz ve arama kutunuz üzerinde daha fazla kontrol istiyorsanız, menünüze nasıl simgeler ekleyeceğinizi ve arama terimlerini dikte etmek isteyen ziyaretçiler için sesli arama seçeneğini nasıl ekleyeceğinizi kontrol edin. Hem menünüzle hem de arama seçeneklerinizle yapabileceğiniz daha çok şey var, bu yüzden arama kutumuzu test edin ve yeni bir şeyler öğrenin.

Sayfanın üst kısmında gezinme menüsü çubuğu nasıl yapılır

Gezinme menülerinin sayfanın üst kısmına yapıştığı ve kaydırma maceranızın her adımında sizi takip ettiği web siteleri görmüşsünüzdür. Bu özellik, WordPress web sitenizde olmasını istediğiniz bir özellik olabilir ve kılavuzun bu bölümünde size nasıl oluşturulacağını göstermek üzereyiz.

Menünün her zaman elinizin altında olduğu işlevsel bir yanı olduğu gibi, aynı zamanda çok güzel ve akıcı görünebilir.

Biraz CSS bilginiz varsa, menünüzü yapışkan hale getirme konusunda sorun yaşamayacaksınız. Sadece Style.css dosyanıza bir kod parçası eklemeniz yeterlidir, bundan sonra yeni menü özelliğinizin keyfini çıkarabilirsiniz.

1. Stil Sayfanızı açın (style.php)
2. .nav-menu veya .genesis-nav-menu (veya kullandığınız temaya bağlı olarak benzeri) bulun
3. Ana menü kapsayıcınız için aşağıdaki kodu kullanın:

 .nav menüsü {
 konum:sabit;
 arka plan: #333;
 üst: 0 piksel;
 sağ: 0 piksel;
 sol: 0 piksel;
 z-endeksi:99;
 }

Koddan da tahmin edebileceğiniz gibi önemli kısım, menünüzün konumunu düzeltmeniz gereken ikinci satırda geliyor . Bundan sonra, üst, sağ ve sol öğeleri 0 piksele ayarlayabilir veya bunları sayfanın üstünden veya sol ve sağ kenar boşluklarından herhangi bir mesafeye taşıyabilirsiniz (örneğin: top: 10px, menünüzü 10 piksel uzağa yerleştirir). sitenizin üst kenar boşluğu).

1. Dosyanızı güncelleyin ve yapışkan gezinme menünüzün keyfini çıkarın

Kodla uğraşmaktan hoşlanmıyorsanız, menülerinizi yapışkan hale getirmek için eklentileri kullanabilirsiniz.

Eklentilerle yapışkan gezinme menünüzü yapın

Temanızdaki bir CSS kodu satırını değiştirerek nasıl yapışkan bir gezinme menüsü oluşturacağınızı öğrettik. Ancak, bu ne kadar kolay olursa olsun, herkes WordPress dosyalarını gözden geçirmekten ve kodu kendileri düzenlemekten hoşlanmaz. Bu tür bir insansanız veya menü üzerinde daha fazla kontrole ihtiyacınız varsa endişelenmeyin. Eklentileri kullanarak menünüzü kolayca ayarlayabilir ve yapışkan hale getirebilirsiniz . Makalenin bu bölümünde, size en iyilerinden bazılarını göstereceğiz.

UberMenu Yapışkan Uzantı

FİYAT: 8 $

UberMenu Yapışkan Uzantı, UberMenu eklentisi için bir eklentidir; bu, uzantının çalışması için önce bu eklentiyi yüklemeniz gerektiği anlamına gelir. Uzantı her şeyi basitleştirir; kurulumdan sonra menünüzü yapışkan hale getirmeye hazırsınız. Menünüzü nereye yerleştirdiğiniz önemli değil, bir kullanıcı kaydırmaya başladığında menü sayfanın üstüne yapışacak ve kolayca erişilebilir hale gelecektir.

Mobil kullanıcıların menünün her bölümüne erişebildiğinden emin olmak için, bir mobil cihaz algılandığında yapışkan seçenek kapanır. Buraya eklenecek fazla bir şey yok - resmi sitedeki demoya bakın ve zaten UberMenu'nuz varsa, devam edin ve menünüzü sabitleyin.

benimStickymenüm

FİYAT: Ücretsiz – DEMO

Bu eklenti Yirmi On Üç temasında kullanılmak üzere tasarlanmıştır. Ancak biraz ince ayarlarsanız, istediğiniz herhangi bir temada kullanabilirsiniz. Varsayılan olarak, temanın gezinme CSS sınıfını “.navbar” kullanır. Bu nedenle, başka bir temada kullanmak istiyorsanız, temanızın navigasyon menüsünü tanımlamak için kullandığı sınıfı bulmanız ve o sınıfın adını değiştirmeniz gerekir.

Temanız duyarlıysa, eklenti de duyarlı olacaktır. Daha fazla değişiklik yapmak isterseniz, özel CSS stillerinizi girebilir ve yapışkan menünüzü daha da kişiselleştirebilirsiniz.

Kaydırmada Yapışkan Menü (veya Herhangi Bir Şey!)

FİYAT: Ücretsiz

Bu eklenti, menünüzü en üste yerleştirmenize ve yapışkan hale getirmenize izin verecektir. Ancak yalnızca bu değil , eklenti , yalnızca öğe için doğru seçiciyi bularak herhangi bir öğeyi yapışkan hale getirmenize izin verecektir . Bu, kullanıcılar web sitenizde gezinirken logonuzu ve hatta tüm başlığı sayfanın üst kısmına yapıştırabileceğiniz anlamına gelir. Her şeyin işe yaraması için doğru seçiciyi bulabilmeniz için HTML ve CSS hakkında biraz bilgi sahibi olmanız gerekir.

WordPress'te üst düzey menü öğeleri nasıl kaldırılır

Muhtemelen WordPress'in son derece özelleştirilebilir olduğunu zaten biliyorsunuzdur. Nasıl kodlanacağını veya en azından doğru eklentileri bulmayı biliyorsanız, ön ucun yanı sıra arka ucunuzu da dönüştürebilir ve ziyaretçilerinize ve yazarlarınıza benzersiz bir web sitesi sergileyebilirsiniz.

Bu bölümde, WordPress yönetici sayfalarınızdan üst düzey menü öğelerini kaldırmanıza izin verecek basit bir kod göstereceğiz.

Aşağıda bulabileceğiniz kod, tüm üst düzey menü öğelerini yöneticiler yerine tüm kullanıcılara kaldıracaktır . Devam etmeden önce, bu snippet'in yalnızca menü öğelerini kaldırdığını, ancak bu öğelerin bir ayarlar sayfasına giden doğru yolu bilen herkes tarafından kullanılabileceğini bilmelisiniz. Belirli menü sayfalarına erişimi tamamen kısıtlamak istiyorsanız, kullanıcı yeteneklerini değiştirmeniz gerekecektir.

Üst düzey menü öğelerini kaldırın:

1. Functions.php dosyanızı açın
2. Aşağıdaki kodu kopyalayıp yapıştırın:

 if (!current_user_can( 'manage_options' )) {
add_action('admin_menu', 'my_remove_menus', 999 );
}
function my_remove_menus() {
remove_menu_page('index.php'); //Gösterge Paneli
remove_menu_page('edit.php'); //Gönderiler
remove_menu_page('upload.php'); //Medya
remove_menu_page('edit.php?post_type=page'); //Sayfalar
remove_menu_page('edit-comments.php'); //Yorumlar
remove_menu_page('themes.php'); //Dış görünüş
remove_menu_page('plugins.php'); //Eklentiler
remove_menu_page('users.php'); //Kullanıcılar
remove_menu_page('tools.php'); //Aletler
remove_menu_page('options-general.php'); //Ayarlar
}

3. Değişiklikleri Kaydet

Bu kod, muhtemelen yapmak istemediğiniz tüm üst düzey menüleri kaldırdığından, kodu ihtiyaçlarınıza göre değiştirmekten çekinmeyin. Her "remove_menu_page" satırı bir sayfanın kaldırılmasından sorumludur (bu, parantez içinde ve kod satırının yanındaki yorumda açıklanmıştır). Menünüzde olmamasını istediğiniz bir sayfayı ekleyin veya kaldırın ve değişiklikleri bir kez daha kaydedin.

Artık üst düzey sayfaları menüden nasıl kaldıracağınızı öğrendiğinize göre, üst düzey sayfaların altında bulunan alt sayfalardan yalnızca bazılarını kaldırmak isteyebilirsiniz.

WordPress için en iyi 4 menü eklentisi

Yeni web sitenizi oluşturmaya başladığınızda, er ya da geç bir menüye ihtiyacınız olacak. WordPress'te standart bir menü seçeneğini kullanarak bir tane oluşturabilirsiniz, ancak daha profesyonel bir tane istiyorsanız, HTML ve CSS kodlarınızı bilmeniz gerekir. Bu aynı zamanda her şeyin mükemmel çalışması ve aynı zamanda güzel görünmesi için biraz zaman harcayacağınız anlamına gelir.

Ancak daha hızlı bir çözüme ihtiyacınız varsa veya kendi süslü menünüzü nasıl kodlayacağınızı bilmiyorsanız, WordPress birkaç tıklamayla muhteşem menüler oluşturmak için tasarlanmış harika eklentiler yüklemenize izin verir. Belirli bir sıra olmadan, WordPress için en iyi menü eklentilerinden bazıları burada.

Uber Menüsü

FİYAT: 20 $ – DEMO

43.000'den fazla satışla Uber Menu, WordPress için en popüler eklentilerden biridir . Demo sitesini açıp bu eklenti ile oluşturulan menünün neye benzediğini gördüğünüzde, neden bu kadar popüler olduğunu anlayacaksınız. Ve özelliklerini listelemeye başladığınızda, muhtemelen kendiniz için bir tane isteyeceksiniz.

Uber menüsüyle oluşturulan menüler, mobil ziyaretçileriniz için duyarlı ve dokunmatik olacak. Güzel düzenler oluşturabilir ve menünüze simgeler, resimler, videolar ve haritalar yerleştirebilirsiniz. Formun tamamı bir alt menüye yerleştirilebilir, böylece bunun için fazladan bir sayfa eklemenize gerek kalmadan bir iletişim formu oluşturabilirsiniz. Eklenti son derece özelleştirilebilir ve canlı önizleme ile 50'den fazla stil ayarıyla oynayabilirsiniz. Diğer içeriğinizden otomatik olarak alt menüler oluşturabilir, menünüzün altında sekmeler oluşturabilir ve çok daha fazlasını yapabilirsiniz.

• Dinamik öğe oluşturma
• Sekmeli alt menüler
• Gelişmiş kullanıcı arayüzü

Morph: Özelleştirilebilir Fly-Out WordPress Menüsü

FİYAT: 20 $ – DEMO

Morph, mobil cihazlar için tasarlanmış bir açılır menüdür. Ancak demo sayfasında da görebileceğiniz gibi, kişisel bilgisayarınızda açarsanız, masaüstünde de gerçekten harika görünüyor.

Bu eklentiyi kullanarak bir menüyü gizleyebilir ve basit bir tıklama ile onu çağırabilirsiniz . Menü alanında standart bir açılır menü oluşturabilir, resimler, arama düğmeleri ekleyebilir ve tüm alan widget'lıdır, bu da ihtiyacınız olan ve istediğiniz her şeyi gömebileceğiniz anlamına gelir. Eklenti çok özelleştirilebilir, böylece istediğiniz renkleri seçebilir, görüntü yüksekliklerini değiştirebilir ve ihtiyaçlarınıza uygun öğeler ekleyip kaldırabilirsiniz. Mobil cihazlar için kullanacaksanız, menünün görüneceği çözünürlükleri kolayca ayarlayabilirsiniz.

• Hem masaüstü hem de mobil cihazlarda harika çalışıyor
• Özelleştirilebilir öğeler ekle/kaldır
• Herhangi bir eleman tarafından tetiklenebilir

Kahraman Menüsü

FİYAT: 19 $ – DEMO

İster basit bir menü ister karmaşık bir "Mega Menü" isteyin, Hero Menu eklentisi ile bir tane oluşturabilirsiniz. Oluşturduğunuz her menü duyarlı olacak ve herhangi bir cihazda harika görünecek; bir mega menü oluşturmayı seçerseniz, öğeler gösterilebilir veya gizlenebilir, böylece daha küçük ekranların düzeni hakkında endişelenmenize gerek kalmaz.

Android, iOS ve Windows Phone için özel dokunma desteği vardır. Sürükle ve bırak tekniğini kullanarak kolayca ekstra öğeler ekleyebileceğiniz tam genişlikte veya sabit genişlikte gezinme çubuğunu seçin. 60'ın üzerinde önceden ayarlanmış renk şeması vardır ve ücretsiz Google Yazı Tiplerinin her birini kullanmakta özgürsünüz. Menüyü sabitleyin, etkinleştirme mesafesini seçin… bu harika eklenti çok daha fazlasını sunabilir, bu nedenle CodeCanyon'daki tüm özellikler listesine göz atmayı unutmayın.

• Sürükle ve Bırak menü yapısı oluşturucu
• Basit menü veya karmaşık mega menü oluşturun
• Özel mobil navigasyon

Çoklu X çubuğu

FİYAT: 16 $ – DEMO

Multi-X çubuğu modüler bir eklentidir ve gezinme çubuğuna istediğiniz her şeyi pratik olarak yerleştirmenize olanak tanır. Menü öğelerinin yanı sıra, bir iletişim formu, arama formu, sosyal paylaşım simgeleri, widget alanı vb. olsun , çubuğa en fazla 8 öğe yerleştirebilirsiniz .

Aralarından seçim yapabileceğiniz iki farklı tema ve degrade otomatik olarak hesaplanırken kendi renklerinizi ayarlayabileceğiniz özel bir tema vardır. Gezinme çubuğu, sabit veya kaydırılabilir bir menü olarak yerleştirilebilir. Bir geliştiriciyseniz, Multi-X çubuğundan yeni bir eklenti oluşturmak istiyorsanız, sizin için hazır bir dizi kanca olduğunu bilmek isteyeceksiniz. Bu eklenti çok daha fazlasını sunar, bu nedenle CodeCanyon'daki tüm özelliklere göz atmayı unutmayın.

• 8 gömülü fonksiyonel modül
• 2 renk teması + özel tema
• Üst veya alt konum

En iyi WordPress mobil menü eklentileri

Teknolojinin ne kadar ilerlediğini hepimiz biliyoruz. Akıllı telefonlar ve tabletler kaçınılmaz hale geldi ve giderek artan sayıda mobil cihaz sahibi var. WiFi ağları şehirlerimizin her yerini kapsıyor ve yoksa, mobil cihazınızı her zaman sağlayıcınız aracılığıyla internete bağlayabilirsiniz. Tüm bunların anlamı, mobil web sörfçülerinin sayısının her zamankinden daha fazla olduğu ve bir web sitesi işletiyorsanız onlarla ilgilenmeniz gerektiğidir.

Bir mobil site kuruyorsanız veya bir siteyi daha iyi hale getirmek istiyorsanız, kesinlikle herhangi bir ekran boyutuna uyum sağlayacak ve mobil kullanıcıların daha kolay gezinmesini sağlayacak özel bir mobil menü oluşturmanız gerekir .

WordPress ile bu görev düşündüğünüz kadar zor değil. Nasıl kod yazılacağını veya nasıl menü oluşturulacağını bilmek zorunda değilsiniz. Tek ihtiyacınız olan, kolayca kurabileceğiniz ve ihtiyaçlarınıza göre özelleştirebileceğiniz bir eklenti.

Kılavuzun bu bölümünde, WordPress web siteniz için bir mobil menü oluşturabilecek en iyi premium eklentilerden bazılarını göstermek üzereyiz. Öyleyse aşağı kaydıralım ve bir göz atalım.

dokunsal

FİYAT: 18 $ – DEMO

Bu premium eklenti, içine yerleştirilmiş bir mobil menü ile temiz bir mobil başlık oluşturacaktır. Animasyonlar çok basittir ve bir akıllı telefon ekranında gerçekten güzel ve akıcı görünebilirler. Tactile ile çok seviyeli bir akordeon menüsü oluşturabilir, kaydırılabilen tek seviyeli yatay bir menü oluşturabilir veya web sitenize uçabilen widget'lı bir kenar çubuğu oluşturabilirsiniz .

Her şey özelleştirilebilir; bu, öğelerinizi istediğiniz herhangi bir renge boyayabileceğiniz, arka planları değiştirebileceğiniz ve renklerini, opaklıklarını ve çok daha fazlasını ayarlayabileceğiniz anlamına gelir. Menünüz sabitlenebilir veya mutlak olarak konumlandırılabilir. Mobil cihazlar üzerinde daha da fazla kontrol istiyorsanız, bu menünün etkinleştirileceği çözünürlükleri ayarlayabilirsiniz.

• Birkaç menü türü
• Arama işlevleri
• Sabit/mutlak konumlandırma

hafifçe vurun

FİYAT: $10 – DEMO

TapTap size WordPress web siteniz için benzersiz bir mobil menü oluşturma gücü verecektir. Demo sitesinden de görebileceğiniz gibi, hayal ettiğiniz hemen hemen her şeyi oluşturabilirsiniz ve menüleriniz gerçekten düzgün görünecektir. Bu eklenti ile çok seviyeli menüler oluşturabilir, hangi öğeleri göstermek istediğinize karar verebilir, açıklamalar ekleyebilir veya entegre arama seçeneğini etkinleştirebilirsiniz .

İki menü düğmesi tasarımı ve aralarından seçim yapabileceğiniz birkaç animasyon vardır. Menünüzün konumu sabitlenebilir veya mutlak konumlandırma kullanabilirsiniz. Arka plan stillerini seçin ve çok sayıda stil seçeneğiyle oynayın, böylece menüyü temanıza mükemmel şekilde uydurabilirsiniz. Son olarak, TapTap kendisini göstereceği çözünürlükleri seçmenize izin verir. Bir mobil navigasyon menüsünden daha ne isteyebilirsiniz?

• Çok seviyeli menüler
• 2 menü düğmesi tasarımı ve animasyonu
• Sabit/mutlak konumlandırma

cep telefonu

FİYAT: 16 $ – DEMO

Mobi, mobil web sitelerinde yardımcı olmaya hazır başka bir basit ama harika WordPress eklentisidir. Bu eklemeyle, duyarlı temanız daha da iyi navigasyona sahip olacak. Sezgisel bir sürükle ve bırak menü oluşturucu kullanarak bir menü oluşturduğunuzda, bunu sitenizin üstüne veya altına yerleştirebilirsiniz.

Tüm menü öğeleri özelleştirilebilir ve gezinme çubuğunuza sosyal medya simgeleri eklemekte özgürsünüz. 700'den fazla simge yazı tipi vardır ve tasarımınızı Google Yazı Tiplerinden birini kullanarak tamamlayabilirsiniz. Gerekirse, konuklar ve oturum açmış kullanıcılar için kullanıcı görünürlüğünü kontrol edebilirsiniz.

• Sürükle ve Bırak özelleştirmesi
• Üst veya alt menü konumlandırma
• Misafirler ve oturum açmış kullanıcılar için Kullanıcı Görünürlüğü

Wah menüsü

FİYAT: 44 $ – DEMO

Wah-menü, iPad dokunmatik navigasyonu için özel olarak tasarlanmış, mobil web siteleri için mükemmel, takılabilir bir menüdür . Bu premium eklenti ile, WordPress web sitenizin yanına güzel bir şekilde yerleştirilecek 8 adede kadar menü bağlantısı ekleyebilirsiniz.

Menüdeki belirli bir simgeye tıkladığınızda, HTML, gömülü videolar, haritalar ve istediğiniz hemen hemen her şeye izin veren bir alt menü görünecektir. Eklenti son derece özelleştirilebilir, yani 8 vurgu rengi arasından seçim yapabilir, menü genişliği, simgeler, bağlantılar vb. ile oynayabilirsiniz. WYSIWYG düzenleyici ile menü oluşturmak çok kolaydır. İster koyu ister açık temayı kullanmayı tercih edin, hoş görüneceğinden emin olabilirsiniz.

• WYSIWYG düzenleyici
• HTML, gömülü videolar vb. desteği olan alt menüler.
• Out veya Docked durumu seçeneği

Yol Stili Menüsü

FİYAT: 12 $ – DEMO

Bu premium eklenti, menü oluşturmaya adanmış normal eklentinizden biraz farklıdır. Klasik menü çubuğu veya kenar çubuğu menüsü yerine Yol Stili Menüsü bir düğme oluşturur . Bir düğmeyi etkinleştirdikten sonra, düğmenin etrafında bir daire içinde bir menü gösterecek, istediğiniz yöne doğru genişletecek ve hatta simgelerinizi bir yay şeklinde düzenleyecektir.

Birden fazla menü seviyesi varsa, düğme, kullanıcıların tekrar ana menüye gitmelerini sağlayacak bir geri düğmesi oluşturacaktır. Tonlarca özelleştirme seçeneği var ve bir menü oluşturmak için; WordPress standart menü düzenleyicisini kullanabilirsiniz. Benzersiz bir mobil menü arıyorsanız, Path Style Menu'ye bir şans verin.

• Düğmenin etrafında menü oluştur
• Son derece özelleştirilebilir
• Menüyü düzenlemek için standart WP menüsünü kullanın

Scrollnav

FİYAT: $10 – DEMO

Size bazı harika işlevler sağlayan ve web sitenizde harika görünebilen başka bir benzersiz menü eklentisi. Scrollnav, çeşitli menü seçenekleri içeren bir daireden oluşur . Düğmenin ortasında bir ana sayfa bağlantısı var, üst bağlantı sizi mantıklı bir şekilde sayfanın üstüne götürüyor, bir arama kutusu, özel bir menü ve dairenin özel bir bağlantı parçası var.

Özel menü, tüm menüleri alt menülerle oluşturmak için yeterli alan sağlayacak, harika görünecek ve mobil web sitenizde size çok ihtiyaç duyduğunuz alanı sağlayacaktır. Aralarından seçim yapabileceğiniz çeşitli renk şemaları vardır ve her şeyin yapılandırılması kolaydır. Bu küçük eklentinin nasıl çalıştığını görmek için kesinlikle demo sitesini kontrol etmelisiniz.

• Farklı işlevlere sahip dairesel düğme
• Özel menü ve özel bağlantı bölümü
• Birkaç renk şeması

Menüye Kaydır

FİYAT: 24 $ – DEMO

Bu basit premium eklenti size iOS ve Android dokunmatik navigasyon için oluşturulmuş harika bir kenar çubuğu menüsü sağlayacaktır. Bir menü oluşturduğunuzda, sayfanın başka bir bölümüne bağlanan ve otomatik olarak kaydırılan simgelere sahip olacaktır.

ScrollTo'nun tam bir gezinme menüsü olmadığını , ancak yalnızca aynı sayfanın başka bir bölümüne kaydırdığını unutmamak önemlidir. 750'den fazla simge arasından seçim yapabilir veya kendi resimlerinizi menü öğeleri olarak kullanabilirsiniz ve reklamlar için ekstra alan vardır. Her şeyin çalışması için temel HTML bilgisine sahip olmanız gerekir, böylece talimatları uygulayabilirsiniz. Birkaç dakikanızı daha fazla zaman alabilir, ancak sonuç harika görünüyor.

• Dokunmatik özellikli
• 750'den fazla simge + özel resim
• Ekstra reklam alanı

Çözüm

Umarız, şimdiye kadar bir web sitesini menü olmadan çalıştırmanın zor olduğunu fark etmişsinizdir. Tek sayfalık bir cihaz çalıştırsanız bile, bölümler arasında gezinmeyi yine de isteyeceksiniz. Bu nedenle, zaten buradayken, WordPress menünüzü özelleştirmek ve mümkün olan en iyisini yapmak için zaman ayırın.