Sayfa Oluşturucudan WordPress Gutenberg Blok Düzenleyiciye Geçmenin Zorluğu

Yayınlanan: 2021-01-05

Zaman geldi. WordPress Gutenberg blok düzenleyicisi, mevcut web sitenizi güçlendirecek kadar güvenilir hale geldi. Artık o eski sayfa oluşturucu eklentisinden yerel bir içerik düzenleyicisi lehine kaçınabilirsiniz.

Kendimi içinde bulduğum durum bu. Yıllardır bir araya getirilmiş, güncel olmayan bir sayfa oluşturucu kullanan bir müşteri değişime hazır. Bu nedenle, mevcut düzenleri ve özellikleri bloklara dönüştürmeye yardım etmekle görevlendirildim.

Çok ilginç bir süreç oldu. Ve bu, diğer web tasarımcılarının karşı karşıya kaldığına bahse girdiğim bir şey.

Bununla birlikte, yol boyunca öğrendiğim birkaç şeyi paylaşmak istiyorum (İpucu: çok fazla zorluk var.) Ancak acı noktalarını erken tespit ederek, yoldaki bu tümsekleri yumuşatmak mümkün. İşte başlıyoruz!

Neden Gutenberg'e Geçmelisiniz?

Tüm temel konulara girmeden önce, uğraştığımız şey için sahneyi hazırlayalım. Bunların bir kısmı benim özel projeme özel olsa da, bunun oldukça yaygın bir durumu temsil ettiğinden şüpheleniyorum.

Zamanda Donmuş Bir Sayfa Oluşturucu

Sayfa oluşturucu eklentilerini, onları uzun vadede tutmaya kararlı olduğunuz sürece kullanmakta fayda var. Ancak çoğu zaman bir temanın parçası olarak paket halinde gelirler ve basitçe güncel tutulmazlar.

Bu durumda, eklenti hala oldukça iyi çalışıyor. Ancak WordPress'te yaklaşan değişiklikler, günlerinin sayılı olabileceği anlamına geliyor.

Diğer bir engel de, sayfa oluşturucunun müşteriye özel işlevleri yerine getirmek için bazı özel uzantılara sahip olmasıdır. Bu nedenle, herhangi bir düzenleme aracı değişikliğinin bunu hesaba katması gerekir.

Sayfa Oluşturucu Eklentisi ile Oluşturulan Düzen

Yerli Olma Kararı

Elbette, sayfa oluşturucu için yeni bir lisans alıp yazılımı güncellemek mümkündür . Ancak yine de, bu araçları kullanma konusunda uzun vadeli bir taahhüt vardır. Bu, yalnızca lisanslamaya ayak uydurmak değil, aynı zamanda kendinizi üçüncü taraf bir içerik oluşturma yöntemine kilitlemek anlamına gelir.

Gutenberg ise yerel bir çözümdür. WordPress çekirdeğinin bir parçası olduğu için bakım zincirinde daha az bağlantı vardır. Ayrıca, elde etmek istediğiniz hemen hemen her şeyi yapmak için özelleştirilebilir.

Bununla birlikte, blok düzenleyici akla gelebilecek her özellikle birlikte gelmiyor. Bu, ya ihtiyacınız olanı oluşturmak ya da bunu sizin için yapacak üçüncü taraf eklentileri bulmak anlamına gelir.

Ama sonuçta (nispeten) en sürdürülebilir yolu sunuyor. Bu nedenle, bir anahtar önerilir.

Düzenleri Çoğaltmak Nispeten Kolay

Sayfa oluşturucu kullanmanın en büyük nedenlerinden biri, karmaşık düzenler oluşturmanın çok kolay olmasıdır. İster birden fazla satıra, sütuna veya ikisinin birleşimine ihtiyacınız olsun, hepsi elinizin altında. Sadece birkaç tıklama, sürükle ve bırak ile hayal ettiğiniz düzene sahip olacaksınız.

Bazı durumlarda, bu, bir sayfa oluşturucunun kullanıldığı birincil görev olabilir. Eğer öyleyse, Gutenberg blok düzenleyicisine geçiş çok zor olmayacaktır.

Tabii ki, bloklarla yerleşimler oluştururken sıfırdan başlamanız gerekecek. Ancak, dahil edilen Sütunlar ve Grup bloklarının kombinasyonu süreci basitleştirebilir. Belirli bir düzeni tekrarlamanız gerekiyorsa, özel bir blok düzeni çok yardımcı olacaktır.

Dezavantajı? Blok düzenleyicinin kullanıcı arayüzü, bazı sayfa oluşturucular kadar kontrole izin vermeyebilir. Bu nedenle, bir mizanpaja yaklaşma veya CSS ile fazladan çalışma arasında seçim yapmanız gerekebilir.

Gutenberg Blok Düzenleyicisinde Özel Bir Düzen

Benzer İşlevsellik mi İstiyorsunuz? Hit veya Miss.

