WordPress siteniz için mükemmel navigasyon
Bu komik bir şey. Genellikle harika içerik oluşturmaya ve içeriği sarmak için etkili tasarımın geliştirilmesine büyük önem veriyoruz. Ancak, web sitenize navigasyona dahil olan çok fazla çaba veya düşünce olmadan, ziyaretçileriniz web sitenizin sunduğu her şeyin tadını çıkaramayabilir. Geçen yıl yayınlanan B2B Web’in kullanımına ilişkin raporlar, web sitesi menüsünün önemini destekleyen bazı ilginç gerçekleri ortaya çıkardı: “Bir sevk sitesinden veya arama motorundan satıcı web sitesinde dahili bir sayfa açtığınızda,” Kendinizi nasıl yönetiyorsunuz? ” Ankete cevap verenlerin yaklaşık% 50’si ana navigasyonu kullandıklarını söyledi. Buna ek olarak,% 36’sı şirketin logosunun onları ana sayfa sayfasına geri getirmesini beklediklerini söyledi.
Ayrıca şöyle sordular: “Hangi web sitesi öğeleri sizi rahatsız ediyor veya web sitesinden ayrılmanıza neden oluyor?” Ankete katılanların% 37’si bir hayal kırıklığı kaynağı olarak kötü tasarım veya navigasyon talep etti. Yine de, menünün tasarımı ve planlanmasının zor olması gerekmez. Ancak web sitenizin diğer öğeleri gibi, iyi bir menü yapmak için ciddi planlama ve özel araçlar gerektirir. İşte kendinize sormanız gereken bazı sorular:
Menü nereden istiyorsun?
Kaç menüe ihtiyacınız var?
Bir ev düğmesi olacak mı yoksa logonun bağlantı olduğunu öğrenmek için ziyaretçilere güveniyorsunuz?
Hamburger menü tasarımına mı ihtiyacınız var?
Her zaman statik bir menünün görülmesini ister misiniz?
Hangi sayfanın navigasyonun üst seviyesinde olması gerekiyor?
Menüde renkleri kullanmanız gerekiyor mu? Menüye ne tür bir animasyon uygulanmalı?
Sayfayı nasıl ayarlamak istersiniz?
Gördüğünüz gibi, bina menüleri açısından dikkate alınması gereken birçok şey vardır ve bu özelliklerin her biri ayarlamaya açıktır. Bir geliştirici olarak, seçtiğiniz her şeyin web sitenizin stili, işlevi ve amacı ile uyumlu olmasını sağlamaktan sorumlusunuz.
Menüyü web sitenizin ziyaretçisinin veya tur rehberinizin bir haritası olarak düşünün. Sonunda, ziyaretçilerin onlar için en önemli bilgileri bulmanın bir yolunu bulamıyorlarsa, web sitenizin ne kadar iyi göründüğü önemli değil. Meninizi Planlayın: Temel olarak başlayın
Web sitesi navigasyonu tam olarak adından da anlaşılacağı gibi yapmalıdır: Ziyaretçilerin sitede gezinmesine yardımcı olun. Planlamanıza iyi başlamak için bazı ipuçları:
Optimizasyon: Web siteleri için içerik yazarken kullandığınız araştırma anahtar kelimelerini kullanarak, web sitenize sayfalarınızın adını vermek için aynı yönergeleri ve ilkeleri uygulayın. SEO için sayfa adını basit ve doğrudan çekirdeğiyle optimize etmek arasında bir denge elde etmek de önemlidir.
Görselleştirme: Web sitesi sayfalarınızı düzenlemek için görsel eşleme araçlarını kullanın. Daha küçük web siteleri (on sayfadan az ve tek menü çubuğu) için Excel veya PowerPoint amacınız için iyi çalışacaktır. Daha büyük bir şey için, SlickPlan veya Power Mapper ile ücretsiz bir deneme kullanmayı düşünün.
Minimizasyon: Gezinme seviyesini planlarken, ziyaretçilerin yapması gereken tıklama sayısını minimumda tutmak en iyisidir. İdeal olarak, bir menüde en fazla iki veya üçten fazla navigasyon olmamalıdır. Öyleyse, sadece birkaç menü düşünün. Organizasyon: Navigasyon, yukarıdan aşağıya ve soldan sağa mantıklı olmalıdır. Kim (hakkında), ne yaptığınızı (hizmet, ürün vb.), Hangi kaynakları sunduğunuzu (bloglar, beyaz kitaplar, ücretsiz danışmanlar vb.) Ve iletişim bilgilerinizi (iletişim) tanıtın. Web sitesi sayfanız elbette belirli işinize göre ayarlanacaktır, ancak temel mantık aynı kalır. Didik, kitlenin acılarınız hakkında konuşun, uzmanlığınızı gösterin ve sonra iletişim noktaları sunun.
Konum: Meninizi bulması kolay bir yere yerleştirin. Kimsenin sitenin geri kalanını keşfetmelerine yardımcı olacak bir menü bulmak zorunda değil.
Omniprese: Ziyaretçilerin uzun bir sayfadan aşağı kaydırılması için “yapışkan” bir menü yapmayı düşünün, menü her zaman orada. Yapışkan bir menü yaparsanız, boyutun daha küçük olduğundan emin olun, böylece her zaman oradayken başka içeriğe müdahale etmez.
Kesme: Çok büyük bir menünüz varsa, Hamburger menüsüne veya Mega menüsüne koymayı düşünün ve sitenizdeki ana gayrimenkulü başka şeyler için kaydedin. Hamburger menüsü son zamanlarda kolayca tanınır çünkü mobil cihazlar için standart bir menüdür, bu nedenle masaüstünü bulmak için nerede açılacağını bilmeyen ziyaretçiler hakkında endişelenmenize gerek yoktur.
Tutarlılık: Web sitesine yaptığınız her tasarım veya stil dokunuşu, menüde yapılanlarla uyumlu olmalıdır. Renk, animasyon ve CTA ücretsiz web siteleri, menünün görünümünü ve hareketini yapmak için kullanılan bir ilham kaynağı olmalıdır. Mobilite: Menü, web sitesindeki diğer menüler gibi, elbette hücresel ve duyarlı olmalıdır.
Menünüzü hazırlayın: WordPress’teki diğer tüm şeyler gibi seçenekleri göz önünde bulundurun, web sitesi menünüzü hazırlama seçeneğiniz vardır. Bu seçeneklerin her birini gözden geçireceğiz ve daha sonra her seçeneği maksimum olarak kullanmanız gereken bazı temel bilgiler vereceğiz.
Seçenek 1: Menü Ayarları Teması Birçok WordPress teması, basit ayarlar için bir menü modülü ve web sitenizi ayarlama temasını içerecektir. Tema ayarlarınızda başlamak istiyorsanız, yapmak istediğiniz şey budur: WordPress’te görünüm sekmesini açın ve “Özelleştir” i tıklayın. Bu, tema özelleştirme ayarlarınıza götürecek ve yaptığınız her değişikliğin doğrudan incelemesini sağlayacaktır.
Sitenizin solunda doğrudan görünen özelleştirme yan bıçakları.
Özelleştirmeden, doğrudan sitenizin solundaki yan çubuğu göreceksiniz. Menü sekmesine tıklayın. (Oldukça ilginç, WordPress’in kendi menüslerini mantıklı bir şekilde hazırlamak için iyi bir iş çıkardığını ve kolay gezinme için basit bir etiketle göreceksiniz.)
“Menüler” menüsündeki seçenek “ayarlanmış”. Menü sekmesinden iki seçeneğiniz olacak. Ana navigasyonla başlayın çünkü bu, ana menü ayarlarınızı belirlemenizi sağlayacaktır.
“Menüler” nin ana navigasyon menüsü Ana Gezinme sekmesinden, yeni bir sayfa ekleyebilir, varsayılan önceden belirlenmiş olanı silebilir, navigasyon etiketinin adını değiştirebilir ve hiyerarşik yapıyı tüm sürükleme ve bırak ile gözden geçirebilirsiniz. Altta, ana navigasyonun web sitesinde nerede olması gerektiğini de belirleyebilirsiniz.
Oku tekrar tıklayın ve ardından Menü Konumu sekmesine gidin. Buradan web sitenizin çeşitli bölümlerinde hangi menünün olacağını belirleyebileceksiniz. Burada dikkate alınması gereken iki önemli şey var: 1) Görünüşünüz ve seçenekleriniz kullandığınız temaya göre farklı olacaktır. 2) Web sitenizde birden fazla menü olmayı planlıyorsanız, konumu belirlemeden önce diğer menüyü farklı bir işlemle belirlemeniz gerekir. (Bunun için adımlar aşağıda bulunabilir.) Takip ettiğiniz ayar seçeneklerinin yanı sıra, tema ayar modülü, web sitesinin temellerini hazırlarken sahip olması gereken önemli bir araçtır. Açık WPMU Dev Tema menüsünün özelleştirilmesi hakkında bilgi için bu makaleye bakın. Seçenek 2: WordPress Menü Ayarları
Temanız bir menü ayarı ile donatılmış değilse veya yalnızca her bir menülerinizin nasıl görüleceğine ve işleyeceği üzerinde daha fazla kontrole ihtiyacınız varsa, WordPress bunun için varsayılan bir menü ayar aracı vardır. Başlamadan önce, navigasyonunuza dahil etmek istediğiniz herhangi bir içerik veya bağlantının yapıldığından emin olun. Ardından WordPress menünüze dönün. Görünüm sekmesine gidin ve menüleri seçin. Bu sayfada kullanabileceğiniz iki sekme olacaktır: menüyü düzenleyin ve konumu yönetin. Ekranınız otomatik olarak Varsayılan Menü ekranına göre varsayılan olarak. Düzenleme menüsünün altında, ekranın iki parçaya ayrıldığını görebilirsiniz. Sol tarafla başlayın. Solda, web sitenizden menünüze çeşitli içerik türleri ekleme gücüne sahip olduğunuz yerdir. Temel web sayfaları, blog yayınları, özel bağlantılar (bir müşteri portalınız veya beyaz kağıt PDF’iniz varsa) ve kategori veya blog etiketi temel bir içerik türüdür. Web sitenizde etkinleştirdiğiniz diğer içeriğe bağlı olarak – projeler, referanslar, portföyler, sosyal medya vb. – Ayrıca ekleyebilirsiniz.
Eklemek istediğiniz bir şey bulduğunuzda, yanındaki onay kutusunu tıklayın veya öğeyi belirleyin (bir bağlantı ise), ardından “Menüye Ekle” düğmesine basın. Yeni öğenin menü sayfasının sağ tarafındaki menünüzün altına indiğini göreceksiniz. Yeni öğeniz menüye geldikten sonra, navigasyon etiketini, yerleşimi, aktarmayı veya hiyerarşiyi görsel bir haritada yerine sürükleyerek ve serbest bırakarak veya daha fazla ayarlama için açık olan her öğeye tıklayabilirsiniz. Bittiğinde aşağı kaydırın ve bu menünün web sitenizde nerede olacağını belirleyin. Tamamlandıktan sonra “Menü Kaydet” i tıklayın.
Bu menü sayfasında yeni bir menü de oluşturabilirsiniz. Bu nedenle, altbilgide, yan çubukta, ana navigasyonun üstünde veya altında ikincil bir menü olarak veya başka bir yerde ikincil bir menü olarak farklı bir şeyin görünmesini istiyorsanız, “Yeni bir menü oluştur” u tıklayın ve baştan ayarlayın. Bu sayfadaki konumun konum sekmesi, Adım 8 ile aynı hedefe ulaşacaktır, ancak bu sayfanın amacı size web sitenizdeki tüm menüler üzerinde evrensel kontrol sağlamaktır. (Elbette önce düzenlenmelidirler.) Web sitenizde yeni bir sayfa veya yayın oluşturmanız ve menülerinizden birine koymak istiyorsanız, buraya eklemek için geri dönmeniz gerektiğini unutmayın. Bir mega yapmak için Menü, Menü Araçları WordPress yeterli olmayacak. Bu efekti elde etmek için bir widget ve eklenti karışımı kullanmalısınız. (Daha fazla bilgi aşağıda.) Seçenek 3: Kodlama rotasına gitmeyi tercih edenler için CSS düzenlemesi, menüyü ayarlamak için CSS Styling’i de kullanabilirsiniz. Bununla ilgili daha fazla bilgi için okumaya devam edin. Menünüzü ayarlayın: Eklentilere Dönüş … Sensiz neredeyiz? Tabii ki, kodlama bazı ek işlevsellik ve menü stiline ulaşmamıza yardımcı olabilir, ancak bu her zaman kolay değildir. Bu yüzden eklentiye geçmeyi seviyoruz. Menü için yeni fikirler, görünüm veya animasyon düşünürseniz, büyük olasılıkla geliştirici bunu gerçekleştirmenize yardımcı olacak bir eklenti yaptı. Bu eklenti, WordPress menü tasarımınızı bir sonraki seviyeye getirecektir:
Menü simgesi Birçok web sitesi artık site tasarımları boyunca temiz ve tutarlı görsel deneyimler için simgelere yöneliyor. Web sitelerini birçok metni parçalamak veya bir madeni para listesini daha çekici bir şekilde sunmak için basit bir şekilde sunarlar. Web sitenizde bir simge görüntüsü kullandıysanız ve navigasyonunuzdaki bu görsel yetenekleri korumak istiyorsanız, bu eklenti bunu yapacaktır. Menü simgesiyle ilgileniyor mu? Detaylar
Özel Menü Öğesi Sayfası
Etkiyi elde etmek için birkaç menü (ancak benzer) yapmak zorunda kalmadan ayarlanmış navigasyon ayarlarını farklı sayfalara daha kolay ayarlayabileceğini hiç umuyor muydunuz? Bu eklenti bunu yapmanıza izin verecektir. Menünüzü her zamanki gibi ayarlayın ve daha sonra belirlenecek ek değişkenleriniz olacaktır ve belirli bir sayfadaki ekrandan belirli menü öğelerini kolayca gizleme olanağı sunar. Özel menü öğesi sayfasıyla ilgileniyor musunuz?
Detaylar
WP Menü Sepeti
E-Niaga web sitesinin alışveriş sepetlerini web sitesinin üst köşesinde açıkça göstermesi çok önemlidir. Amazon gibi e-reaksiyonlar sayesinde ziyaretçiler hemen arıyor. Alışveriş sepetleriyle ilgili simgeleri site tasarımının en üstüne kodlamak istemeyen geliştiriciler için, bu eklentiyi gezinme menüsüne kolay entegrasyon için kullanabilirsiniz. WP menü sepetiyle ilgileniyor musunuz?
Menü Gezinme Widget
Hiç temiz bir sütun navigasyonunda düzenlenmiş elementlerin bir karışımı olan ve harika görünmesini düşünen bir web sitesi gördünüz mü? Bunun için widget’a teşekkür edebilirsiniz. Bu eklenti, her şeyi tek bir yerde düzgün ve normal tutarken web sitenizin navigasyonunun karmaşıklığını artırmanıza yardımcı olacaktır. Widgetize Gezinme menüsüyle ilgileniyor mu? Detaylar Mega Max Menüsü
Mega menü tam olarak ima ettiği gibi: İstenen efekti elde etmek için tüm araçların (eklentiler, widget’lar, görüntüler, videolar, animasyonlar ve daha fazlası) kullanılmasını gerektiren çok büyük bir menü. İstenen etki, ziyaretçilerin imleci yönlendirdikten veya sitenin navigasyonundaki öğeleri tıkladıktan sonra görünecek menüdür. Büyük açıklamalar genellikle resimler veya videolar, sayfa sütunları, arama işlevleri ve daha fazlası ile dolu bir gerilme menüsü olarak gelir. Max Mega menüsüyle ilgileniyor musunuz?
Detaylar Duyarlı Menü
Son olarak, duyarlı bir menü tasarımı oluşturmanıza yardımcı olacak bir şeye ihtiyacınız olacaktır. Bu eklenti, onu görmek için ne tür bir cihaz kullanıldığına bakılmaksızın, mükemmel bir menü tasarımı, renk ve düzen oluşturmanıza yardımcı olacak 120’den fazla ayar sunar. Duyarlı menüyle ilgileniyor musunuz?
Detaylar Bu kılavuzu görürseniz ve “Tamam, oldukça kolay görünüyor” diye düşünürseniz, diğer bazı şirketlerin web sitesi menü ile ne yaptığını görün. Bize sorarsanız ilham vermek için bu yeterlidir! Gıda ağı
Bu, iyi yapılandırılmış bir mega çok elemanlı menünün mükemmel bir örneğidir. Waaark
Bu web sitesine ilk geldiğinizde, sağ üstte Hamburger menü simgesini göreceksiniz. Açık tıklayın, ardından iletişim bilgileri, sosyal medya ve navigasyon bağlantıları içeren tam sayfa menüsü ortaya çıkar. Web Raket Raketi ayrıca Hamburger navigasyonu kullanıyor, ancak navigasyonları web sitesinin sol üst kısmında. Açmak için üzerine tıkladıktan sonra, aşağı inen basit bir navigasyon bıçağına neyin benzediğini göreceksiniz. Sayfalardan birini ziyaret edin ve içeriğe odaklanmak için navigasyon bıçakları saklanır. Brindisa tapas mutfağı Restoranlar, web sitelerinde birçok harika görüntüye sahip olması beklenen sadece bir iş türüdür. Ancak Brindisa, dikey olarak hizalanmış, simgelerle yüklenen ve açık bir açık yan bıçakla görüntüyü daha yüksek bir seviyeye kullandı. Sarma Menü tasarımınızı bir sonraki seviyeye getirmenin daha fazla yolu olmalıdır – özellikle de menüyü tasarladığınız fantastik web sitesini eşleştirmelerini istiyorsanız. Ancak bu, kendinizi menüler dünyasına daldırmak ve bir sonraki WordPress sitenizdeki güçlerinden yararlanmak için iyi bir astar görevi görmelidir.
WordPress’te yaratıcı yeni bir menü tasarımı elde etmek için ne tür ipuçlarını ve püf noktalarını kullandığınızı yorumlarda bize söyleyin.
Etiket: kılavuz
Menü
