Divi 2.4'ü Keşfetmek: Tüm Yeni Başlık Stilleri ve Tasarım Ayarları

Geçen hafta, Divi tarihindeki en büyük yükseltme ve en popüler WordPress temamız için dev bir adım olan Divi 2.4'ü tanıttık. Bu güncellemede keşfedilecek o kadar çok harika özellik var ki, hepsini sürüm gönderisinde açıklamak zordu, bu yüzden size nasıl alınacağını öğretmeyi amaçlayan 2 haftalık bir dizi bilgilendirici blog gönderisi yapmaya karar verdik. Divi 2.4'ün tam avantajı ve yeni seçenekleri. Bu dizinin altıncı bölümünde, web sitenizin gezinme başlığını özelleştirmenin birçok yeni yolunu anlatacağım.

Divi 2.4 Hakkında Her Şeyi Buradan Öğrenin

Yepyeni Başlık ve Gezinme Özelleştiricisi

Özelleştirici size daha önce sahip olduğunuzdan çok daha fazla kontrol sağlar. Sabit navigasyonunuza özel bir tasarım verin, logonuzu kaydırmada gizleyin/gösterin ve hatta logonuzu menü bağlantılarınızla aynı hizada ortalayın

Yepyeni Başlık Formatları

"Başlık Formatı" sekmesinde yeni olan iki ayar, Ortalanmış Satır İçi Logo başlık stili ve Kaydırılana Kadar Gezinmeyi Gizle ayarıdır. Bu seçeneklerin her ikisi de, yalnızca bir fare tıklamasıyla başlığınızın görünümünü ve verdiği hissi büyük ölçüde değiştirebilir.

Ortalanmış Satır İçi Logo

Logonuzu ortalamak birçok nedenden dolayı iyi bir tasarım kararı olabilir: çok simetrik bir logonuz olabilir, yalnızca birkaç menü bağlantısına sahip olabilirsiniz veya ortalanmış sayfa içeriğine sahip olabilirsiniz ve başlığınızın tutarlı olmasını isteyebilirsiniz. Logonuzu menü bağlantılarınızla aynı hizada yerleştirirken aynı zamanda ortalamak, logonuzu ortalamak için sahip olabileceğiniz herhangi bir nedeni haklı çıkarırken, aynı zamanda navigasyonunuzun yüksekliğini de azaltabilir.

Ortalanmış satır içi logonun en iyi şekilde kullanılmasını sağlamak için, çift sayıda menü bağlantısına sahip olduğunuzdan ve menü öğesi etiketlerinizin uzunluğunu dikkate aldığınızdan emin olun.

Kullanıcı Kaydırıncaya Kadar Gezinmenizi Gizleyin

Logonuzun ve gezinme bağlantılarınızın sayfanızdaki ilk bölüme müdahale etmesini istemeyebilirsiniz. Bu, tam ekran başlıklarda veya logonuzu ve/veya menü bağlantılarınızdan daha fazla öne çıkmasını istediğiniz bir harekete geçirici mesajı içeren başlıklarda yaygındır.

Canlı Demo

Bu Efekti Seçili Sayfalarda Devre Dışı Bırak

Belki de bu efektin yalnızca ana sayfanızda veya diğer seçili sayfalarda yer almasını istiyorsunuz. Bu durumda, bu efekti sayfa bazında kapatmayı seçebilirsiniz.

Birincil Menü Çubuğu Kontrolleri

Divi 2.4'teki birincil menü çubuğunuz üzerindeki kontrolünüzü tamamen yeniledik. “Tam Genişlik Yap”, “Menü/Logo Yüksekliği” ve “Yazı Tipi Stili” gibi ayarlarla web sitenize öne çıkacak benzersiz bir dokunuş verebilirsiniz.

Menünüzün Tarayıcının Genişliğine Yayılmasına İzin Verin