Varsayılan olarak Gutenberg, bir sayfa oluşturucu ile aynı işlevlerin tümünü sağlamayı amaçlamaz. Sağlam bir başlangıç ​​noktası sağlamayı amaçlar. Bu nedenle, bir sayfa oluşturucudan geçiş yapmak sizi vahşi bir kaz kovalamacasına gönderebilir.

İhtiyacınız olanı orada bir blok eklentisi şeklinde bulabilirsiniz. Düzenlerde olduğu gibi, bir blokta bulunan özellikler, sayfa oluşturucunuzun sahip olduğu özelliklerle aynı olmayabilir. Bu, bazı tavizler vermek veya işleri farklı bir yöne çekmek anlamına gelebilir.

Diğer seçenek ve blok düzenleyiciyi ayıran şey, kendi özel bloklarınızı oluşturma yeteneğidir. Bu, ihtiyaçlarınıza tam olarak uyan özellikler oluşturmanıza olanak tanır.

Özel bir blokla çok şey mümkündür, ancak sonuçta geliştirme becerilerinize bağlıdır. Yerel olarak oluşturulmuş bloklar, herkesin (sizinki dahil) sahip olmadığı bir şey olan React bilgisi gerektirir.

Neyse ki, başka teknikler var. Örneğin, Gelişmiş Özel Alanlar aracılığıyla bloklar oluşturuyorum. Bu, aşina olduğum, süreci çok daha kolay hale getiren bir araç.

Evet, ilgili bazı bağımlılıklar var. Ancak gelecekte bir bloğun yerel olarak yeniden inşa edilmesi gerekiyorsa, bu mümkün. Ancak, bir sayfa oluşturucunun aksine, editörlerin tamamen değişmesi gerekmeyecektir.

Gelişmiş Özel Alanlar Düzenleyici Ekranı

Uygulama Bir Plan Gerektirir

Yeni bir editörle bir web sitesi yeniden tasarımına başlamak idealdir. Temiz bir sayfa açma şansı sunuyor. Peki ya mevcut bir sitede geçiş yapmaya çalışıyorsanız?

Sayfa oluşturucu tabanlı içeriği blok düzenleyiciye dönüştürmek için planlama gerekir. Mükemmel bir dünyada, hepsini bir kerede serbest bırakırsınız. Ancak bu her zaman mümkün değildir – özellikle daha büyük web sitelerinde.

Ee ne yapıyorsun? Yeni başlayanlar için, bir hazırlama ortamına sahip olmak yardımcı olur. Bu, üretim web sitenizin tam bir kopyasını oluşturmanıza ve gerekli değişiklikleri test etmenize olanak tanır. Özel bloklar için bir tür kanıtlama alanı görevi görebilir. Bu, beklenmeyen sorunların kullanıcılarınızı rahatsız etmesini önler.

Daha da iyisi, siteniz çok fazla değişmiyorsa, tüm bu değişiklikleri hazırlama aşamasından üretim aşamasına geçirebilirsiniz.

Durum böyle değilse, parça parça bir yaklaşım uygun olabilir. Bu, bir seferde tek bir sayfanın dönüştürülmesini içerebilir.

Bunu güvenli bir şekilde yapmanın bir yolu, yeni bir sayfa (genel görünümden gizlenmiş) oluşturmak ve ardından onu ihtiyaçlarınıza uyacak şekilde oluşturmaktır. Oradan, hazır olduğunuzda eskisini değiştirebilirsiniz. Gutenberg'in Kod Düzenleyici görünümü, tüm bu blok verilerini kopyalayıp başka bir sayfaya yapıştırmanıza olanak tanır. Herhangi bir kalıcı değişiklik yapmadan önce yedekler oluşturduğunuzdan ve mümkün olduğunca test ettiğinizden emin olun.

Ne olursa olsun, web sitenizin sayfa oluşturucu kullanımını incelemek zorunludur. Ardından, onu blok düzenleyiciyle değiştirmek için bir plan oluşturun.

WordPress Blok Düzenleyicisinin Kod Düzenleyici Görünümü

WordPress'in Geleceği için Bloklarla İnşa Etme

Mevcut web sitenizi sayfa oluşturucudan Gutenberg blok düzenleyicisine geçirmek zor olabilir - ancak çok yapılabilir. Önceki düzenleyicinizle oluşturulan içeriğin çözülmesini ve bloklarla yeniden oluşturulmasını gerektiren bir işlemdir.

Zorluk seviyesi birkaç temel faktöre bağlıdır. Birincisi, eski sayfa oluşturucuyu kullanan içeriğin miktarı ve türü, önünüzdeki iş yükünü belirleyecektir.

Ayrıca, Gutenberg'deki görünümü ve işlevselliği kopyalamanız gereken derece de önemlidir. Öğeler yeniden tasarlanabiliyorsa, bu aslında web sitenizi geliştirmek için iyi bir fırsattır. Ancak, bir şeyleri yapmanın önceki yoluna ne kadar sıkı sıkıya bağlı kalınırsa, o kadar zorlaşır.

Ne olursa olsun, Gutenberg'e geçmek en geleceğe yönelik çözüm olabilir. Doğru koşullar altında, tek başına bu çabaya değecektir.