Divi kesinlikle WordPress temaları günümüzde en popüler. Bu temanın gücünü oluşturan unsurlardan biri de yaratıcısı (Divi Builder). Görsel Besteci.

Divi Builder iki biçimde gelir: standart "Arka Uç Oluşturucu" ve "Görsel Oluşturucu". Her iki arayüz de aynı içerik parçalarıyla ve aynı tasarım parametreleriyle tam olarak aynı türde web siteleri oluşturmanıza olanak tanır. Tek fark arayüzdür. Arka uç Oluşturucu, WordPress panosunun içinde bulunur ve diğer tüm standart WordPress ayarlarıyla erişilebilir.

WordPress kullanıcı arayüzünün içinde bulunur ve standart WordPress yazı düzenleyicisinin yerini alır. Kontrol panelinin içindeyken hızlı değişiklikler yapmak harikadır, ancak aynı zamanda kontrol paneli ile sınırlıdır ve web sitenizin bloklu bir temsili olarak işlenir. Bu eğitim yalnızca görsel oluşturucuya odaklanacaktır.

DIVI WordPress Tema İndirme

Yepyeni Görsel Oluşturucu ise sayfalarınızı web sitenizin ön ucunda oluşturmanıza olanak tanır! İnanılmaz bir deneyimdir ve çok daha hızlı tasarıma izin verir. Görsel oluşturucuya içerik eklediğinizde veya tasarım ayarlarını değiştirdiğinizde, değişiklikleriniz anında görünür.

Sayfayı tıklayıp yazmaya başlayabilirsiniz. Metni vurgulayabilir ve yazı tipini ve stilini ayarlayabilirsiniz. Yeni içerik ekleyebilir, sayfanızı oluşturabilir ve gözlerinizin önünde olanları görebilirsiniz.

Visual Builder nasıl etkinleştirilir

WordPress panonuzda oturum açtığınızda, web sitenizin ön ucundaki herhangi bir sayfaya gidebilir ve oluşturucuyu başlatmak için WordPress yönetici çubuğundaki "Görsel Oluşturucuyu Etkinleştir" düğmesini tıklayabilirsiniz. görsel.

