Değişim mevsimi kapımızda. WordPress 5.0'ın son gelişi, yepyeni bir blok düzenleyici (aka Gutenberg) sunuyor. Ve yeni deneyimimizin çıktısı Divi Builder sadece Gutenberg ile sorunsuz entegrasyon sunmakla kalmadı, aynı zamanda tüm web tasarım deneyimini aşağıdakilerle yükseltti: Divi.

Bu yeni değişiklikler hiç şüphesiz, nasıl yapılacağı konusunda endişe ve kafa karışıklığına neden olacaktır. Divi ve Gutenberg, tüm bu değişikliklerle Divi'den en iyi şekilde yararlanmak için birlikte çalışıyor. Bu kılavuz, yeni Divi Builder deneyimini WordPress 5.0'da başarılı bir şekilde çalışır hale getirmek için mevcut seçenekleri ve gerekli adımları açıklayarak değişikliğin olumsuz etkilerini azaltmayı amaçlamaktadır.

Gutenberg veya yeni Divi Builder deneyimine hazır olmayanlarınız için endişelenmeyin. Her zamanki gibi çalışmaya devam etmenize izin verecek mevcut seçenekler hakkında konuşacağız. Ve bilinmeyene doğru bir maceraya atılmaya hazır olanlar için, bu rehber yolunuzu bulmanıza yardımcı olacaktır.

İşte bu eğitimde ele alacağımız şey:

  • WordPress 5.0'a yükseltirken Divi'nin en son sürümünü yüklemenin önemi
  • Yeni Divi yapıcısı varsayılan Gutenberg ile nasıl çalışır?
  • WordPress 5.0 ile arka uçtaki yeni Divi Builder'ı nasıl etkinleştiririm (tercih edilen yöntem)
  • Yeni Divi Arka Uç Oluşturucu kullanıcı arabirimiyle yeni bir sayfayı düzenleme
  • Yeni Divi ile Klasik Divi Builder'ı Kullanma

WordPress 5.0'a yükseltirken Divi'nin en son sürümünü yüklemenin önemi

Divi'nin en son sürümü, WordPress 5.0 ile uyumludur. Bu nedenle, WordPress 5.0'a yükseltme yapıyorsanız, Divi'yi de 3.18+ sürümüne güncellediğinizden emin olun. Bu yeni sürüm, yeni Gutenberg blok düzenleyicisiyle ilgili birçok uyumluluk sorununu giderir. Divi'nin daha eski bir sürümünü tutuyorsanız, yükseltmeden önce Divi Builder'a ve diğer sayfa ayarlarına erişmede zorluk yaşarsınız.

Extra, Bloom, Monarch ve Divi Builder eklentisinin en son sürümleri de WordPress 5.0 ile uyumludur. Bu nedenle, yükseltme sırasında da güncellemek daha iyidir.

Yeni Divi yapıcısı varsayılan Gutenberg ile nasıl çalışır?

WordPress 5.0'a güncelledikten ve Divi 3.18'i (en son sürüm) yükledikten sonra, kendi hesabınızı oluşturmaya hazırsınız demektir. Site Web. Yeni bir sayfa eklerseniz, Divi Builder'ı veya varsayılan WordPress düzenleyicisini (şimdi Gutenberg) kullanmanıza izin veren bir açılır pencere sunulur. “Divi Builder'ı Kullan” seçeneğine tıklamanız yeterlidir.

divi builder.jpg kullanın

Doğrudan Visual Builder'da başlatılacağınızı fark edeceksiniz.

divi oluşturucu bir seçenek seçin.png

Visual Builder'dan çıkarsanız ve arka uçtaki sayfayı düzenlerseniz, Classic Divi Builder'ın mevcut olmadığını göreceksiniz. Divi Builder'ı yalnızca ön uç modunda başlatabileceksiniz.

Klasik editör yok sadece ön editor.jpg

Gerçekten de, WordPress 5.0, klasik düzenleyiciyi kaldırmış ve onu blok düzenleyiciyle (Gutenberg) değiştirmiştir. Bu nedenle, Classic Divi Builder dahil tüm bağlı uygulamalar silinmiştir. Kısacası, klasik WordPress editörü olmadan Classic Divi Builder yoktur.

WordPress 5.0 ile arka uçtaki yeni Divi Builder'ı nasıl etkinleştiririm (tercih edilen yöntem)

