Web sitenizin kullanıcı arayüzünü/UX'ini iyileştirmeye yardımcı olacak harika bir menü oluşturmanın bir yolunu mu arıyorsunuz? Eğer öyleyse, o zaman doğru yerdesiniz. Burada size yardımcı olmak için ayrıntılı bir rehber hazırladık.
Öncelikle size WordPress web siteniz için nasıl menü oluşturacağınıza dair adım adım bir yol gösteriyoruz. Bunu öğrendikten sonra, WordPress menünüzü özelleştirmek ve güçlendirmek için Elementor Gezinme Menüsü widget'ını nasıl kullanacağınız konusunda size rehberlik edeceğiz.
İçindekiler:
Gezinme menülerinin yalnızca sitenize trafik çekmek için değil, aynı zamanda daha iyi SEO sıralaması için de önemli olduğunu bilmek çok önemlidir.
Aslında gezinme menüleri öncelikle kullanıcı etkileşimi için tasarlanmıştır, ancak tek amaç bu değildir.
İkinci en önemli faktör, web sitelerini tarayıp içeriği ilgili seviyeye indekslemek ve içeriği doğru yere sıralamak için arama motoruna geri bildirimde bulunmak üzere tasarlanmış "WebCrawler" veya Botların rolünü göz önünde tutmaktır.
Bu nedenle, eğer çok karmaşık menüler oluşturuyorsanız, botların içeriğinizi sıralaması zorlaşır, aynı zamanda ziyaretçilerinizi de kaybedersiniz.
Kısacası, "gezinme kolaylığı", daha iyi kullanıcı deneyiminin geliştirilmesine önemli bir katkıda bulunmanın yanı sıra, sitemizin sıralamasını yükseltmede ve trafiği artırmada da önemli bir rol oynar.
Bu, birçok işletme web sitesinin, tıklandığında tam ekran menüye kadar yüklenen karmaşık bir menü çubuğu yerine tek bir gezinme simgesi bulundurmasının mükemmel bir nedenidir.
Elementor pro widget'ı sayesinde , herhangi bir kod kullanmadan piksel açısından mükemmel ve inanılmaz derecede esnek bir menü çubuğu oluşturabilirsiniz.
özelleştirilmiş, gelişmiş WordPress menüsüne ulaşmak için Elementor gezinme menüsü widget'ını nasıl kullanacağınızı göstereceğiz
Elementor Navigasyon widget'ına başlamadan önce, Elementor ücretsiz sürümünü kullanarak nasıl basit bir WordPress menüsü oluşturabileceğimizi keşfedelim.
Artık bir WordPress menüsü oluşturmak için herhangi bir özel plugin yüklemenize gerek yok. Varsayılan olarak WordPress, web siteniz için basit gezinme menüleri oluşturmanıza yardımcı olacak, kullanımı kolay bir Menü oluşturucuyla birlikte gelir.
Bununla birlikte, menü için herhangi bir özelleştirme seçeneğine erişiminiz olmayacak. Şu anda aktif olan WordPress temasının tasarımını üstlenecek. Ancak tek istediğiniz buysa, bu, WordPress web siteniz için bir gezinme menüsü oluşturmanın mükemmel bir yoludur.
Öncelikle WordPress arka uç kontrol panelinize giriş yapmanız gerekecek.
Görünüm > Menüler'e gidin . Burada solda “Menü öğeleri ekle” ve sağda “Menü Yapısı” bulunan iki sütunlu bir düzen bulacaksınız.
Menü Yapısı altında “Menü Adı” için bir alan bulacaksınız. Şimdi oluşturacağımız menünün adı bu olacak. Buna Menü 1 adını verelim.
Not : Merak etmeyin. Okuyucularınız Menü adlarını göremeyecektir. Tüm farklı menülerinizi düzenli tutmanıza yardımcı olacak bir özelliktir.
Menünüze bir isim verdikten sonra “Menü Oluştur” butonuna tıklayarak kullanılabilir hale getirin. Şimdi farklı menü öğelerini eklemeniz gerekiyor.
Şimdi yeni menünüzü menü öğeleriyle dolduracağınız kısım geliyor. Sol tarafınızdaki “Menü öğeleri ekle” bölümünün altında, menünüze ekleyebileceğiniz şeylerin düzenli bir listesini bulacaksınız.
Varsayılan olarak bu, sayfalarınızdan, yayınlarınızdan, açılış sayfalarınızdan, özel bağlantılarınızdan ve kategorilerinizden herhangi birini içerir.
onay kutusunu kullanarak eklemek istediğiniz menü öğelerini seçin ve ardından “Menüye Ekle” düğmesine tıklayın. Bu, menünüzü seçtiğiniz tüm menü öğeleriyle dolduracaktır.
Not En Yeniler , Tümünü Görüntüle ve Ara arasında geçiş yapma seçeneğine sahip olduğuna dikkat edin . Çok sayıda öğe varsa bu seçenekleri kullanmayı unutmayın.
Tüm menü öğelerini eklemeyi tamamladığınızda “Menüyü Kaydet” düğmesine basın ve bir sonraki adıma geçin.
WordPress'in varsayılan olarak alt menüler oluşturmanıza da izin verdiğini biliyor muydunuz? Alt menü yapısını oluştururken bir ana menü öğeniz ve bir alt menü öğeniz olur.
Kullanıcı ana menü öğesinin üzerine geldiğinde, altında gizlenen tüm alt menü öğeleri ortaya çıkar.
Harika değil mi?
Şimdi bir alt menü yapısı oluşturmak için tek yapmanız gereken, ana menüde olmasını istediğiniz menü öğesini seçmektir. Daha sonra, alt menü öğeleri olarak kullanmak istediğiniz tüm menü öğelerini altına sürükleyip bırakın. Şimdi sadece sağa sürükleyin ve işiniz bitti!
Artık yeni menünüzü oluşturduğunuza ve alt menüler eklediğinize göre, konumunu yönetme zamanı geldi.
Menü düzenleyicinizin üst kısmında “Konumları Yönet” adlı bir seçenek görmelisiniz. Üzerine tıkladığınızda aşağıdaki ekrana benzer bir şey görünmelidir:
Artık mevcut menü konumları yüklediğiniz temaya bağlı olacaktır. Bu amp 3 menüyü destekleyen bir temamız var.
Mevcut menü konumlarının her birine bir menü atadıktan sonra “Değişiklikleri Kaydet”e tıklayın, bu kadar.
Artık WordPress'in varsayılan olarak sunduğu tüm temel menü özelliklerini biliyorsunuz. Ancak daha fazla özelleştirme ve işlevsellik istiyorsanız Elementor Pro Nav Menü Widget'ı hakkında bilgi edinmek için okumaya devam edin.
WordPress sitenize özelleştirilmiş bir gezinme menüsü eklemek isterseniz Elementor Pro sürümüne ihtiyacınız olacaktır. Elementor Pro sürümü, Elementor gezinme widget'ının sıra 300'den fazla şablon, tema oluşturucu, açılır pencere widget'ı, WooCommerce widget'ları ve diğer birçok ilginç özellik gibi diğer birçok özel özellik ile birlikte gelir.
Gezinme Menüsü widget'ının belirli temel özellikleri nelerdir? İşte kısa bir giriş.
Yukarıda bahsettiğimiz gibi temel bir WordPress menüsü oluşturmanız gerekecek ve ardından pro-nav-menü widget'ını kullanarak varsayılan WordPress menüsünü özelleştireceksiniz. Birincil listeyi oluşturduktan sonraki adım, onu istediğiniz konuma, yani Başlık bölümüne eklemektir.
Artık temel ayarlarla işiniz bittiğinde, gezinme menüsü widget'ını kullanarak menüyü özelleştirelim.
Ayarlar bölümünün en üst köşesinde üç seçenek mevcuttur; İçerik, Stil ve Gelişmiş.
Düzen bölümü : Yatay, dikey veya gizli bir açılır akordeon olmak üzere üç seçeneğiniz vardır.
Hizalama bölümü : bu bölüm menü metin öğelerini hizalamanıza yardımcı olur; orta, sağ veya sol.
Animasyon bölümü : Bu bölüm, animasyon efektlerinin altına, üzerine veya çift satırlı animasyon efektleri eklemenizi sağlar. Ayrıca çerçeve, arka plan ve ince metin animasyonlarını da tercih edebilirsiniz.
Alt çizgi animasyonları aşağıdaki gibidir:
Benzer şekilde çerçeveli, üst çizgili, çift çizgi, arka plan ve metin animasyonları da bulunmaktadır. Her biri kendi animasyon setini sunuyor ve onlarla neler elde edeceğinizi öğrenmek için bunları kendiniz kontrol edebilirsiniz.
İşaretçi bölümü : açılır menüden işaretçi türünü seçin.
Alt menü göstergesi bölümü : Elementor widget'ı birçok alt menü stili seçeneğiyle doludur. Menünün yalnızca rengini, stilini ve arka planını kontrol edemediğiniz yer.
Dolgu ve menü aralığı: dolgu hızlı bir şekilde ayarlanabilir. Menü ve alt menü için yatay dolguyu, dikey dolguyu, aradaki boşluğun yanı sıra sağ, sol ve orta hizalamayı da değiştirebilirsiniz.
Elementor, menü aralığına ve dolguya son derece iyi yaklaşıyor. Düşündükleri tasarımı kolayca oluşturabilmeleri için araçları geliştiriciye getirebilmelerini sağlamak için kapıların arkasında çok çalıştılar.
Menü aralığı aşağıdakiler dahil birçok seçenek sunar:
Renkli arka plan ve Tipografi : İstenilen renk şeması ve arka plan rengi yardımıyla size özel markalı görünümünüzü elde edebilirsiniz. Ayrıca şeffaf veya yarı şeffaf menü seçeneklerini de seçebilirsiniz.
Bir tasarımcı olarak bu seçeneklerle dilediğiniz kadar oynayabilir ve arka planları beğeninize göre tasarlamanızı sağlayabilirsiniz.
Mobil, web'in önemli bir parçasıdır ve bu nedenle Elementor geliştiricileri, mobil cihazlar için de gezinme çubuğu oluşturabilmenizi sağlayan araçlar sağlar.
Elementor widget'ı, WordPress'teki mobil menü seçenekleri üzerinde tam kontrole sahip olmanızı sağlar. Mobil ekran görünümünü, yalnızca mobil cihazlara yönelik ekranlar için ayrı bir ayarlar kümesiyle kontrol edebilirsiniz. Elementor ayarları bölümünün alt kısmında, mobil ekran seçeneklerinizi görüntüleyebileceğiniz mobil ekran ayarlarına yönelik bir seçenek bulunmaktadır.
Kısaca Elementor'un mobil menü özellikleri aşağıdaki gibidir:
Duyarlı gezinme: Menünün duyarlı şekilde konumlandırılmasını sunar.
Menü, herhangi bir web sitesinin en önemli özelliklerinden biridir. Çünkü ziyaretçilerin web sitenizde gezinmesine yardımcı olur ve akıllıca bir liste oluşturursanız, ziyaretçilerinizi sitenizde uzun süre tutmanıza yardımcı olur. Menü, herhangi bir web sitesinin tüm düzeni, üstbilgi ve altbilgi bölümü kadar önemlidir.
Bu nedenle, menü widget'ının tüm temel özelliklerle birlikte benzersiz marka görünümünüzü sunabilmesi gerekir. Elementor Navigasyon widget'ı, müşterilerin menü bölümünü markanızın sesine uyacak şekilde özelleştirmesine olanak tanıyan zengin özelliklere sahiptir. Artık web sitenizde, açılış sayfanızda, başlığınızda veya görüntülemek istediğiniz herhangi bir bölümde özel olarak tasarlanmış şık bir menü kullanabilirsiniz.
Bir web sitesinin üstbilgileri ve altbilgileri temel unsurlardır. Çoğu durumda, Başlık gezinmeyi sağlar…
Piyasadaki en popüler WordPress temalarından ikisi Astra ve OceanWP'dir. Profesyonel…
Mükemmel bir haber sitesi oluşturmak, web tasarımcısı olmanızı gerektirmez. Biz…
Gazete teması, tagDiv tarafından tasarlanan en önemli WordPress temalarından biridir.
Çevrimiçi bir mağaza kurmaya gelince, WooCommerce başvurulacak plugin . BT…
Başlık genellikle bir kişinin web sitenizi ziyaret ettiğinde gördüğü ilk şeydir,…
Yorumları Görüntüle
Merhaba, yazınız için teşekkür ederim, herhangi bir sorunuz varsa lütfen bana bildirin, lütfen mesaj bırakın ve öğenin editörüyseniz veya sayfanızdasınız, yorum bırakmayı unutmayın. Nasıl bir çözüm bulabilirsin? zarafet
MERHABA! Genellikle bu sorun menünüz boş olduğunda veya kaydedilmediğinde ortaya çıkar. Lütfen WordPress menü tarafını tekrar kontrol edin.
Merhaba, alt menünüz veya menü öğeniz ile ilgili otomatik talimatlarınız için bize danışabilirsiniz.
Teşekkürler.
Merhaba, kusura bakmayın sorunuzu tam olarak anlamadım? Belirtebilir misiniz?
alt menüdeki sesin sono troppo hamlesi geldiğinde, onu bölüştürmek doğru mu?
Merhaba, navigasyonun okunması çok karmaşık olacağından bu önerilmez, bu durumda mega menü stili daha iyidir
Menü mobilde değil, başka yerde değil. Jak telefonla iletişime geçmekten yararlanabilir mi?
Merhaba, Elementor navigasyon widget'ını kullanırsanız mobil menü ekranı otomatiktir. Ancak menü ayarlarında "kesme noktası" ayar çağrısını kontrol etmelisiniz. Bu, menünüzün değiştirileceği ekran boyutudur.
Şimdi bu bir dahaki sefere, bir sonraki adımla devam edeceğim, şimdi bu bir sonraki tema Yaratılış. Bu benim için bir şey değil.
Peki, eski hatlardan bir menü, en iyi dikey menüler ve diğer menüler, eski bahis seçeneklerinden herhangi biri için bir menüye sahip değil mi? EPro
Merhaba, ne yazık ki bu mümkün değil, Elementor nav widget'ında böyle bir seçenek yok.
Merhaba. Menüyü tam görünürlükte kullanmak ve sayfanın görsel içeriğini görmek mümkündür. Menü ekranının, menünün arka planının rengini değiştirmesini sağlamak için, yazının okunaksız olmasına izin vermeyin. Grazie