Divi Builder ile WordPress’te özel bir altbilgi nasıl yapılır

Divi temaları olan web siteleri oluştururken, altbilgiyi temaların ayarlanmasıyla ayarlayabilirsiniz (Divi -> Tema Ayarlaması). Altbilgeni ayarlamayı seçebileceğiniz yaklaşık 20 farklı sütun düzeni vardır. WordPress widget yöneticisi (ekran -> widget) aracılığıyla her sütuna içerik ekleyebilirsiniz. Bununla birlikte, WordPress’in oldukça sınırlı bir widget olduğu için, altbilgiye ekleyebileceğiniz içerik de sınırlıdır. Ek eklentiler yüklemediğiniz sürece, sosyal medya düğmeleri, e -posta abonelik formları veya düğmeler gibi içerik ekleyemezsiniz. Sürüm 4.0’dan beri, Divi Builder (Divi tema varsayılan sayfaları), altbilgi de dahil olmak üzere temanız için özel öğeler oluşturmanıza olanak tanır. Ve Divi Builder artık Divi ve Ekstra’nın yanı sıra WordPress temalarında kullanılabileceğinden, temel olarak kullandığınız temalarla Divi Builder ile özel bir altbilgi (veya diğer tema öğeleri) oluşturabilirsiniz.
Bu yazıda, Divi Builder ile nasıl özel bir altbilgi oluşturacağınızı göstereceğiz. Burada kullandığımız tema Divi. Divi Builder ile özel bir altbilgi nasıl yapılır Divi Builder ile özel bir altbilgi oluşturmanın iki yolu vardır: düzen ve baştan. İki yöntemi tartışacağız. # Düzenden özel bir altbilgi oluşturmak, örneğin, önceden hazırlanmış bir altbilgi şablonu sunan Elementor, Divi Builder, düzen kütüphanesinde bir altbilgi şablonu (Divi Builder’daki yerleşim olarak adlandırılır) sunmaz. Ancak, blogunun yayınlarından birinde zarif temalar (Divi Builder’ın geliştiricisi) tarafından yapılan altbilginin düzenini indirebilirsiniz. Dosyayı indirmek için aşağıdaki düğmeyi tıklayın. Dosyalar zip biçiminde mevcuttur.
Divi Footer Düzenini İndirin
Dosya indirildikten sonra, bir JSON dosyası almak için açın. Bu ihtiyacınız olan düzen dosyasıdır. WordPress Gösterge Tablonuzu girin ve Divi -> Tema Oluşturucusunu Açın. Tema Maker sayfasında, sağ taraftaki iki ok simgesini tıklayın. İçe Aktarma sekmesini tıklatın ve seçilmeyen hiçbir dosyayı tıklayarak yukarıda çıkardığınız düzen dosyasını (JSON dosyası) seçin. Dosya seçildikten sonra Divi Tema Oluşturucu Şablonları İçe Aktar düğmesini tıklayın.

Altbilgiyi düzenlemek için kalem simgesini tıklayın. Varsayılan içeriği kendi içeriğinizle ayarlamak için bir altbilgi düzenlemeniz gerekir.

Yukarıdaki kalem simgesini tıkladıktan sonra Divi Builder editörüne götürüleceksiniz. Altbilgeni burada düzenleyebilirsiniz. Gereksiz öğeleri silin. Elemanları düzenlemek için, fareyi düzenlemek istediğiniz öğeye (modül) yönlendirebilir ve ayarlar penceresini görüntülemek için dişli simgesini tıklayabilirsiniz.

Altbilgiyi düzenlemeyi bitirdikten sonra, değişiklikleri uygulamak için Kaydet düğmesine tıklayın ve sağ üst köşedeki X simgesini tıklayarak Divi Builder düzenleyicisini kapatın.

Tema Maker sayfasına geri getirileceksiniz. Oluşturduğunuz özel altbilgiyi uygulamak için Değiştir düğmesini tıklayın.

# Başından beri özel bir altbilgi oluşturun Divi Builder ile özel bir altbilgi oluştururken, altbilginin görüneceği sayfada ayarlayabilirsiniz. Yukarıda tartıştığımız ilk örnekte, altbilgi web sitesinin her bölümünde görünecektir. Bu ikinci örnekte, belirli sayfalar (iletişim sayfaları) için özel bir altbilgi oluşturacağız. 3 sütundan oluşan basit bir altbilgi yapacağız. Altbilginin nihai sonucu böyle görünecek.

