Yaklaşan Gutenberg editörü ile eklentinizi nasıl test edersiniz
WordPress ile çalışmanın faydalarından biri, bir platform olarak olgunluğudur. Ancak, alakalı kalmasının nedeni, projeyi uyarlama yeteneğidir. Son zamanlarda, Gutenberg adlı yeni editöre geçişe doğru büyük bir adım vardı. Ana yazılım değişiklikleri gibi, mevcut eklentilerin ve temaların bu yeni düzenleyiciyle uyumlu olacağından kesinlikle emin olmak istersiniz. Neyse ki, Gutenberg editörünün kodu artık WordPress.org eklenti dizinindeki genel eklenti olarak kullanılabilir. Bu, WordPress ile ilişkili projenizdeki ana uyumluluk problemini hissetmek için indirip yükleyebileceğiniz anlamına gelir.
Bu makalede, sizi önce Gutenberg Genel Projesi ile tanıştıracağız. Ardından, WordPress projenizi nasıl test edeceğinizi göstereceğiz ve birlikte iyi yürüdüklerinden emin olacağız. Hadi çalışalım! WordPress Gutenberg editör eklentisini tanıtmak
Editör, içeriği biçimlendirmeyi kolaylaştırmaya odaklanır. Ana özellik, sayfaları ve yayınları biçimlendirmek için sürükle ve bırak arayüzüdür ve metin, galeriler, başlıklar ve listeler, düğmeler, widget’lar ve daha fazlası gibi hiyerarşik öğeler gibi ‘bloklar’ eklemek için açılır ekleri kullanabilirsiniz. . Mevcut hedef, Gutenberg’i WordPress 5.0 tarafından standart bir editör yapmaktır, bu nedenle sürüme hazırlanmak için biraz zamanınız vardır. Eklentiniz veya temanız bir widget üretiyorsa veya çıktı içeriği içeriğini manipüle ediyorsa, uyumluluğunu sağlamak çok önemlidir. Yeni arayüzde, metin ve resimler gibi genel öğeler içeriğinizde hızlı bir menü alır:
Doğrudan yayınınızda her türlü ek içeriği görüntülemek için hömork römorkörünü de kullanabilirsiniz: Artık içerik yazma konusundaki Gutenberg yaklaşımına biraz daha aşina olduğunuza göre, projenizin bu yeni araçla uyumlu olmasını sağlamak için ihtiyacınız olan içerik türünü tartışmanın zamanı geldi. Eklentinizi yaklaşan Gutenberg Editor (3 Element) ile nasıl test edersiniz, tıpkı diğer eklentiler gibi Gutenberg, WordPress kontrol paneliniz üzerinden yüklenebilir. Ayrıca, Chrome veya Firefox gibi bir kod muayenesi ile bir tarayıcı kullanmanızı öneririz, böylece arkada ne üretildiğini görebilirsiniz. Ayrıca yineleyeceğiz: Gutenberg’i yalnızca yerel kurulumlara yükleyebilirsiniz, çünkü doğrudan sitelere hazır değildirler! Şimdi üç temel öğeye bakalım. 1. Doğru kısa kod çıkışını kontrol edin
Kısa kod (elbette) WordPress’in ayrılmaz bir parçasıdır. Bunlar, dirsek parantezlerindeki küçük metinle temsil edilen önceki tasarlanmış kod bloğudur (örneğin, [örnek-shortcode]). Kod bloğu için sadece metinsel bir temsil olduğundan, Gutenberg editörü onu orijinal editör bloğu ile değiştirecektir. Çok sayıda kısa kod hatırlamaya ve kullanmaya ihtiyaç duymak yerine, aynı işlevi eklemek için römorkörü kullanabilirsiniz. Bununla birlikte, WordPress’in kısa kodlar için desteği hemen durdurması imkansızdır, bu nedenle sizi güncellemeniz önemli değildir. Önce kısa kod. Bu nedenle, beklenmedik çıktıyı kontrol etmek ve orijinal Gutenberg bloğuna dönüştürmeye hazırlanmaya başlamak daha iyidir. Neyse ki, bu adım basittir: Gutenberg editörünü açın ve metin bloğuna test etmek istediğiniz kısa kodu ekleyin. Son olarak, gerektiğinde tamamlanan anormallikleri kontrol etmek için yayınları kaydedin ve önizleyin. Bu arada, kısa bir kod gibi içeriği Gutenberg bloğuna değiştirmenize yardımcı olmak için yeni şablon mevcut olacak. Bu entegrasyonu eklemek artık Gutenberg çekirdeğe entegre edildiğinde eklentinizin destekleneceği anlamına gelir, bu nedenle işlemi daha sonra daha hızlı başlatmanız gerekir.
2. Özel Medya Çıktı Testi
Gutenberg’e gömülü medya galerilerinin örnekleri. Gutenberg’in her içeriği işleme biçiminde büyük bir değişiklik olmasına rağmen, bu çoğu eklenti ile sorunlara neden olmamalıdır. Ancak, eklentiniz yayınlarda veya sayfalara her türlü özel medya eklerse, yeni bir yaklaşımdan kaynaklanabilecek uyumluluk sorununu kontrol etmek isteyebilirsiniz. Bu çok önemlidir, çünkü medyanın ön uçtaki görüntülenme şekli, sitenizin tüm deneyimi üzerinde ciddi bir etkiye sahip olabilir. Bunu test etmek için bir kez daha Gutenberg hakkında yeni bir yazı yapın. Tabii ki, medya eklentinizin yayınlar ve diğer normal sayfalarla etkinleştirildiğinden ve çalıştığından emin olmalısınız. Ardından, Gutenberg tarafından üretilen çıktıyı kontrol etmek için sayfaya bakın. Özel medyanızı içeren farklı bir düzen ile oynamak ve ön taraftaki beklenmedik davranışlara dikkat edin. Bu, boyut değiştirme, ‘Alt’ metin veya bilgiler görüntülenmez veya çözmeniz gereken diğer çeşitli sorunları değiştirebilir. Kısacası, kapsamlı bir ön test testi her zaman iyi bir fikirdir, ancak çok Böyle sert bir değişiklik olduğunda önemli! 3. Özel bir şablondaki Gutenberg içeriğine bakın
WordPress temasında özel şablon örnekleri. Gutenberg tamamen yeni bir içerik makinesi olduğundan, mevcut sayfanızın düzeninden farklı etkileşim kurma olasılığı yüksektir. Sayfa için varsayılan stil içeren bir tema veya eklenti geliştirirseniz bu çok önemlidir. Bunu denetlemek isteyebilirsiniz, çünkü gelişme Gutenberg ile devam ediyor. Beta sürümündeki bu eklenti göz önüne alındığında, gelecekteki değişiklik için WordPress eklentiniz ve temanız tarafından oluşturulan her özel şablonun çıktısını etkileyebilecek birçok alan vardır. Gutenberg’in amacı güzel bir bahçe düzenini daha basit hale getirmektir, ancak bu daha uzun bir çözümle biraz uyumsuzluğa neden olabilir. Örneğin, Gutenberg editörü meta kutuyu desteklemez, bu nedenle şablonunuzda üstesinden gelmek için bir yol bulmanız gerekebilir. Temanız özel bir şablona bağlıysa, amaçlandığı gibi çalışıp çalışmadığını kontrol etmelisiniz. Bir kez daha, bu, hiyerarşi aracılığıyla otomatik olarak içerecek olan Gutenberg sayfasının hazırlanmasıyla yapılabilir. Kendi eklentinizde veya temanızda aşılamayacak sorunlar yaşıyorsanız, çekirdeğe birleştirilmeden önce tamamlamaya yardımcı olmak için Gutenberg Github’un resmi projesi hakkında bir rapor bırakmalısınız. Sonuç, WordPress ile güncel kalır, ancak aktif bir geliştirici olarak işiniz, platformdaki değişikliklerle işlev gören bir kodu korumaktır. Gutenberg editörünün eklenmesi yakındır ve şimdi temalarınızı ve eklentilerinizi test ederek daha önce ciddi sorunların üstesinden gelebilirsiniz.
Beklenmedik davranışlar için medya çıktı testi. Hala doğru göründüğünden emin olmak için özel bir şablondaki Gutenberg içeriğine bakın.
Sizce Gutenberg, WordPress eklenti geliştirmenizi kolaylaştıracak mı?Aşağıdaki yorumlar bölümünde bize nedenini anlatın!Kredi görüntüsü: Hannes Wolf.