Sayfanızı panoda düzenliyorsanız, Divi Builder arka uç arayüzünün üst kısmındaki "Görsel Oluşturucuyu Etkinleştir" düğmesine tıklayarak görsel oluşturucuya geçebilirsiniz (önce yapmanız gerektiğini unutmayın. görsel oluşturucu düğmesi görünmeden önce Divi Builder'ı etkinleştirin).

Visual Builder'ın temelleri

Divi'nin gücü, içerik parçalarını birleştirip düzenleyerek hemen her tür web sitesini oluşturmanıza olanak tanıyan "Sürükle ve Bırak" ile çalışan bir sayfa oluşturucu olan Visual Builder'da yatmaktadır.

Oluşturucu üç ana yapı bloğu kullanır: bölümler, sıralar ve modüller. Bunları birlikte kullanmak, sayısız sayıda düzen oluşturmanıza olanak tanır. Bölümler en büyük yapı taşlarıdır ve sıra gruplarını barındırırlar. Satırlar bölümlerin içinde bulunur ve modülleri barındırmak için kullanılır. Modüller sıraların içine yerleştirilir. Bu, her Divi web sitesinin yapısıdır.

Bölümler

Divi ile düzen tasarımında kullanılan en temel ve en büyük yapı taşları bölümlerdir. Büyük içerik grupları oluşturmak için kullanılırlar ve bu, sayfanıza eklediğiniz ilk şeydir. Üç tür bölüm vardır: Normal, Özel ve Tam Genişlik.

Normal bölümler sütun sıralarından oluşurken, tam genişlikli bölümler ekranın tüm genişliğini genişleten tam genişlikli modüllerden oluşur. Özel bölümler daha gelişmiş yan yerleşimlere izin verir.

sıra

Satırlar bölümlerin içindedir ve bir bölümün içine istediğiniz sayıda satır yerleştirebilirsiniz. Aralarından seçim yapabileceğiniz birçok farklı sütun türü vardır. Sıranız için bir sütun yapısı tanımladıktan sonra, modülleri istediğiniz bir sütuna yerleştirebilirsiniz. Bir sütuna yerleştirebileceğiniz modül sayısında herhangi bir sınırlama yoktur.

Modüller

Modüller, web sitenizi oluşturan içerik parçalarıdır. Her Divi modülü herhangi bir sütun genişliğine uyum sağlayabilir ve hepsi tamamen duyarlıdır.

İlk sayfanızı oluşturun

Üç temel yapı taşı (bölümler, çizgiler ve modüller) sayfanızı oluşturmak için kullanılır.

İlk bölümünüzü ekleme

Sayfanıza herhangi bir şey eklemeden önce, önce bir bölüm eklemeniz gerekir. Mavi (+) butonu tıklanarak bölümler eklenebilir. Sayfada zaten var olan bir bölümün üzerine geldiğinizde, aşağıda mavi (+) bir düğme görünecektir. Tıkladığınızda, şu anda üzerine geldiğiniz bölümün altına yeni bir bölüm eklenecektir.

Yeni bir sayfa başlatırsanız, ilk bölümünüz otomatik olarak eklenecektir.

İlk satırınızı ekleme

İlk bölümünüzü ekledikten sonra, içine sütun satırları eklemeye başlayabilirsiniz. Bir bölüm herhangi bir sayıda satır içerebilir ve çeşitli düzenler oluşturmak için farklı sütun türlerinden satırları karıştırıp eşleştirebilirsiniz.

Bir satır eklemek için, boş bir bölümün içindeki yeşil (+) düğmesini tıklayın veya aşağıya yeni bir satır eklemek için geçerli satırın üzerine gelindiğinde görünen yeşil (+) düğmesini tıklayın. Yeşil (+) düğmesini tıkladığınızda, bir sütun türleri listesiyle karşılaşacaksınız. İstediğiniz sütunu seçin ve ilk modülünüzü eklemeye hazırsınız.

İlk modülünü eklemek

Modüller satırların içine eklenebilir ve her satır herhangi bir sayıda modül içerebilir. Modüller, sayfanızın içerik öğeleridir ve Divi, oluşturmak için kullanabileceğiniz 40'tan fazla farklı öğe ile birlikte gelir.

Metinler, Görüntüler ve Düğmeler gibi temel modülleri veya Kaydırıcılar, Portföy Galerileri ve eTicaret Mağazalar.

Bir modül eklemek için, boş bir sütunun içinde bulunan gri (+) düğmesini tıklayın veya aşağıya yeni bir modül eklemek için sayfadaki bir modülün üzerine geldiğinizde görünen gri (+) düğmesini tıklayın. . Düğmeye tıkladığınızda, bir modül listesi ile karşılaşacaksınız.

İstediğiniz modülü seçin, sayfanıza eklenecek ve modülün kontrol paneli görünecektir. Bu kontrol panelini kullanarak modülünüzü yapılandırmaya başlayabilirsiniz.

Bu eğitim için bu kadar. Bugün öğrendiklerinizle Divi ile bir düzen oluşturabileceksiniz. Konuyla ilgili gelişmiş eğitimlerle geri döneceğiz. zaten indirebilirsiniz Divi teması.

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" boş "layout =" genişletilmiş "align =" center "font_family =" Raleway "font_weight =" 700 ″ stil = "düz" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] DIVI TEMAINI İNDİRİN [/ vcex_button] [/ width_column] [»vc_column » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "boş" düzen = "genişletilmiş" hizalama = "orta" font_family = "Raleway" font_weight = "700 ″ stil =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right =" fa fa-indirme "] ŞABLONLARI İNDİR 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?