İlk olarak, WordPress Gösterge Tablosuna giriş yapın ve Divi -> Tema Oluşturucusuna gidin. Yeni bir şablon ekleyin ve hangi şablonun görüneceğini belirtin. İletişim sayfası için özel bir altbilgi oluşturmak istediğimiz için, Kişi seçin (aşağıdaki ScreenEncast’e bakın). Sarı düğmeyi görürseniz (zaten özel bir altbilgi var), silmek için çöp simgesini tıklayın. Özel altbilgi ekle ve özel altbilgi oluştur seçeneğini tıklayarak yeni bir özel altbilgi ekleyin.

Sıfırdan bir altbilgi yapmak istediğimiz için sıfırdan oluşturma seçeneğini seçin.

Varsayılan kısmınız bir bölücü içerebilir. Silmek için, dişli simgesini tıklayarak ayarlar penceresini açın.

Tasarım sekmesini açın ve bölücü seçeneğini açın. Bölücü stilindeki açılır menüyü tıklayın ve Yok’u seçin. Yeni değişiklikler uygulamak için kontrol listesi simgesine tıklamayı unutmayın.

Parçanın arka planını ayarlayın. Bunu yapmak için, Ayarlar penceresini açmak için dişli simgesini bir kez daha tıklayın. İçerik sekmesinin altındaki arka plan seçeneğini tıklayın. Rengi ayarlamak için artı düğmesini tıklayın. Arka plan rengini uygulamak için kontrol listesi simgesine tıklamayı unutmayın.

Artı Yeşil düğmesini tıklayarak yeni bir satır ekleyin. Üç sütun yapısı seçin.

İlk sütun

İçerik eklemek için ilk sütunu açın. Site logosunu ve açıklamasını yerleştirmek için bu sütuna (resimler ve metin) iki modül ekleyeceğiz. Önce Gray Plus simgesini tıklayın ve görüntü modülünü seçin. Ayarlar penceresinden resminizi (bu durumda site logosu) seçin.

Tasarım sekmesini açın ve görüntü boyutunu ayarlamak için boyut seçeneğini açın.
Görüntü modülünün altına başka bir modül (metin modülü) ekleyin.

Varsayılan metni kendi metninizle değiştirin. Tasarım sekmesini açın ve metin rengini ve metin boyutunu ayarlamak için metin seçeneğini açın. İkinci sütun

Bir e -posta abonelik formu yerleştirmek için ikinci sütunu kullanacağız. Bu formu MailChimp ile bağlayacağız. İkinci sütuna gidin ve Optin e -posta modülünü ekleyin.

İçerik sekmesi altındaki başlık bölümündeki varsayılan başlığı değiştirin. Ayrıca vücuttaki varsayılan açıklamayı değiştirin. Bu örnekte, açıklamayı kullanmıyoruz, böylece yalnızca vücuttaki içeriği siliyoruz.

Hala İçerik sekmesinde, Emai Hesabı seçeneğini açın ve bağlamak istediğiniz e -posta pazarlama platformunu seçin (bu durumda MailChimp). MailChimp listesini seçin ve Getir Listesi düğmesini tıklayın
Not: MailChimp listesini seçmezseniz, bir altbilgi yayınladığınızda e -posta alanı görünmeyebilir. Divi Builder’ı MailChimp ile entegre etme hakkında daha fazla bilgi edinmek için bu yazıyı okuyabilirsiniz. Gereksiz alanları silmek için Alan seçeneğini açın. Bu örnekte, e -posta alanını yalnızca bir e -posta abonelik formuna ekleriz, böylece bu seçenekteki tüm alanları devre dışı bırakırız.

Formunuzun arka planını değiştirmek için arka plan seçeneğini açın. Bu örnekte, arka planı şeffaf olarak ayarladık.

Formunuzun görüntüsünü ayarlamak için Tasarım sekmesini açın. Alan metninin alanının ve arka planının arka planını değiştirmek için alan seçeneğini açabilirsiniz.

Başlık tipografisini ayarlamak için (metin rengi, metin boyutu, yazı tipi stili vb.) Başlık metni seçeneğini açabilirsiniz.