Varsayılan olarak, başlık içeriğiniz ana içerik genişliğiniz tarafından kapsanır. Birincil Menü Özelleştirici'deki yeni "Tam Genişlik Yap" seçeneği, başlık içeriğinizin kapsayıcıdan ayrılmasını ve tarayıcının genişliğini almasını sağlar. İlk bölümünüzün içeriği ana içerik genişliğiyle sınırlı değilse, bu harika görünebilir. Örneğin, tam genişlikte bir görüntü veya kaydırıcı modülü.

Logonuzu Ana Navigasyonunuzda Gizleyin

Bu seçenek öncelikle, logonuzun kullanıcı kaydırdıktan sonra görünmesi için Sabit Gezinmeyi etkinleştirdiğinizde kullanışlıdır. Ana sayfanızın ilk bölümünde zaten görüntülüyorsanız, kaydırmadan önce logonuzu gizlemek güzel bir seçenektir.

Canlı Demo

Menünüzü/Logo Yüksekliğinizi Kolayca Ayarlayın

Logonuzun tasarımına bağlı olarak yüksekliğini artırmak veya azaltmak isteyebilirsiniz. Bu yeni kontrol, bunu basit bir aralık kaydırıcısı ile yapmanızı sağlar.

Birincil Gezinme Tipografi Kontrolleri

Menü bağlantılarınızın yazı tipini, boyutunu, rengini, stilini ve harf aralığını kontrol etmek, doğrudan özelleştiricinin içinden yapılabilir. Menü bağlantılarınızın ana içeriğinizin tipografisine uymasını veya sayfanızdaki öğelerle büyük ölçüde kontrast oluşturmasını istiyorsanız, kendi başlığınız için kolayca sayısız kombinasyon ve tasarım elde edebilirsiniz.

Başlık ve Açılır Menü Renk Ayarları

Sınırsız renk seçeneklerinin yanı sıra renklerinizin şeffaflığını da seçebilirsiniz. Başlık arka planınız için şeffaf bir arka plan rengi seçerseniz, web sitenizin ilk bölümü altta kalacak ve navigasyonunuzun içeriğiyle çakışmaması için otomatik olarak ekstra üst dolgu eklenecektir.

Açılır Menülerinizi Canlandırın

Birincil Menü Özelleştirici'de geçilecek son ayar, yeni Açılır Menü Animasyonu ayarıdır. Menü bağlantılarınız açılır menüler içeriyorsa, artık dört giriş animasyonu arasından seçim yapabilirsiniz: Soldur, Genişlet, Kaydır ve Çevir.

İkincil Menü Çubuğu Kontrolleri

Birincil Menü Çubuğunuz için sahip olduğunuz tüm tasarım ayarları, İkincil Menü Çubuğunuz için de mevcuttur. İkincil Menü Çubuğunuz yalnızca bir telefon numarası, e-posta adresi, sosyal ağ bağlantıları tanımladıysanız veya atanmış bir ikincil gezinme menüsüne sahipseniz görüntülenecektir.

İkincil gezinmenizi tasarlamak için farklı renk, yazı tipi ve yazı stili kombinasyonlarını nasıl kullanabileceğinizi gösteren birkaç örnek.

Sabit Navigasyon Ayarları

Divi'de varsayılan olarak, kullanıcılar sayfayı aşağı kaydırdığında gezinme çubuğu tarayıcının üst kısmına yapışır, logo biraz küçülür ve başlığın yüksekliği azalır. Kaydırdıktan sonra gördüğünüz başlık, Sabit Gezinme Çubuğunuzdur ve artık nasıl göründüğü üzerinde tam kontrole sahipsiniz. Bu özelleştiricideki renkler ve boyut ayarları, Birincil Menü ayarlarından sorunsuz bir şekilde geçecektir. Örneğin, "Aktif Menü Bağlantı Rengi" birincil gezinmenizde yeşilse ve aşağıda görüldüğü gibi maviyse, kullanıcı kaydırmaya başlar başlamaz maviye döner.

