Divi Başlık Türlerine, Öğreticilere ve Ücretsiz Ürünlere Genel Bakış

Divi Theme Builder çıktığından beri Divi başlıklarını oluşturma şeklimiz en iyi şekilde değişti. İstediğimiz herhangi bir öğeyi ekleyebilir, Divi'nin yerleşik tasarım seçeneklerini kullanarak stillendirebilir ve sorunsuz yanıt veren bir deneyim yaratabiliriz. Son birkaç aydır, öğreticiler ve ücretsiz ürünler aracılığıyla başlık tasarımlarınızdan en iyi şekilde yararlanmanıza nasıl yardımcı olabileceğimizi gözden geçirdik. Bir noktada, tüm bu farklı başlık türleri, öğreticiler ve ücretsiz öğeler arasında gezinmek biraz kafa karıştırıcı olabilir, bu yüzden her zaman geri dönebileceğiniz bu gönderiyi hazırladık. Bu gönderi, oluşturabileceğiniz ve ücretsiz bir indirme dosyası da içeren farklı başlık türlerini içerecek. Ücretsiz indirmenin yanı sıra, ne yarattığınızı anlamanıza ve kendi ihtiyaçlarınıza uyacak şekilde nasıl ince ayar yapabileceğinizi anlamanıza yardımcı olan adım adım bir eğitim alırsınız.

Bu yazının ikinci kısmı, Divi topluluğunda sıkça sorulan bazı ipuçlarına ve püf noktalarına odaklanıyor, size belirli bir sorunu nasıl çözeceğinizi veya kendi başınıza anlamaya çalışmak için zaman kaybetmeden bir tasarıma nasıl ulaşacağınızı gösteriyoruz. Son olarak, hemen indirip kullanabileceğiniz tüm başlık ücretsizlerini listeledik.

Başlık Türlerini Keşfedin
Başlık İpuçlarını ve Püf Noktalarını Keşfedin
Başlık Ücretsizlerini Keşfedin

Başlık Türleri

1. Normal Başlık

Divi Theme Builder yayınlandığında blogda çıkan ilk başlık türü öğreticisi normal bir başlıktır. Bu eğitim, Divi Theme Builder ortamına aşina olmaya ve genel bir başlık oluşturmaya odaklanır. Bir logo, sosyal takip simgeleri ve bir düğme içeren bir üst çubuk ekledik. Gezinme çubuğu, WordPress web sitenizin arka ucunda ayarlanabilen menü öğelerini dinamik olarak içerir.

Eğitimi Ziyaret Edin

2. Yapışkan Başlık

Aynı zamanda yapışkan bir başlık oluşturmak istiyorsanız, bu gönderiye aşina olmak isteyeceksiniz. Eğitici, üst çubuk da dahil olmak üzere uygun bir başlık yapısını nasıl kuracağınızı göstermenin yanı sıra, Divi'nin yerleşik yapışkan seçeneklerini kullanarak başlığınızı nasıl sabitleyeceğinizi de gösterir. Başlıktaki öğelerin stilleri kaydırmada da değişir, bu da başlığa tamamen yeni bir görünüm ve his verir.

Eğitimi Ziyaret Edin

3. Tam Ekran Başlığı

Elbette, bir üst başlık çubuğu, web sitenizde gezinmeye izin vermenin tek yolu değildir, bu nedenle bir sonraki adımda tam ekran bir başlığımız var. Bu öğreticide, size Divi ile tam bir özel tam ekran üstbilginin tamamını nasıl oluşturacağınızı gösteriyoruz. Menünüzdeki tüm öğeler modüllerdir ve tıklama işlevi, öğretici ve indirme dosyasında bulunan bazı JQuery kodları tarafından etkinleştirilir. Bu benzer yaklaşımı kullanan birkaç ücretsiz:

1. Halkla İlişkiler Firması Üstbilgi ve Altbilgi Şablonu Şablonu
2. İtalyan Restoranı Üstbilgi ve Altbilgi Şablonu
3. Serbest Yazar Üstbilgi ve Altbilgi Şablonu
4. Mali Müşavir Üstbilgi ve Altbilgi Şablonu

Eğitimi Ziyaret Edin

4. Kaydırmalı Başlık