Sunucudaki yeni Divi Builder'a erişmek için birkaç tıklama yeterlidir. WordPress panonuzdan Divi> Tema seçeneklerine gidin. Oradayken sekmeye tıklayın Yaratıcı. Oluşturucu seçeneklerinin altında, Gelişmiş sekmesine tıklayın. Burada en son Divi Builder deneyimini etkinleştirmek ve klasik düzenleyiciyi (WordPress) etkinleştirmek için seçenekler bulacaksınız. Arka uçtaki yeni Divi Builder'ın tadını çıkarmak için her iki seçeneği de etkinleştirmeniz gerekecek . Ardından Değişiklikleri kaydet'e tıklayın.

arayüzü divi.jpg

Not: Divi tema seçeneklerinde klasik düzenleyiciyi etkinleştirme seçeneği, düzenleme eklentisi kullanımının yerini alır klasik WordPress'e katkıda bulunanlar tarafından Gutenberg'i kullanmaya hazır olmayan kişilere sağlanmıştır.

Divi Builder'ın en son sürümünü ve tema seçeneklerinden klasik düzenleyiciyi etkinleştirdikten sonra, sayfalarınızı Yeni Divi Builder deneyimiyle oluşturmaya hazırsınız.

Yeni Divi Arka Uç Oluşturucu kullanıcı arabirimiyle yeni bir sayfayı düzenleme

WordPress Classic Editor'da etkinleştirilen yeni Divi Builder ile, iyi bilinen "Divi Builder'ı Kullan" düğmesini göreceksiniz. Divi Builder'ı dağıtmak için her zamanki gibi bu düğmeye tıklayın.

editör divi builder.jpg

Ardından, görünen üç seçenekten sayfanızı tasarlamaya nasıl başlamak istediğinizi seçin.

seçim modu divi builder.png

Artık yeni Divi Builder deneyiminden tam anlamıyla yararlanmaya hazırsınız. Yeni Divi Backend Builder'ın parmaklarınızın ucunda bazı güçlü yeni özelliklerle klasik Divi Builder'a benzediğini fark edeceksiniz.

İşte yeni deneyimi biraz daha iyi anlamanıza yardımcı olacak Sayfa Düzenleyici Kullanıcı Arayüzünün bazı önemli özellikleri.

divi oluşturucu arayüzü kontrol paneli wordpress.jpg

"Önde İnşa Et" düğmesi

<

p style = "text-align: yasla">inşaat divi builder.png
"Ön Planda Oluştur" düğmesi, geleneksel "Görsel Oluşturucu Kullan" düğmesinin yerini almıştır, ancak işlevsellik aynıdır. Daha önce olduğu gibi binanın eksiksiz bir görsel deneyimi için cepheye Divi Builder'ı yerleştirecek. Bu düğmenin ifade edilmesinin ana nedeni, artık ayrı bir görsel oluşturucunun olmamasıdır. Artık arka uçta ve ön uçta erişebildiğimiz tek bir Divi Builder var.

Arka uçta artık mevcut görünüm modları

<

p style = "text-align: yasla">arka uç divi builder.png üzerinde mevcut modlar
Yeni Divi Builder editörü, Visual Builder'ı ve tüm özelliklerini arka uçta tanıttı. Artık sayfanızı düzenlemek için seyahat etmenize gerek yok. Arka uçta görsel oluşturucu deneyimini etkinleştirmek için, oluşturucunun üst kısmında bulunan farklı görüntüleme modları arasında geçiş yapabilirsiniz. Varsayılan olarak, tel kafes görüntüleme modu etkindir ve görmeye alıştığımız klasik arka uç oluşturucunun görünümüyle yakından eşleştiği için mantıklıdır. Bununla birlikte, sayfanızı terk etmek zorunda kalmadan arka uçta görsel olarak (Visual Builder'da olduğu gibi) sayfanızı görsel olarak görmek için farklı görünüm modları (masaüstü, tablet ve akıllı telefon) arasında geçiş yapabilirsiniz.

editör görsel oluşturucu dashboard.gif

Yeni Divi Builder kullanıcı arayüzü

<

