Menü ve ikincil navigasyon | GoodBarber
Menüyü oluşturmak uygulamadaki bölüm sayısından bağımsız olarak yürütülebilir. Menü trafiği yönetmenizi sağlar, bu arada bölümler içerik organizasyonunun yapısında kullanılır.
Bu ayrım sayesinde, uygulamanızın navigasyonu üzerinde tam kontrol elde edersiniz. Temel giriş öğeleri ana sayfa parçacıklarından mümkündür ve ikincil öğeler Menü üzerinden yönetilir, bu Navigasyon modu olarak da bilinir.
Ürün ekibi ve mühendislerimiz menü kişiselleştirme limitlerinin çoğunu ortadan kaldırdılar. Seçilen Navigasyon modu önemli olmadan, görünüm seçenekleri çeşitlidir. Önceki kurulumla ilgili katılığın kaldırılması pek çok imkanı da beraberinde getirdi.
Navigasyon modunda 4 öğeyi yönetebilirsiniz:
Linkler (1) ve kısa yollar (2) varış noktalarına yönlendirir. Varış noktası uygulama içinde veya dışında olabilir. Linkler menü girişinin temel noktalarıdır. Kısa yollar girişin gizli noktalarıdır ve genellikle menünün üstünde veya altında yer alırlar, ayrıca en uygun görünümü sağlamak için aynı hizada da olabilirler.
Başlıklar (3) ve ayırıcılar (4) tasarım öğeleridir. Menüdeki bilgiye öncelik tanımak için de kullanılabilirler. Geçerlilikleri seçilen Navigasyon moduna değişir.
Tasarım kişiselleştirmesinde daha fazla esnekliğe izin vermek için, navigasyon modları farklı alanlara bölünmüştür.
Üst bilgi (header) menünün üstünde yer alan bölgedir. Kullanıcı profili, logo, kısa yollar ve ayırıcıları bulundurabilir.
Gövde (body) merkez ve temel bölgedir. Bu boşluğu linkler, başlıklar ve ayırıcılar ile düzenleyebilirsiniz.
Alt bilgi (footer) altta yer alan bölgedir. Linkler, kısa yollar, kullanıcı profili, telif hakkı bilgisi buraya yerleştirilebilir.
Bu bölgelerde yer alan bilginin dikey ve yatay düzenlemesi kişiselleştirilebilir. Bu ayarlar, projenizi oluşturmaya başladığınızda keşfedeceğiniz diğer ayarlarla birlikte, daha arıtılmış bir tasarıma olanak tanır.
7 farklı navigasyon modu seçeneğiniz bulunur.
Swipe: navigasyon otomatik olarak gizlidir ve solda açılan bölümde mevcuttur. Swipe pek çok giriş yapılan ikincil navigasyon için idealdir. Masaüstü üzerinde, kalıcı Swipe menüsü görünümü etkinleştirilebilir.
TabBar: 5 link mevcuttur. Eğer menü daha fazla link bulundurursa, geri kalanlar "Diğerleri" altında saklanır. Masaüstü üzerinde, TabBar yatay menüye adapte olur, web uygulamanızın üst bilgisinin parçası olarak.
Slate: navigasyon gizlidir fakat sayfanın solundan veya sağından ulaşılabilir, ayarlara göre değişir. Girişler yalnızca yazı şeklindedir ve liste formatında görüntülenir. Uygulama açılışında Slate görünümünü zorlamak mümkündür.
Grid: Menü gizlidir ve isteğe göre ekranın merkezinde görüntülenir. Görünüm ise, grid modunda çalışır. Grid üzerindeki pozisyon sayısı yapılandırılabilir. Uygulama açılışında Grid görünümünü uygulamak mümkündür.
Little Swipe: bu menü ikon formatında dikey bir organizasyon ile gizli bir navigasyon sunmak için idealdir. Otomatik olarak gizlidir ve ekranın solundan açılır, küçük bir alanı kapsar. Masaüstü üzerinde, Little Swipe görünümünü uygulamak mümkündür.
From scratch: bu menüyü istediğiniz şekilde oluşturmak size bağlıdır. Boş bir sayfa ile başlarsınız ve menünüzü tasarlamak için HTML kodu kullanırsınız. Bölümlere linkleri görüntülemek için, uygulamanın dahili linklerini kullanabilirsiniz. Depo alanı menünüzün grafiksel öğelerini bulundurmak için mevcuttur.
No menu: bazı projeler herhangi bir ikincil navigasyona ihtiyaç duymayabilir. "No menu" uygulamanızın navigasyon modunu devre dışı bırakmak için bir yoldur. Uygulama açıldığında hangi bölümün görüntüleneceğini tanımlayabilirsiniz. Bu Ana sayfa veya diğer bir bölüm olabilir.
Yalnızca bir navigasyon modu için kişiselleştirme seçenekleri sayısızdır. Örneğin, aşağıda Swipe menüsü ile mümkün farklı eğilimleri görebilirsiniz.
Ve artık, yaratıcı olma ve kendi menünüzü tasarlamaya başlama zamanınız!