Sırada, sağ taraftan kayan bir başlığımız var. Bu öğretici de Divi'nin yerleşik öğelerine dayanmaktadır. Kaydırmalı menünüze istediğiniz her şeyi yerleştirebilir ve duyarlı seçeneklerle tamamen duyarlı bir ortam oluşturabilirsiniz. Tıklama işlevi, öğreticinin yanı sıra ücretsiz şablon JSON dosyasına dahil edilen bazı özel JQuery kodları aracılığıyla formunu almıştır.

Eğitimi Ziyaret Edin

5. Aşağı İtmeli Başlığı Kaydırın

Listemizdeki bir başka harika başlık türü, aşağı kaydırmalı bir itme başlığıdır. Hamburger ikonuna tıklandığında başlık yukarıdan aşağıya doğru kayar ve sayfa içeriğini aşağı doğru iter. Bu, tüm ekran boyutlarında eğlenceli ve güzel bir efekt verir.

Eğitimi Ziyaret Edin

6. Dikey Navigasyon

Ziyaretçilere zahmetsiz gezinme sağlamanın bir başka yolu da dikey gezinme çubuğu kullanmaktır. Bunu Divi Tema Oluşturucu içinde yapmanın bir yolunu arıyorsanız, bu öğreticiyi kontrol ettiğinizden emin olun. Dikey gezinme, sayfa içeriğinin genişliğini daraltan ve yan yana güzel bir sayfa yapısı oluşturan tarayıcının içinde kendi alanını kaplar.

Eğitimi Ziyaret Edin

7. Şeffaf Kayan Başlık

Sayfanızın üstüne bir başlık eklemek veya içerik göndermek istiyorsanız, bu eğitim tam size göre! Üç farklı öğeye sahip şeffaf bir başlık kullanıyoruz; bir logo, menü ve düğme. Bu üç öğe, mutlak bir CSS konumu aracılığıyla sayfa içeriğinin üstüne yerleştirilir. Sonuç da oldukça duyarlı ve web sitenizde güzel ve uyumlu bir sonuç veriyor.

Eğitimi Ziyaret Edin

8. Şeffaf Yapışkan Başlık

Bu öğretici, büyük bir farkla, bir öncekine biraz benzer; Ziyaretçiler sayfayı aşağı kaydırdığında veya üzerinde bulundukları gönderiyi paylaştığında, gezinme çubuğu yapışkan hale gelir ve stilleri değiştirir. Bu, ziyaretçiler aşağı kaydırırken zahmetsiz bir gezinmeyi sürdürürken sayfanın üst kısmındaki kahraman bölümü tasarımınızdan en iyi şekilde yararlanmanızı sağlar.

Eğitimi Ziyaret Edin

9. Döndürülmüş Başlık

Web siteniz için kullanıma hazır bir tasarım arıyorsanız, döndürülmüş şeffaf bir başlık kullanmayı düşünebilirsiniz. Bu başlık türü, web sitenizin yanına yerleştirilir ve ziyaretçilerinizi sayfalarınızı ziyaretleri boyunca takip eder. Daha küçük ekran boyutlarında zahmetsiz üst çubuk deneyimini korurken, masaüstü tasarımınıza daha sofistike bir görünüm ve his verir.

Eğitimi Ziyaret Edin

10. Özel e-Ticaret Açılır Menüsü

Web siteniz büyüdükçe, web sitenizdeki tüm sayfaları listelemenin iyi bir yolunu bulmak o kadar zorlaşır. Mega menülerin kullanışlı olduğu yer burasıdır. Her zaman Divi'nin yerleşik mega menüsüne geri dönebilseniz de, istediğiniz kadar modül ekleyebileceğiniz daha Divi tarafından oluşturulmuş bir ortam arıyorsanız, bu eğitim tam size göre. Özellikle e-ticaret web siteleri için farklı ürün kategorilerini çekici ve görselliği yüksek bir şekilde öne çıkarmak kullanışlı olabilir. Bu öğretici daha "gelişmiş" bir kaynak türü olsa da, tasarımda istediğiniz kadar yaratıcı olmanızı sağlayan kod temeli sizin için ayarlanmıştır. Bu öğretici için şablon JSON dosyasını kullanırken bile, bu mega menüyü hayata geçirmek için gereken birkaç adımı uyguladığınızdan emin olun.

Eğitimi Ziyaret Edin

11. Özel Zarif Temaların Açılır Menüsü