p style = "text-align: yasla">yeni arayüz divi builder.png
Arka uçta farklı görüntü modları arasında geçiş yapabilmenin yanı sıra, Divi Builder kullanıcı arayüzü, sayfanızı düzenlerken arka uçta sorunsuz bir şekilde çalışır.

Örneğin, arka uçta bir öğenin ayarlarını değiştirirken, kalıcı ayarlar tarayıcı penceresindeki herhangi bir konuma taşınabilir, bu da size arka ucu değiştirirken ihtiyacınız olan alanı sağlar. değişikliklerinizi gerçek zamanlı olarak görüntüleme.

gerçek zamanlı düzenleme divi builder.gif

Klasik Divi Oluşturucu'ya dön

editöre geri dön visual divi builder.png

Yeni Divi Builder deneyimine tam olarak hazır değilseniz, yine de Classic Divi Builder'ı eskisi gibi kullanabilirsiniz. Divi'nin en son sürümü, sayfanızı düzenlerken panodaki Divi Builder kullanıcı arayüzünün en altında bulunan Classic Divi Builder'ı dağıtmanın son derece kolay bir yolunu içeriyor. Tek bir tıklama ile Classic Divi Builder'a dönmenizi sağlayacak bir bağlantı göreceksiniz.

Not: Ayrıca Tema seçenekleri altından Klasik Divi Builder'a geçebilirsiniz. Jeneratör sekmesine ve ardından Gelişmiş Seçenekler sekmesine tıklayın. Burada en son Divi Builder deneyimini etkinleştirme veya devre dışı bırakma seçeneğini bulabilirsiniz. Classic Divi Builder'ı eskisi gibi tutmak için bu seçeneği devre dışı bırakın. Ancak arka uçta Classic Divi Builder'ı görmek için Classic Editor seçeneğinin de etkinleştirildiğinden emin olmanız gerektiğini unutmayın.

yeni düzenleyiciyi devre dışı bırak

Divi Builder'ın yeni özellikleri

<

p style = "text-align: yasla">yeni özellik divi builder.jpg
Yeni Divi Arka Uç Oluşturucu, daha önce yalnızca Visual Builder'da bulunan tüm güçlü yeni özellikleri de içerir. Ve bu yeterli değilse, bu yeni Divi Builder ile performans ve kullanılabilirlikte yepyeni iyileştirmeler de elde edersiniz. Bu yükseltmeler şunları içerir:

  • Önbellek kullanımıyla her zamankinden daha hızlı bir yapı deneyimi
  • React Portal kullanarak tüm görünüm modlarında sayfanızın% 100 doğru temsili
  • Visual Builder'daki sayfalar arasında tam olarak Classic Builder'daki gibi kopyalayıp yapıştırma özelliği.

Yeni Divi ile Klasik Divi Builder'ı Kullanma

Yukarıda belirtildiği gibi, Classic Divi Builder'ı yeni Divi Backend Builder sayfa düzenleyicisinde sağlanan bağlantıyı kullanarak veya tema seçeneklerinde Divi Builder'ın en son sürümünü devre dışı bırakarak kullanabilirsiniz.

Değişikliği yaptıktan sonra, arka plan sayfası düzenleyicisi birkaç küçük değişiklikle neredeyse tamamen aynı görünecektir. Eski "Görsel Oluşturucu Kullan" düğmesinin artık "Sunucuda Oluştur" yazdığını, ancak işlevin eskisi gibi olduğunu fark edeceksiniz. Ayrıca, arka uçtaki Divi Builder'ın altındaki bir bağlantıya tıklayarak yeni Divi Builder'a geçme seçeneğine sahip olacaksınız.

klasik editör divi builder.jpg

Classic Divi Builder'ın, New Divi Builder'da artık arka uçta bulunan tüm yeni özellikleri her zaman gözden kaçıracağını unutmayın.

Son düşünceler

Gutenberg'i tek başına başlatmak, çoğunlukla biraz ezici. Hepimizin bildiği WordPress sayfa editörü tamamen farklı! Ancak, şans eseri, yeni Divi Builder'ın piyasaya sürülmesi Gutenberg ile sorunsuz bir şekilde bütünleşir, böylece sevdiğiniz tanıdık kullanıcı arayüzünü şimdi koruyabilirsiniz. Ve artık arka uçta bulunan tüm güçlü özelliklerle Divi Builder, her zamankinden daha hızlı ve daha güvenilir.