Kaydırdıktan Sonra Logonuzu Gizleyin

Logonuzu Birincil Menü Çubuğunuzda gizlemenin aksine, kullanıcı kaydırdıktan sonra kaybolması için Sabit Navigasyonunuzda gizlemeyi seçebilirsiniz. Bu, sitenizde gezinirken sabit navigasyonun daha az ekran alanı kaplamasını sağlamanın güzel bir yolu olabilir.

Mobil Cihazlar için Gezinme Stillerini Belirtin

Divi 2.4 Tema Özelleştirici, navigasyonunuz için birkaç mobil ayar tanımlamanıza izin veren yeni bir Mobil Stiller menüsüne de sahiptir.

Bu örnekte, mobil cihazlarda başlık arka planını kararttım ve menü bağlantılarımı yeşil olarak değiştirdim.

Kendi Navigasyonunuz İçin Yaratıcılığı Başlatmak İçin Birkaç Örnek

Bu ayarların doğru kombinasyonunu bulmak biraz incelik gerektirebilir, ancak bu mükemmel dengeyi bulmak için zaman harcamak buna değer. Web sitenizde gezinmenin gerçekten benzersiz olması için bu ayarları kaç farklı şekilde birleştirebileceğinizi gösteren bazı örnekler.

Kaydırmada Logo ve Metni Küçült

Bu örnekte, Sabit Gezinme ayarlarımda logo yüksekliğini ve metin boyutunu küçülttüm. Gezinme bağlantılarını küçülttükten sonra bile, başlık arka plan rengini koyulaştırarak ve gezinme bağlantılarının rengini beyazlaştırarak okunaklılıklarını artırdım.

Tam Şeffaflık

Sayfanızdaki ilk bölüm düz bir renkten, hatta basit bir arka plana sahip bir görüntüden oluşuyorsa, tam şeffaf bir başlık arka plan renginden kurtulabilirsiniz. Ancak, kullanıcı kaydırdığında, logonuzun ve gezinme bağlantılarınızın okunabilmesi için arka plan renginizin opaklığını artırmak isteyeceksiniz.

Gizli Gezinme

Sayfa yüklendiğinde navigasyonunuzu tamamen gizlemek isteyebilirsiniz. Bunu başarmanıza izin verecek yeni bir Gezinmeyi Kaydırana Kadar Gizle ayarı olduğunu unutmayın. Bir logo olmaması durumunda, Ortalanmış Başlık stilini kullanmak, menü bağlantılarınızı görüntülemenin güzel bir yoludur.

Kullanıcılar Kaydırdıktan Sonra Logonuzu Görüntüleyin

Yukarıdaki birkaç örneğin aksine, bu kombinasyon, kullanıcı kaydırdıktan sonra boyut olarak artan logo ve menü bağlantılarını gösterir. Gezinme bağlantılarınızın gerçekten çok görünür olmasını ve sayfanın neresinde olurlarsa olsunlar kullanıcılarınız için hazır olmasını istiyorsanız, bu iyi bir çözüm olabilir.

Sonsuz olasılıklar

Örnekler uzayıp gidiyor. Logo yönünüzü, arka plan renklerinizi, metin renklerinizi, metin stillerinizi ve görüntü ayarlarınızı birleştirerek, kendi kişisel dokunuşunuza sahip bir şeyler yaratmanın pek çok yolu vardır. Bu ayarları zaten keşfetme şansınız olduysa, yorumlarda bulduğunuz farklı kombinasyonları görmek isteriz. Yeni başlık seçeneklerinin sunduklarından son derece heyecan duysak da Divi'nin başlık ayarlarını daha da güçlü hale getirmenin birçok yolu olduğunu da biliyoruz. Her zaman olduğu gibi, önerilerinizi duymayı çok seviyoruz ve sınırları zorlamaya devam etmek için elimizden gelen her şeyi yapacağız.