Divi Theme Builder çıktığından beri, insanlar Elegant Themes'in sorunsuz gezinme açılır menülerinin nasıl oluşturulacağını merak ediyor. Bu eğitim, Divi Tema Oluşturucu içindeki Zarif Temalar açılır menüsünü tam olarak nasıl kopyalayacağınızı göstermeye odaklanır. Dahası, istediğiniz her türlü modülü eklemenize ve kendi benzersiz menü varyasyonunuzu oluşturmanıza olanak tanır.

Eğitimi Ziyaret Edin

İpuçları & Hileler

Genel bakış gönderisinin bu bölümünde, bir eğitim formunda farklı ipuçlarını ve püf noktalarını paylaşıyoruz. Bu gönderilerin her biri A'dan Z'ye bir deneyim içerir. Bu, size yalnızca hileyi nasıl gerçekleştireceğinizi göstermekle kalmıyor, aynı zamanda size seçenek sunan tüm başlık oluşturma süreci boyunca rehberlik ettiğimiz anlamına geliyor; Tüm tasarımı kendi amaçlarınız için mi kullanmak istiyorsunuz yoksa yalnızca o özel ipucuna ve püf noktasına mı odaklanmak istiyorsunuz?

1. Scroll'da Başlığı Gösterme ve Gizleme

Eğitimi Ziyaret Edin

2. Mobil Daralan İç İçe Menü

Eğitimi Ziyaret Edin

3. Global Başlığınızı Canlandırma

Eğitimi Ziyaret Edin

4. Başlığınıza Satır İçi Giriş Formu Ekleme

Eğitimi Ziyaret Edin

5. Başlığınıza İki Yan Yana Düğme Ekleme

Eğitimi Ziyaret Edin

6. Başlığınızı Her Sayfanın İlk Bölümünün Altına Otomatik Olarak Yerleştirme

Eğitimi Ziyaret Edin

7. Başlığınıza Açılır İletişim Formu Ekleme

Eğitimi Ziyaret Edin

8. Scroll'da Başlığınızı Değiştirme

Eğitimi Ziyaret Edin

9. Divi'nin Menü Modülünü 5 Global Ön Ayarla Optimize Etme

Eğitimi ziyaret edin

10. Başlığınızın İçindeki Menü Öğelerine Köşe Etiketleri Ekleme

Eğitimi Ziyaret Edin

11. SVG Logonuzu Başlığınızın İçine Ekleme ve Canlandırma

Eğitimi Ziyaret Edin

12. Başlığınızı ve Sayfalarınızı Divi Bölüm Bölücülerle Karıştırma

Eğitimi ziyaret edin

13. Başlığınıza Dinamik Site Başlığı ve Kısa Açıklama Ekleme

Eğitimi Ziyaret Edin

14. Divi Sitenizin Logosunu Global Önayarlarla Optimize Etme

Eğitimi Ziyaret Edin

15. Başlığınıza Sabit Bir “Son Bölüm” Ses Çubuğu Ekleme

Eğitimi Ziyaret Edin

16. Başlık CTA'nıza Gecikmeli Düğme Animasyonları Ekleme

Eğitimi Ziyaret Edin

17. Scroll'da Yapışkan Logonuzu Değiştirme

Eğitimi Ziyaret Edin

Başlık Bedava

Son olarak, Elegant Themes blogunda bulabileceğiniz farklı başlık ücretsizlerini de listeliyoruz. Başlık ücretsiz tasarım girişimi, Aralık 2019'da paylaştığımız ilk tema oluşturucu paketleriyle başladı, ancak bittiği yer burası değil. Divi düzen paketleriyle eşleşen ücretsiz üstbilgi ve altbilgi ücretsiz öğelerini sürekli olarak paylaştık ve paylaşmaya devam edeceğiz. Stil çoğunlukla söz konusu düzen paketine dayansa da, diğer web siteleri için de kolayca kullanılabilirler.

1. Tema Oluşturucu Paketleri

Tema Oluşturucu Paketi #1

Eğitimi Ziyaret Edin

Tema Oluşturucu Paketi #2

Eğitimi Ziyaret Edin

Tema Oluşturucu Paketi #3

Eğitimi ziyaret edin

Tema Oluşturucu Paketi #4

Eğitimi Ziyaret Edin

Tema Oluşturucu Paketi #5

Eğitimi Ziyaret Edin

