WordPress 5.0 ve Gutenberg: Bilmeniz Gerekenler

WordPress 5.0'dan kesinlikle haberdarsınızdır; bu, WordPress ile içerik oluşturma şeklimizi tamamen değiştiren büyük bir güncellemedir.

Bir süredir WordPress kullanıyorsanız, platformun zamanla ne kadar değiştiğini muhtemelen biliyorsunuzdur. Bir zamanlar basit bir blog aracı olan şey, kapsamlı bir web sitesi oluşturucu ve yönetim platformu haline geldi.

WordPress 5.0 ("Bebo" olarak adlandırılır), platformu kullanma şeklimizde büyük bir değişimdir. Bu güncellemeyle WordPress ekibi, kullanılabilirlik ve erişilebilirliğe odaklandı. Herkesin kod yazmadan çarpıcı derecede güzel ve mobil uyumlu web siteleri tasarlayabilmesini istiyorlar.

Bu makalede, WordPress 5.0 ile gelen yenilikleri gözden geçirmek, Gutenberg'i ve nasıl kullanılacağını açıklamak ve ardından bunun favori ödeme eklentiniz WP Simple Pay'i nasıl etkilediğini incelemek istiyoruz.

WordPress 5.0 Özellikleri

WordPress ekibinin WordPress 5.0'ı geliştirirken üç hedefi vardı:

1. Kullanıcıların basit metin ağırlıklı sayfalar oluşturmak yerine zengin medya ve tasarım öğeleriyle daha fazla içerik oluşturmaları için bir yol bulun.
2. Kullanıcı arayüzüyle etkileşim için *tek bir standart* oluşturun, böylece web sitesi oluşturma sezgisel olur. Zengin metin, kısa kodlar, HTML, diğer platformlardan yapıştırılan kodlar ve diğer biçimleri karıştırmanızı istemiyorlar. Sadece bloklarını kullanmanızı istiyorlar.
3. Temel özellikleri keşfedilebilir hale getirin. Farklı içerik türlerini (video, resim, ayırıcılar, sütunlar vb.) doğrudan önünüzde görmenizi istiyorlar, böylece WordPress'te arama yapmak veya üçüncü taraf eklentileri birleştirmek zorunda kalmazsınız.

Bunlar iddialı hedefler, ancak WordPress 5.0 hepsini başarıyor. Tanıtım videolarını izleyin:

İşte WordPress 5.0 ile gelen büyük güncellemelerin bir listesi.

• WordPress artık resmi olarak PHP sürüm 7.3'ü destekliyor.
• Yeni JavaScript dil paketi, çevrilebilir dizeleri doğrudan JS koduna eklemenizi sağlar.
• "Önizleme" düğmesine bastığınızda meta kutuları kaydedilir.
• "Önizleme" düğmesine bastığınızda taslak kaydedilir.
• Geliştirilmiş mobil optimizasyon.
• Yayınlamadan önce arka plan resimlerini kırpabilirsiniz.
• Resimler için boyut özniteliklerini kullanabilmeniz için wp-image CSS sınıfı eklendi.
• WordPress ile entegre olan uygulamalar oluşturmalarına yardımcı olan WordPress Rest API'de birkaç önemli iyileştirme yapıldı.
• Klasik düzenleyici, Gutenberg düzenleyicisi ile değiştirildi (bunun hakkında birazdan daha fazla bilgi vereceğiz).

WordPress ekibi bu değişiklikleri neden yaptı?

Basitçe söylemek gerekirse, WordPress Squarespace, Wix, Shopify vb. gibi diğer web sitesi oluşturma çözümleriyle rekabet etmek zorunda. Evet, bu platformlar niş toplulukları çekiyor, ancak yine de WordPress için rakipler. WordPress'in pazar payı büyümeye devam ediyor, ancak rakiplerinin de öyle.

Yeni Tema: Twenty Nineteen

WordPress'teki tasarımcılar her yıl yeni bir tema sunmayı seviyor. WordPress 5.0 ayrıca en yeni varsayılan tema olan Twenty Nineteen'i de içeriyordu.

WordPress ekibinin çoğu teması gibi, Twenty Nineteen de modern, minimalist, hafif ve profesyoneldir. Oldukça özelleştirilebilir ve mobil cihazlarda harika görünüyor.

En önemlisi, yeni tema özel olarak yeni Gutenberg blok düzenleyicisi için tasarlanmıştır. Gutenberg düzenleyicisi yepyeni olduğu için, mükemmel çalışan birkaç temadan biridir. WordPress ekibi, Gutenberg'e uyum sağlamak için eski WordPress temalarını (Twenty Ten'e kadar olanları) zamanla güncelleyeceklerini söylüyor.

Gutenberg Blok Düzenleyici

Yeni düzenleyici, WordPress 5.0'daki en dramatik değişikliktir. Sayfalar ve gönderiler için içerik oluşturma şeklimizi tamamen yeniler. Gutenberg birkaç aydır bağımsız bir eklenti olarak mevcut, bu yüzden belki de zaten denemişsinizdir. Artık varsayılan WordPress düzenleyicisidir.

WordPress ekibi, “Gutenberg'in kapsamlı hedefi, zengin düzenler oluşturmayı kolaylaştıran bir gönderi ve sayfa oluşturma deneyimidir” diyor.

