Divi Builder ile WordPress'te Özel Global Başlık Nasıl Oluşturulur

Bir web sitesi oluştururken başlık, web sitenizin en görünür kısımlarından biri olduğu için en çok dikkat etmeniz gereken kısımlardan biridir. Web sitenizin başlığı ne kadar çekici olursa, ziyaretçilerin gözünde o kadar çekici olur. Divi Builder ile CSS veya HTML ile uğraşmak zorunda kalmadan web siteniz için çekici bir başlık oluşturabilirsiniz. Bunun yerine görsel düzenleyicisini kullanabilirsiniz.

Divi Builder, WordPress sitenizde tüm web sitesi veya belirli sayfalar ve gönderiler için özel bir başlık oluşturmanıza olanak tanır. Bu gönderide, Divi Builder ile nasıl özel bir global başlık oluşturulacağını göstereceğiz. Henüz bilmiyorsanız diye hatırlatmak için. Divi Builder artık Elegant Themes (Divi Builder'ın geliştiricisi) tarafından geliştirilen temalarla sınırlı değil, tüm WordPress temalarına yüklenebilir.

Divi Builder ile özel bir genel başlık nasıl oluşturulur

Genel olarak, Divi Builder ile WordPress siteniz için genel bir özel başlık oluşturmanın iki yolu vardır. İlk olarak, bir şablondan/düzenden başlık oluşturabilirsiniz. İkincisi, başlığı sıfırdan oluşturabilirsiniz.

Bir düzenden özel başlık oluşturma

Başlığı oluştururken size zaman kazandırmak için bir başlık düzeni kullanabilirsiniz. Ne yazık ki Divi Builder, düzen kitaplığında bir başlık düzeni sunmuyor, bu nedenle harici kaynaktan bir başlık düzeni aramanız gerekiyor. Elegant Themes resmi blog gönderilerinden birinde Divi Builder, ücretsiz olarak indirebileceğiniz bir başlık düzeni sunar.

Bir ZIP dosyasında bulunan yukarıdaki başlık düzenini indirdikten sonra, başlığın JSON dosyasını almak için sıkıştırmayı açın. Ardından, WordPress kontrol panelinize giriş yapın ve Divi -> Theme Builder'a gidin. Sağ taraftaki iki ok simgesine tıklayın.

Görünen açılır pencerede, İçe Aktar sekmesine gidin ve az önce çıkardığınız başlık düzeninin JSON dosyasını seçmek için SEÇİLMEYEN DOSYA YOK'a tıklayın. Düzeni içe aktarmak için Divi Tema Oluşturucu Şablonlarını İçe Aktar düğmesini tıklayın.

Buraya kadar, web siteniz için özel başlığı başarıyla oluşturdunuz. Web sitenize uygulamak için Değişiklikleri Kaydet düğmesini tıklayabilirsiniz. Ancak elbette site logosu, sosyal medya bağlantıları, gezinme menüsü vb. varsayılan içeriği değiştirmek için önce başlığı düzenlemeniz gerekir. Başlık düzenini düzenlemek için kalem simgesini tıklayın. Divi Builder editörüne yönlendirileceksiniz.

Yukarıda içe aktardığınız başlık düzeni bir bölüm, iki satır ve dört modülden oluşur. Modüller şunlardır:

• Resim: site logosunu görüntülemek için.
• Sosyal Medya Takip: sosyal medya simgelerini görüntülemek için.
• Buton.
• Menü: navigasyon menüsünü görüntülemek için.

Bir öğeyi (bölüm, satırlar veya modüller) düzenlemek için, farenizi düzenlemek istediğiniz öğenin üzerine getirin ve ayarlar panelini açmak için dişli simgesine tıklayın.

Farenizi bir öğenin üzerine getirdiğinizde (üst üste binme nedeniyle) bir sorun yaşıyorsanız, Tel Çerçeve Görünümü özelliğini kullanabilirsiniz.

Düzeninizi düzenlemeyi tamamladığınızda, en son değişiklikleri uygulamak için sağ alt köşedeki Kaydet düğmesine tıklayın ve Divi Builder düzenleyicisinden çıkmak için sağ üst köşedeki X düğmesine tıklayın. Tema Oluşturucu sayfasına geri yönlendirileceksiniz. Değişiklikleri Kaydet düğmesini tıklayın.

Sıfırdan özel başlık oluşturma

Sıfırdan özel bir başlık oluşturmak, başlığı web sitenizin tüm tasarım konseptiyle eşleştirmek için size daha fazla özgürlük verir. İstediğiniz Divi Builder modülünü ekleyebilirsiniz. Bu örnekte, basit bir başlığın nasıl oluşturulacağını aşağıdaki gibi göstereceğiz.

Yukarıdaki başlık aşağıdaki unsurlardan oluşur:

• Bir bölüm
• Bir satır (üç sütunlu yapı)
• 3 modül (Resim, Menü ve Arama)

Başlamak için Divi -> Theme Builder'a gidin. Global Başlık Ekle'yi tıklayın ve Global Başlık Oluştur'u seçin.

İletişim penceresinde (başlığı sıfırdan oluşturmak istediğiniz için), sıfırdan oluşturulmuş seçeneğini seçin. Başlığı oluşturmaya başlamak için Oluşturmayı Başlat düğmesini tıklayın.

Yukarıdaki Oluşturmaya Başla düğmesine tıkladıktan hemen sonra bir satır eklemeniz istenecektir. Üç sütunlu yapıya sahip bir satır seçin.

Satırdaki her sütuna bir modül eklemeye başlamadan önce, önce bölümü özelleştirebilirsiniz. Bunu yapmak için farenizi bölümün (mavi kapsayıcı) üzerine getirin ve ayarlar penceresini açmak için dişli simgesine tıklayın.

Ayarlar penceresinde Tasarım sekmesine gidin. Ayırıcıyı kaldırmak için Bölücüler bloğunu açabilirsiniz. Bölümün boyutunu (yüksek ve genişlik) ayarlamak için Boyutlandırma bloğunu açabilirsiniz. Kenar boşluklarını ve dolguları ayarlamak için Aralık bloğunu açabilirsiniz. Kutu gölgesi eklemek için Kutu Gölge bloğunu açabilirsiniz. Değişiklikleri kaydetmek için kontrol listesi simgesini tıkladığınızdan emin olun.

Artık satırdaki her sütuna bir modül ekleyebilirsiniz. İlk sütuna Görsel modülünü ekleyin ve görsel logonuzu yükleyin, ikinci sütuna Menü modülünü ekleyin ve görüntülemek istediğiniz menüyü seçin ve üçüncü sütuna Arama modülünü ekleyin. Modülleriniz biraz dağınık görünüyorsa endişelenmeyin. Daha sonra düzenleyeceğiz.

Satırın dişli simgesine tıklayarak satır ayarları penceresini açın. Tasarım sekmesine gidin ve Aralık bloğunu açın. Sütunları düzenlemek için üst kenar boşluğunu ayarlayın.

Artık eklediğiniz her modüle stil verebilirsiniz. Daha önce olduğu gibi, ayarlar penceresini açmak için farenizi özelleştirmek istediğiniz modülün üzerine getirebilirsiniz. Örtüşme sorunu nedeniyle farenizin üzerine gelme sorunu yaşadığınızda Tel Çerçeve Görünümü özelliğini kullanabilirsiniz.

Tipografi, kenar boşlukları, boyut, renk vb. gibi şeyleri ayarlamak için ayarlar penceresindeki Tasarım sekmesine gidin. Hangi stil seçeneklerini ayarlayabileceğinizi bulmak için her blokta oynamaktan çekinmeyin.

İşiniz bittiğinde, değişiklikleri kaydetmek için sağ alt köşedeki Kaydet düğmesine tıklayın ve Divi Builder düzenleyicisinden çıkmak için sağ üst köşedeki X düğmesine tıklayın. Yeni oluşturduğunuz özel başlığı uygulamak için Tema Oluşturucu sayfasındaki Değişiklikleri Kaydet düğmesini tıklayın.

Son sözler

Divi Builder, WordPress siteniz için kodlama yapmadan özel bir başlık oluşturmanıza olanak tanır. Yukarıdaki örneklerde gösterdiğimiz sadece yüzeydir. Daha fazlasını keşfetmek ve yaratıcılığınızı ortaya çıkarmak için daha derine inebilirsiniz. İstediğiniz modülü ekleyebilir, renk kombinasyonuyla oynayabilir, farklı kenar boşlukları ve dolgular deneyebilir, farklı yazı tipi stilleri deneyebilir vb.