Tema Oluşturucu Paketi #6

Eğitimi Ziyaret Edin

2. Düzen Paketi Üstbilgi ve Altbilgi Bedavaları

İtalyan Restoranı Düzen Paketi

Eğitimi Ziyaret Edin

Sanal Yardımcı Düzen Paketi

Eğitimi Ziyaret Edin

Çalışma Alanı Düzen Paketi

Eğitimi Ziyaret Edin

Pencere Temizleme Düzeni Paketi

Eğitimi Ziyaret Edin

Tarot Düzen Paketi

Eğitimi Ziyaret Edin

Ressam Düzen Paketi

Eğitimi Ziyaret Edin

Evcil Hayvan Tedarik Düzen Paketi

Eğitimi Ziyaret Edin

Güzellik Ürünü Düzen Paketi

Eğitimi Ziyaret Edin

Aşçılık Okulu Düzen Paketi

Eğitimi Ziyaret Edin

Parfümeri Düzen Paketi

Eğitimi Ziyaret Edin

Suşi Restoranı Düzen Paketi

Eğitimi Ziyaret Edin

Bitkisel Çözüm Düzen Paketi

Eğitimi Ziyaret Edin

Yenileme Düzen Paketi

Eğitimi Ziyaret Edin

Robotik Düzen Paketi

Eğitimi Ziyaret Edin

Bütünsel Şifacı Düzen Paketi

Eğitimi Ziyaret Edin

Baharat Dükkanı Düzen Paketi

Eğitimi Ziyaret Edin

Döşeme Düzeni Paketi

Eğitimi Ziyaret Edin

PR Firma Düzeni Paketi

Eğitimi Ziyaret Edin

Fitness Antrenörü Düzen Paketi

Eğitimi Ziyaret Edin

Düğün Fotoğrafçısı Düzen Paketi

Eğitimi Ziyaret Edin

Diyetisyen Düzen Paketi

Eğitimi Ziyaret Edin

Serbest Yazar Düzen Paketi

Eğitimi Ziyaret Edin

Tercüman Düzen Paketi

Eğitimi Ziyaret Edin

Mali Müşavir Düzen Paketi

Eğitimi Ziyaret Edin

Tırnak Salonu Düzen Paketi

Eğitimi Ziyaret Edin

Influencer Düzen Paketi

Eğitimi Ziyaret Edin

Deri Şirket Düzen Paketi

Eğitimi Ziyaret Edin

Akupunktur Düzen Paketi

Eğitimi Ziyaret Edin

3. Diğer

Minimal Üstbilgi ve Altbilgi Birleşimi

Eğitimi Ziyaret Edin

Blogumuzda Yeni Başlıklar Aramak

Blogumuzda düzenli olarak yeni ücretsiz başlıklar ve öğreticiler yayınlıyoruz. Bu gönderiyi zaman içinde güncellemeye devam edeceğiz, ancak yeni şeylerden haberdar olmak istiyorsanız, "başlık" ve "menü" gibi anahtar kelimeleri kullanarak blog arama çubuğunda arama yapmaktan çekinmeyin!

Son düşünceler

Bu gönderide, blogumuzda bulabileceğiniz Divi başlık türleri, öğreticiler ve ücretsiz şeyler hakkında net bir genel bakış sağladık! Bu gönderi umarım yeni bir projeye başlamadan önce başlığınızın temelini oluşturmanıza yardımcı olur. Oluşturmak istediğiniz başlık türüne karar verebilir, nasıl yapılacağını gösteren blog gönderisine gidebilir veya her şeyin kullanıma hazır olması için JSON dosyasını indirebilirsiniz! Başlığınıza uygulayabileceğiniz bazı ipuçları ve püf noktaları da paylaştık; bu, umarız sorunları hızla çözmenize ve gerçekten önemli olana odaklanmanıza yardımcı olur: Aklınızda iyi dengelenmiş bir web sitesine sahip olmak. Herhangi bir sorunuz veya öneriniz varsa, aşağıdaki yorum bölümüne yorum bırakmaktan çekinmeyin.

Divi hakkında daha fazla bilgi edinmek ve daha fazla ücretsiz Divi almak istiyorsanız, e-posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece her zaman bu ücretsiz içeriği bilen ve bu ücretsiz içerikten yararlanan ilk kişilerden biri olursunuz.