Daha önce Thrive Architect, Elementor, Visual Composer veya Beaver Builder gibi bir sayfa oluşturucu kullandıysanız, WordPress'in varsayılan yeni sistemini tanıyacaksınız.

Gutenberg, gelişmiş bir blok tabanlı düzenleyicidir. İçeriğinizi büyük bir metin kutusuna yazmak veya yapıştırmak yerine, modüler bloklarla içerik “oluşturursunuz”.

Farklı blokların farklı amaçları vardır. Örneğin, resim bloğu resimler içindir. Başlık bloğu başlıklar içindir. Paragraf bloğu - tahmin ettiğiniz gibi - paragraflar içindir. Her bloğun belirli bir amacı vardır ve bunları başka şekillerde kullanamazsınız.

WordPress 5.0, 40'tan fazla varsayılan blokla birlikte gelir. Kendi bloklarına sahip üçüncü taraf kaynaklardan ek eklentiler yükleyebilirsiniz. Daha fazla blok istiyorsanız, Atomic Blocks, Stackable, Advanced Gutenberg Blocks veya CoBlocks'a göz atın.

Gutenberg Nasıl Çalışır?

Bir blok eklemek için menüden veya sayfanızdaki "+" simgelerinden birine tıklayarak seçmeniz yeterlidir. Blokları yeni bir konuma sürükleyerek etrafta hareket ettirebilirsiniz.

Bu içerik bloklarını istifleme yöntemi, koda dokunmadan nihai tasarım üzerinde kontrol sahibi olmanızı sağlar. O resmi başka bir paragrafın üzerine taşımak mı istiyorsunuz? Bu, herhangi bir yeniden biçimlendirme veya HTML'de kalan yinelenen kod olmadan basit bir fare sürüklemesidir.

Ayrıca, düzen blokları daha önce hiç sahip olmadığımızdan daha fazla işlevsellik sunar. Sütunlar, ayırıcılar, düğmeler ve widget'lar (kısa kodlar için) oluşturabilirsiniz, hızlı ve kolay bir şekilde.

Her blok, içeriğinizi tam olarak istediğiniz gibi oluşturabilmeniz için kendi ayarlar paneliyle birlikte gelir. Bir bloğa tıkladığınızda, arayüzünüzün sağ tarafındaki bir menü, o bloğun ayarlarını görüntülemek için değişecektir.

Başka bir yerde (o sayfada veya sitenizin başka bir yerinde) kullanmak istediğiniz bir blok oluşturursanız, yeniden kullanılabilir olarak kaydedebilirsiniz. Bu, o sayfada veya başka herhangi bir sayfada bu ayarlarla bloğu hızlı bir şekilde ekleme olanağı sağlar.

İçerik oluşturmanın bu yeni "oluşturma" tarzının yalnızca bir metin kutusuna yazmaktan daha karmaşık olduğunu düşünebilirsiniz, ancak WordPress, bol miktarda klavye kısayolu ekleyerek bunu daha da basitleştirmiştir. Bu komutlar, blokları hızla eklemenize, kaldırmanıza ve işlemenize yardımcı olur, böylece içeriği hızlı bir şekilde oluşturabilirsiniz.

Önümüzdeki aylarda (eğer henüz gerçekleşmediyse) favori eklentileriniz ve temalarınız için pek çok güncelleme göreceğiz. Gutenberg'e uyum sağlamak için değişiklikler yapmak isteyeceklerdir.

Gutenberg ve WP Simple Pay

Peki Gutenberg WP Simple Pay'i nasıl etkiliyor?

Neyse ki, pek bir şey etkilemiyor. Bir sayfaya WP Simple Pay formu eklemek istiyorsanız, yeni bir blok ekleyin, Widget kategorisindeki Kısa Kod bloğunu bulun, ardından kısa kodunuzu yapıştırın.

Alternatif olarak, kısa kodunuzu bir paragraf bloğuna yapıştırabilirsiniz. Blok otomatik olarak bir kısa kod bloğuna dönüşmelidir.

Gutenberg'in güzelliği, blok sisteminin ödeme formunuzu kendi satırında tutacak olmasıdır, böylece sayfadaki diğer öğelerle biçimlendirme çakışması olmayacaktır.

İleriye Dönük

Klasik düzenleyiciyi geri getiren bir eklenti yüklemek mümkün olsa da, blok düzenleyiciye mümkün olan en kısa sürede alışmanızı öneririz. Alıştığınızda, kodlara dokunmadan inanılmaz sayfalar ve gönderiler oluşturabileceğinizi fark edeceksiniz.

Açıkçası, Gutenberg ve WordPress 5.0'ın erişilebilirlik ve profesyonel düzeyde tasarıma doğru bir değişimin başlangıcı olduğuna inanıyoruz. WordPress - ve diğer içerik yönetim sistemleri - tüm web sitenizi mümkün olduğunca az üçüncü taraf araçla kendi platformlarında oluşturmanızı istiyor.

Gutenberg ve WordPress 5.0'ın yayınlanması hakkında web'de pek çok eleştiri bulacaksınız, ancak insanların onu nasıl kullandığını ve WordPress'in geleceğini görmek için heyecanlıyız.

Oh, ve bir hata bulursanız, bildirdiğinizden emin olun! WordPress, ürünlerini sürekli olarak yineleyebilmeleri için geri bildirimler konusunda kendini adamış topluluğuna bağlıdır.