Divi'nin Tam Genişlik Menüsü modülü, sayfanın herhangi bir yerine bir gezinme menüsü yerleştirmenize olanak tanır. Bu, sayfaya ikinci bir sayfa menüsü eklemek için kullanılabilir veya ana gezinmenizi sayfanın alt kısmına taşımak için Boş Sayfa özelliğiyle birlikte kullanılabilir. Örneğin, büyük bir başlangıç resmine sahip kişileri barındırmak için menünüzü ilk bölümünüzün altına taşıyabilirsiniz. Bu, temel olarak başlık navigasyonunuzun oluşturucuyu kullanarak sayfada dolaşmasına izin verir!
Sayfanıza tam ekran menü modülü nasıl eklenir
Sayfanıza tam genişlikte bir menü modülü ekleyebilmeniz için önce Divi Builder'a atlamanız gerekir. Bir kere Divi teması senin üzerine kurulu Site Web, bir düğme göreceksiniz Divi Builder'ı Kullan yeni bir sayfa oluşturduğunuzda yayın düzenleyicisinin üzerinde. Divi Builder'ı etkinleştirmek ve tüm Divi Builder modüllerine erişmek için bu düğmeye tıklayın. Ardından düğmeye tıklayın Visual Builder'ı kullan Jeneratörü görsel modda başlatmak için. Düğmeye de tıklayabilirsiniz Görsel Oluşturucu'yu etkinleştir göz attığınızda Site Web WordPress kontrol panelinize giriş yaptıysanız ön planda.
Visual Builder'a girdikten sonra, sayfanıza yeni bir modül eklemek için gri artı düğmesini tıklayabilirsiniz. Yeni tam genişlikli modüller yalnızca tam genişlikli bölümlerin içine eklenebilir. Yeni bir sayfaya başlıyorsanız, önce sayfanıza tam genişlikte bir bölüm eklemeyi unutmayın. Divi bölüm öğelerinin nasıl kullanılacağına dair harika eğitimlerimiz var.
Modüller listesinde tam genişlikli menü modülünü bulun ve sayfanıza eklemek için üzerine tıklayın. Modül listesi aranabilir, yani "Fullwith menu" veya "full-width menu" kelimesini de yazabilirsiniz (versiyonunuza bağlı olarak) ve ardından tam genişlikli menü modülünü otomatik olarak aramak ve eklemek için enter'a tıklayın ! Modül eklendiğinde, modül seçenekleri listesi tarafından karşılanacaksınız. Bu seçenekler üç ana gruba ayrılmıştır: içindekiler , Gebe kalma et gelişmiş .
Örnek kullanım durumu: Sayfa başlığının altına bir Tam Genişlik menüsü ekleme
Bu örnek için, bir sayfanın başlık bölümünün altına tam genişlikte bir menüyü nasıl ekleyeceğinizi göstereceğim.
İşte bir örnek:
Bu yeni tam sayfa menüsü, varsayılan ana gezinme menüsünün yerini alacağından, varsayılan gezinme menüsünün tam genişlik menüsüne ek olarak sayfanın en üstünde görünmemesi için boş sayfa şablonunu seçmek gerekir. ekleyeceğim.
Sayfa şablonunuzu düzenlemek için, sayfa düzenleyicinize gidin ve sağ kenar çubuğunun Sayfa Özellikleri alanında "boş sayfa" şablonunu seçin.
Bu modül zaten var olan bir menüyü göstereceğinden, menüyü tam genişlikli menü modülüne eklemeden önce zaten oluşturmuş olmanız önemlidir.
Menünüzü oluşturduktan sonra, sayfanın başlık bölümünün hemen altına bir Tam Genişlik bölümü eklemek için görsel oluşturucuyu kullanın. Ardından bölüme tam genişlikte bir menü modülü ekleyin.
Tam genişlikli menü ayarlarını aşağıdaki gibi güncelleyin:
İçerik seçenekleri
Menü: [modülde kullanılması gereken menüyü seçin] Bağlam: # 333333
Tasarım seçenekleri
Metin rengi: Açık Metin yönü: Merkez Menü Yazı Tipi: Roboto Menü Yazı tipi boyutu: 20px
İşte bu kadar!
Hile : Mobil cihazlarda bu menüyü gizlemek ve başlığın üstünde farklı bir menü görüntülemek için Gelişmiş sekmesi altındaki görünüm seçeneklerini kullanabilirsiniz, böylece mobil kullanıcılar sayfayı aşağı kaydırmak zorunda kalmadan menüyü görebilir. .
Tam Genişlikli Menü İçerik Seçenekleri
İçerik sekmesinde, modülün metin, resimler ve simgeler gibi tüm içerik öğelerini bulacaksınız. Tüm kontroller ce qui modülünüzde beliren her zaman bu sekmede bulunur.
Menü
Modülde kullanmak için bir menü seçin. Sayfayı kullanarak yeni menüler oluşturabilirsiniz Görünümler> Menüler WordPress kontrol panelinizden. Her yeni menü oluşturduğunuzda, menü bu açılır menüden seçilebilir olacaktır.
Arka plan rengi
Varsayılan olarak, menü modülünün beyaz bir arka plan rengi vardır. Menü arka planınız için farklı bir renk kullanmak istiyorsanız, renk seçiciyi kullanarak buradan seçebilirsiniz.
Açılır menü arka plan rengi
Varsayılan olarak, menü modülünüzdeki açılır menüler, önceki ayarda tanımlanan arka plan rengini devralır. Açılır menülerinizin kendi renklerine sahip olmasını istiyorsanız, bu ayarı kullanarak özel bir renk seçebilirsiniz.
Mobil menü arka plan rengi
Mobilde, menü modülü farklı bir tasarıma dönüştürülür ve mobil cihaza daha çok uyarlanır. Mobil açılır menünün arka plan rengini, masaüstü karşılığından bağımsız olarak kontrol edebilirsiniz.
Yönetim etiketi
Bu, kolay tanımlama için yapıcıdaki modül etiketini değiştirecektir. WireFrame görünümünü Visual Builder'da kullandığınızda, bu etiketler Divi Builder arayüzünün modül bloğunda görünür.
Tam genişlikli menü tasarımı seçenekleri
Tasarım sekmesinde yazı tipleri, renkler, boyutlandırma ve aralık gibi tüm modül stil seçeneklerini bulacaksınız. Bu, modülünüzün görünümünü değiştirmek için kullanacağınız sekmedir. Her Divi modülünde, herhangi bir şeyi değiştirmek için kullanabileceğiniz uzun bir tasarım ayarları listesi vardır.
Alt menüleri aç
Varsayılan olarak tüm alt menüler, ana menü çubuğunun altında bir açılır menü olarak açılır. Menünüzü sayfanın altına yakın bir yere yerleştirirseniz ve menünüzde uzun açılır menüler varsa, menünün tarayıcı penceresinin ötesine uzanmaması için bu menüleri menü modülünün üzerinde açmak isteyebilirsiniz.
Tam genişlikli menü bağlantıları yap
Varsayılan olarak, menü modülüne sahip üst düzey bağlantılar, varsayılan içerik genişliğinize yerleştirilir. Bu kısıtlamayı kaldırmak ve bağlantılarınızın ekranın en solundan başlayarak sayfanın tüm genişliğinde çalışmasını istiyorsanız, bu seçeneği etkinleştirebilirsiniz.
Açılan menü satırının rengi
Açılır menülerde, bağlantılar 1 piksellik bir çizgiyle ayrılır. Bu satırın rengini özelleştirmek istiyorsanız, bu ayardaki renk seçiciyi kullanarak özel bir renk seçebilirsiniz.
Metin rengi
Burada metninizin değerini seçebilirsiniz. Koyu bir arka plan üzerinde çalışıyorsanız, metniniz açık olmalıdır. Açık renkli bir arka planla çalışıyorsanız, metniniz koyu olmalıdır.
Metin oryantasyonu
Bu, metninizin modülde nasıl hizalanacağını kontrol eder. Sol, Sağ ve Merkez arasından seçim yapabilirsiniz.
Aktif bağlantı rengi
Etkin bağlantıların renkleri, kullanıcıya mevcut konumlarını göstermek için menü modülünde vurgulanır. Bu ayarı kullanarak bu aktif bağlantılar için kullanılan vurgu rengini değiştirebilirsiniz.
Açılır menü metninin rengi
Varsayılan olarak, modülün açılır menülerindeki metin, ana menü metninin rengini devralır. Ancak, özel bir açılır menü arka plan rengi tanımladıysanız bu rengi değiştirmek isteyebilirsiniz.
Mobil menü metninin rengi
Varsayılan olarak, modülün açılır menülerindeki metin, ana menü metninin rengini devralır. Ancak, özel bir mobil menü arka plan rengi ayarladıysanız bu rengi değiştirmek isteyebilirsiniz.
Menü yazı tipi
Açılır menüden istediğiniz yazı tipini seçerek menü yazı tipinizin yazı tipini değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Yazı Tipi Boyutu Menüsü
Burada menü yazı tipinizin boyutunu ayarlayabilirsiniz. Metninizin boyutunu büyütmek veya küçültmek için aralık kaydırıcısını sürükleyebilir veya kaydırıcının sağındaki giriş alanına doğrudan istenen metin boyutu değerini girebilirsiniz. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için boyut değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Menü metninin rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri olarak görünür. Dijital metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Menü harf aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Sayısal metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için boyut değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Menü çizgisinin yüksekliği
Satır yüksekliği, sayısal metninizin her satırı arasındaki boşluğu etkiler Her satır arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya giriş alanına istenen boşluk boyutunu girin imlecin sağında bulunur. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için boyut değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Gelişmiş Tam Genişlikli Menü Seçenekleri
Gelişmiş sekmesinde, özel CSS ve HTML özellikleri gibi daha deneyimli web tasarımcılarının yararlı bulabileceği seçenekler bulacaksınız. Burada, modülün birçok öğesinden herhangi birine özel CSS uygulayabilirsiniz. Ayrıca, alt temanızın style.css dosyasında modülü özelleştirmek için kullanılabilen modüle özel CSS sınıfları ve kimlikleri de uygulayabilirsiniz.
CSS Kimliği
Bu modül için kullanmak üzere isteğe bağlı bir CSS Kimliği girin. Kimlik, özel bir CSS stili oluşturmak veya sayfanızın belirli bölümlerine bağlanmak için kullanılabilir.
CSS sınıfı
Bu modül için kullanılacak isteğe bağlı CSS sınıflarını girin. Özel CSS stili oluşturmak için bir CSS sınıfı kullanılabilir. Bir boşlukla ayırarak birden fazla sınıf ekleyebilirsiniz. Bu sınıflar, Divi alt temanızda veya sayfanıza veya web sitenize eklediğiniz özel CSS stil sayfasında kullanılabilir. Site Web Divi tema seçeneklerini veya Divi Builder sayfa ayarlarını kullanarak.
Özel CSS
Özel CSS, modüle ve modülün herhangi bir dahili bileşenine de uygulanabilir. Özel CSS bölümünde, her öğeye doğrudan özel CSS stil sayfaları ekleyebileceğiniz bir metin alanı bulacaksınız. Bu ayarlardaki CSS girişleri zaten stil etiketlerine sarılmıştır. Bu yüzden CSS kurallarını noktalı virgülle ayırarak girin.
Açılır menünün animasyonu
Bir açılır menü etkinleştirildiğinde kullanılacak farklı animasyonlar arasından seçim yapabilirsiniz. Varsayılan olarak, animasyon solmaya ayarlıdır, ancak siz bunu şu şekilde değiştirirsiniz: genişletme, sürükleme veya çevirme.
görünürlük
Bu seçenek, modülünüzün göründüğü cihazları kontrol etmenizi sağlar. Modülünüzü tabletlerde, akıllı telefonlarda veya masaüstlerinde ayrı ayrı devre dışı bırakmayı seçebilirsiniz. Bu, farklı cihazlarda farklı modlar kullanmak istiyorsanız veya sayfadan belirli öğeleri kaldırarak mobil tasarımı basitleştirmek istiyorsanız kullanışlıdır.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”genişletilmiş” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI TEMASINI İNDİRİN [/vcex_button][/vc_column][vc_column width=” 1 /2"][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”genişletilmiş” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]YÜKLE ŞABLONLARI DIVI[/vcex_button][/vc_column][/vc_row]
Diğer Divi öğreticiler
- restoran kullanımı Divi tema için 5 siteleri
- Bir Divi WooCommerce ürününe metin ekleme
- Divi sayfaları arasındaki menü rengini değiştirme
- Bir blog'un ızgaralarını Divi ile kişiselleştirme
- Nasıl WordPress üzerinde rol Divi editörü kullanımı
- Tam ekran Divi sürgüsü nasıl oluşturulur
- Divi sayfaları arasındaki menünün rengi nasıl değiştirilir
- Divi hakkında muhtemelen bilmediğiniz özellikler
- WordPress üzerinde Divi Builder nasıl kullanılır
- Divi video kaydırma modülü nasıl kullanılır
- Divi Builder Flip modülü nasıl kullanılır
- Divi Builder'da referans modülü nasıl eklenir?
- Divi metin modülü nasıl kullanılır?
- Divi'de kaydırıcı nasıl oluşturulur
- Divi kullanıcı rolü nasıl düzenlenir
- Divi Sosyal Medya modülü nasıl kullanılır?
- WordPress Divi konulu mağaza modülü nasıl kullanılır?
- Divi kenar çubuğu modülü nasıl kullanılır
- Divi Fiyat Tablosu Modülünün Kullanımı
- Divi yayınlarının başlık modülünü nasıl kullanırım
- Divi video modülü nasıl eklenir
- Makale navigasyon modülü nasıl kullanılır
- Divi arama modülü nasıl kullanılır?
- Divi cüzdan modülü nasıl kullanılır?
- Divi Builder'da kişi modülünün kullanımı
- Divi filtreli cüzdan modülü nasıl kullanılır
- Tam genişlikte sürgü modülü nasıl kullanılır
- Divi Builder Görüntü Modülü nasıl kullanılır?
- Divi Builder'ın tam genişlikli gezinme modülünü nasıl kullanırım?
- Resim galerisi modülü nasıl kullanılır?
- Divi Builder Tam Genişlik Kart Modülü nasıl kullanılır?
- Divi Tam Genişlik Portföy Modülü nasıl kullanılır?
- Divi tam genişlikli başlık modülü nasıl kullanılır?
- Divi Sayaç Modülünün Kullanımı
- Divi Builder'daki makaleler sürgüsünü kullanma
- Divi Email Optin modülü nasıl kullanılır?