Gutenberg yakında WordPress'e geliyor. Senin Site Web o hazır mı? Nasıl bir şekil alacağını henüz tam olarak bilmesek de, bu yeni içerik sistemi gelecekte WordPress'e eklenecek. Bunun siteniz üzerindeki olası etkilerine ve sorunlu alanları önceden belirleyip düzeltmenin yollarına bir göz atalım.
Gutenberg nedir?
Gutenberg, kullanıcılara içeriklerini tasarlamada daha fazla esneklik sağlamayı amaçlayan bir WordPress projesidir. Esasen proje, öncelikle bir kelime işlemci işlevi gören mevcut editörün daha görsel ve yapılandırılmış bir arayüzle değiştirilmesini hedefliyor. Şu anda Gutenberg bir eklentidir ve kullanıcılara içeriklerini aynı şekilde düzenleme olanağı verir. Görsel Besteci veya diğer sürükle ve bırak düzenleyicileri (Sürükle ve Bırak), ancak basitleştirilmiş ve çok sezgisel bir şekilde.
Gutenberg hakkında daha fazla bilgi için, burayı tıklayın.
Sitenizin bölümleri
Gutenberg devasa bir şirkettir ve büyük olasılıkla sizin için çok sayıda uç noktaya ulaşacaktır. Site Web. Potansiyel sorunlar için inceleyeceğimiz üç alan şunlardır:
- Temanız: Gutenberg, içerik için kendi stil setiyle birlikte gelir. Temanız uyumlu mu? Gutenberg aktif olduğunda neye benzeyecek?
- Eklentileriniz: Gutenberg'in diğer eklentilerinizle beklenmedik şekillerde etkileşime girmesi mümkündür. Ne olabileceğini ve ortaya çıkan sorunları çözmek için ne yapılacağını göreceğiz.
- İçeriğiniz: Gutenberg, içeriğinizin görüntülenme şeklini etkileyecektir. Bunun sayfalarınızın görünümünü nasıl değiştirebileceğine bir göz atacağız ve sorun yaşıyorsanız bazı olası çözümleri gözden geçireceğiz.
Bir test alanı kurma
Başlamadan önce, ana sitenizi riske atmadan Gutenberg ile deneyler yapabileceğiniz bir test alanı oluşturmak iyi bir fikirdir. İdeal olarak, kendi test alanınızı oluşturmalı veya sitenizin yerel bir kopyasını oluşturmalısınız. Bu görevlerden herhangi birinin nasıl gerçekleştirileceği hakkında daha fazla bilgi için aşağıdaki eğiticiye bakın: WordPress yerel olarak nasıl kurulur.
Bu mümkün değilse, testleri doğrudan sitenizde gerçekleştirebilirsiniz. Sitenizin bazı bölümlerini etkinleştirip devre dışı bırakacağımız için bunun riskli olabileceğini unutmayın. Canlı testi gerçekleştiriyorsanız, başlamadan önce sitenizin bir yedeğini oluşturduğunuzdan emin olun.
Nerede test edeceğinizi öğrendikten sonra eklentiler dizinine gidin ve Gutenberg'i bulun. Yüklendikten ve etkinleştirildikten sonra okumaya devam edin.
Temanızı test edin
Artık Gutenberg'i yüklediğinize göre, sitenizin etkilenebilecek ilk bölümüne bir göz atalım: temanız. Bu noktada, veritabanı hataları veya WordPress kontrol paneliyle ilgili sorunlar gibi zaten büyük sorunlar varsa, bölüme devam edin. Çok fazla sorun olduğunda ne yapılmalı.
Gutenberg öncelikle site içeriğiyle etkileşime girdiğinden, birkaç şeyi test etmek yeterli - neyse ki bizim için.
İlki, Gutenberg'in kendi stil sayfası ve bir dizi stil ile birlikte gelmesidir. Hâlâ doğru göründüklerinden emin olmak için sitenizde kullanılan farklı sayfa ve şablon türlerinin her birini kontrol edin. Buradaki temel amaç, sayfalarınızın ana içerik alanındaki öğelere, özellikle içerik ve görüntü bloklarına odaklanmaktır. Herhangi bir sorun görürseniz, muhtemelen Gutenberg'in stilleri sitenizdekilere göre önceliklidir.
Bunu düzeltmek için sorunun nereden geldiğini belirlemeniz gerekecek. Genellikle bu, bir HTML öğesine veya Gutenberg stillerinin kendi sınıflarınıza göre önceliğine odaklanan bir CSS seçici olacaktır. Her iki durumda da, hatanın nerede meydana geldiğini belirlemeye çalışın. Ardından, Gutenberg'in stillerinin neden sizinkini geçersiz kıldığını anlayın ve önceliğe sahip olması için kodunuzu düzeltin.
Kendi temanızda düzeltmeler yapmaya çalışın (veya daha iyisi, temanızdaki CSS için belirtilen bir alt tema veya alanda), Gutenberg'i değiştirmek yerine. Gutenberg'deki dosyalardan herhangi birini doğrudan düzenlerseniz, eklenti güncellendiğinde büyük olasılıkla üzerine yazılır.
Benzer şekilde, aynı testleri kontrol panelinizde bir kez ve tamamen çalıştırmak isteyeceksiniz. Tema seçenekleri ve temanız tarafından oluşturulan diğer özel bölümler şimdiye kadarki en büyük suçlular gibi görünüyor. Bu alanlarda stil oluşturma sorunlarını belirledikten sonra, genellikle bunları bir alt tema değiştirerek veya oluşturarak ve CSS'yi orada ince ayarlayarak düzeltebilirsiniz.
Eklentileriniz çalışıyor mu?
Temanızı test ettikten sonra sitenizin eklentileri aşağıdaki gibidir. Özellikle, içeriğinizde kullandığınız kısa kodları (ör. Yerçekimi Formları), içeriğinizin görünümünü etkileyen eklentileri (ör. Metin boyutunu etkileyen erişilebilirlik eklentileri) sağlayan eklentilere dikkat edin ve doğrudan sayfanıza öğe ekleyen eklentiler (Gelişmiş Özel Alanlar gibi).
Kısa kodları keşfedin
Bu alanı denetlemek için, kullandığınız tüm kısa kodların yanı sıra var oldukları sayfaların bir listesini toplayarak başlayın. Listeniz elinizin altındayken, beklendiği gibi çalışıp çalışmadıklarını görmek için bu sayfaların her birini ziyaret edin. Şekillendirme sorunları yaşıyorsanız, muhtemelen aynı sorunu yaşıyorsunuz ve stillerinizi yeniden ayarlamanız gerekiyor.
Bununla birlikte, kısa kod görüntüleniyorsa ve beklenen içerik görüntülenmiyorsa (yani, sayfanız, [shortcode]doğru olanı yapmak yerine) başka bir çözüm var. Bu durumda, kısa kodun bulunduğu bloğa bakabilir ve metin olarak kabul edilmediğini onaylayabilirsiniz (kısa kodun etrafındaki istenmeyen etiketleri bulun ve kaldırın). Sorun devam ederse, kısa kodu daha uygun bir blok türüne taşımak her şeyi yeniden başlatmalıdır.
İçeriğin görünümü
Bu sorun, daha önce ele aldığımız aynı sorundan kaynaklanıyor: stil ikameleri. Etkilenen öğeleri belirleyin ve CSS'yi düzeltin.
Eleman oluşturma
Çakışan sorunlar için bakacağımız son alan, öğe oluşturma ile ilgilidir. Kısa kodlar kullanmadan bir sayfaya HTML öğeleri ekleyen herhangi bir eklenti burada şüphelidir, örneğin, PHP Gelişmiş Özel Alanlar eklentisinden özel alanlar çıkardığında.
Elemanların yaratılmasıyla ilgili en yaygın kayma, uyumsuz bloklar etrafında döner. Gutenberg kendi stillerini sağladığından, öğelerinizin istem dışı bir blok içinde yaratılması durumunda doğru şekilde görüntülenmeyebilir. Bunun düzeltmesi, kodunuzun, olmasını istediğiniz yere bloğa öğeler eklediğinden emin olmaktır.
İçeriğiniz gerektiği gibi görünüyor mu?
Tartıştığımız diğer sorunlar kadar acil değil, ancak içeriğinizin görüntülenme biçiminde bazı zorluklar olabilir. Bu sorunların çoğu, küçük stil değişikliklerinden veyaorganizasyon bloklar. Bunu düzeltmek için, sayfanızı istediğiniz gibi alana kadar blok sistemiyle oynamanız gerekecek.
Çok fazla sorun olduğunda ne yapılmalı
Bu eğitimdeki önerilerle çözemediğiniz bir sorunla karşılaştınız mı? Panik yapma ! Gutenberg'in WordPress'in çekirdeğine entegre edilmesi için hala biraz zaman var.
İlk olarak, hatanın ne olduğunu ve hataya hangi adımların yol açtığını yazın. Ne kadar fazla bilgi toplarsanız o kadar iyidir. Tüm bu bilgileri Gutenberg ekibine iletin. Şans eseri, sorunu belirleyebilecek ve gelecekteki bir sürümde düzeltebilecekler.
Bir hazırlık sitesi üzerinde çalışıyorsanız, bu noktada şimdilik yapabileceğiniz tek şey budur. Sorununuzun çözülüp çözülmediğini görmek için sürüm notlarını kontrol etmeye devam edin veya muhtemelen sorunu kendiniz çözmeye çalışın.
Canlı sitenizde çalışıyorsanız, Gutenberg'i devre dışı bırakmak her şeyi normale döndürmelidir. Değilse, eğitimin başında yaptığınız yedeklemeye geri dönme zamanı!
Kurulumunuzda bol şans!
Gutenberg, içeriği daha iyi hale getirmek için WordPress ortamında büyük bir değişim olmayı hedefliyor. Ana şubeye ulaşmadan önce, sitenizin yeni değişikliklerle çalışacağını doğruladığınızdan emin olun. Burada listelenenler dışında sorunlarınız varsa, bu eğitimdeki herhangi bir şey için daha iyi çözümler veya düzeltmeler varsa, lütfen aşağıya bir yorum bırakın.