Belirleyebileceğiniz birçok ayar seçeneği vardır. Formunuzun gösterilmesinden memnun olana kadar tasarım sekmesinde oynayabilirsiniz. Oluşturduğunuz ayar seçeneğini uygulamak için Kontrol Listesi düğmesine tıklamayı unutmayın. Üçüncü sütun

Üçüncü sütunu, sitenizdeki önemli sayfalara (sayfalar, kişiler ve gizlilik politikası sayfaları) ve sosyal medya simgelerine bağlantılar yerleştirmek için kullanacağız. İlk olarak, başlık için metin modülünü ekleyin.

“Site”, “Şirket” veya benzeri başlıklarla varsayılan metni değiştirin.

Tasarım sekmesini açın ve tipografiyi ayarlamak için metin seçeneğini açın.
Bir bağlantı yerleştirmek için başka bir metin modülü ekleyin. Varsayılan metni kendi metninizle aşağıdaki oluşumla değiştirin (yeni bir satır eklemek için Enter tuşuna basın).
Her metne bağlantılar eklemek için metni vurgulayabilir ve zincir simgesine tıklayabilirsiniz.

Tasarım sekmesini açın ve metin seçeneğini açın. Bağlantının metninin rengini ayarlamak için zincir simgesine tıklayabilirsiniz.

Bağlantı renk bağlantısını ve metin bağlantı boyutunu ayarlamak için metin renk bağlantısını ve metin boyutu bağlantısını açın.

Son olarak, sosyal medyayı takip etmek için modülü ekleyin.

Varsayılan olarak, Sosyal Medya Takip Modülü yalnızca iki sosyal medya platformu (Facebook ve Twitter) içerir. Yeni bir sosyal medya platformu eklemek için içerik sekmesinin altındaki Plus düğmesini tıklamanız yeterlidir.

Her sosyal medya platformuna bağlantılar eklemek için, ayar seçeneğini açmak için her platformdaki dişli simgesini tıklayabilirsiniz.

Bağlantı seçeneğini açın ve ilgili sosyal medya hesabı URL’sini yapıştırın. Sosyal medya platformunun arka planını arka plan seçeneğinden de ayarlayabilirsiniz. Eklediğiniz bağlantıyı uygulamak için kontrol listesi simgesine tıklamayı unutmayın.

Her sosyal medya platformuna bir bağlantı eklemeyi bitirdikten sonra, simgeyi ayarlamak için Tasarım sekmesini açın. Simgenin rengini ve simge boyutunu ayarlamak için, simge seçeneğini açabilirsiniz. Sınır yarıçapını ayarlamak için (yuvarlak bir açıya sahip olmak istiyorsanız) Sınır seçeneğini açabilirsiniz.

Sosyal medya takip modülü ile metin modülü arasında biraz boşluk eklemek için boşluk seçeneğini açabilirsiniz. Üst dolguyu 8px veya 10px olarak ayarlayın.

Belirleyebileceğiniz birçok ayar seçeneği vardır. Sonuçlardan memnun olana kadar tasarım sekmesinde oynayabilirsiniz. İşiniz bittiğinde, altbilginize yeni bir değişiklik uygulamak için sağ alt köşedeki Kaydet düğmesini tıklayın, ardından Divi Builder düzenleyicisini kapatmak için sağ üst köşedeki X düğmesi.

Tema Maker sayfasına geri getirileceksiniz. Oluşturduğunuz tüm yeni değişiklikleri kaydetmek için Değiştir düğmesini tıklayın.

Altbilginin alt çizgisi bir web sitesinin önemli bir unsurudur. Divi Builder’ın tema üreticisi özellikleri ile WordPress siteniz için özel bir altbilgi oluşturabilirsiniz. Oluşturduğunuz özel altbilgi varsayılan altbilginizin yerini alır. Divi Builder ile özel bir altbilgi yapmak, e -posta abonelik formları, en son yayınlar, düğmeler, sosyal medya simgeleri gibi ek WordPress eklentileri yüklemeden daha fazla öğe ekleme özgürlüğü sağlar. Temel olarak Divi Builder tarafından sunulan tüm modülleri altbilginize ekleyebilirsiniz. Divi Builder artık Divi teması ve ekstra tema ile sınırlı olmayan tüm WordPress temaları için kullanılabilir.

Divi Builder ile WordPress'te özel bir altbilgi nasıl yapılır