Özel Gutenberg Blokları Kılavuzu
Yayınlanan: 2022-11-08WordPress partisine geç kalmanız durumunda , bloklar .
WordPress, Gutenberg deneyimini geliştirmeye ve iyileştirmeye devam ediyor, bu da birçok geliştiricinin özel Gutenberg Blokları oluşturmaları gerekip gerekmediğini sormasına neden oluyor.
Bu yazıda, özel blokların nasıl çalıştığına, ne zaman kullanılacağına, web sitenizi oluşturmak için alternatif seçeneklere ve Gutenberg bloklarının nasıl oluşturulacağına bakacağız.
Özel Gutenberg Blokları Nelerdir?
Bloklar, WordPress'te sayfalar ve gönderiler oluşturmak için temel birimdir. WordPress, 2018'de Gutenberg düzenleme deneyimiyle blokları tanıttı. WordPress, yazı başlıkları, resimler ve galeriler dahil olmak üzere birçok varsayılan içerik türü bloğu içerir. Ek olarak, eklentiler düzenleme deneyiminize kendi bloklarını da ekler. Örneğin, en son WooCommerce sürümlerinden bazıları, WordPress'teki herhangi bir sayfaya veya gönderiye ürün ve e-ticaret işlevselliği eklemeyi kolaylaştırmak için yeni bloklar sundu.
Özel bir Gutenberg bloğu oluşturmak, bu bloğu sitenizdeki herhangi bir sayfada veya yayında kullanmanıza olanak tanır. Örneğin, müşteri referanslarını çeken ve görüntüleyen bir blok oluşturabilirsiniz.
Blokları tamamen kucaklamak konusunda isteksizseniz, kaçırıyorsunuz. En yeni WordPress özelliklerinin tümü, blok düzenleyici deneyimini geliştirmeye odaklanır. En son ve gelecek WordPress özelliklerinin çoğundan yararlanmak için blokları kullanmanız gerekecek.
Tüm sitenizi oluşturmak ve düzenlemek için blokları nasıl kullanabileceğiniz hakkında daha fazla bilgi edinmek için Tam Site Düzenlemeye başlama konulu e-kitabımızı indirin.
Özel Gutenberg Blokları Ne Zaman Kullanılır?
Mevcut blok seçenekleri ihtiyaçlarınızı karşılamadığında ve eklentileriniz veya temalarınızla uygun bir alternatif bulamadığınızda özel bir Gutenberg bloğu oluşturabilirsiniz.
Özel bir Gutenberg bloğu oluşturmak genellikle yeni başlayanlar için uygun bir proje değildir. Kendi özel Gutenberg bloklarınızı kodlamanın en yaygın iki nedeni, bir eklenti geliştirmeniz veya kendi temanızı oluşturmanızdır.
Özel bir geliştirici veya geliştirme ekibi ile kurumsal düzeyde bir proje olmadıkça, bir blok oluşturmak çoğu kişinin tek bir web sitesi için üstlendiği bir proje değildir. Yalnızca bir site için özel bir bloğa ihtiyacınız varsa daha iyi sonuç verebilecek bazı alternatif yöntemleri paylaşıyoruz.
Özel Gutenberg Bloklarını Kullanmaya Alternatifler
Tüm özel blokları bulma işini yapmadan önce, bu alternatiflerden birinin sizin için işe yarayıp yaramayacağını düşünün.
Blok Kalıpları veya Yeniden Kullanılabilir Bloklar
Dinamik içerik çekmeniz gerekmiyorsa ve gerçekten bir bloğun bir düzeni kopyalamasını istiyorsanız, bunun yerine yeni Blok Modelleri özelliğini veya Yeniden Kullanılabilir Blokları kullanın. Bu seçenek yeni başlayanlar için uygundur ve çok az kod yazarak veya hiç kod yazmadan gerçekleştirilebilir.
Desenler, sitenizin herhangi bir yerinde kullanabileceğiniz mini bir şablon gibidir. Bir sayfaya ekleyebilir ve ardından düzenleyebilirsiniz. Yeniden kullanılabilir bloklar benzer şekilde çalışır. En büyük fark, onları bir sayfada veya gönderide kullandıktan sonra onlara nasıl davranıldığıdır.
Bir desen bir başlangıç noktasıdır. Bir sayfada olduğunda, yaptığınız tüm değişiklikler o sayfaya özeldir. Deseni daha sonra değiştirirseniz, zaten kullanımda olduğu yerde değişmez.
Yeniden Kullanılabilir Bloklar birbirine bağlı kalır. Bloğu güncellerseniz, değişiklikler o bloğu kullandığınız her yere uygulanır.
Kod Bloğu
Sayfaya özel kod eklemek için kod bloğunu kullanın. Tema ve eklenti geliştiricileri, birden çok sitede kullanmak için özel bloklar oluşturur. Tek bir site üzerinde çalışıyorsanız, özel bir kod parçacığı ekleyerek muhtemelen aynı hedefe daha kısa sürede ulaşabilirsiniz. Her iki seçenek de aynı düzeyde teknik uzmanlık gerektirir.
Kendi özel bloğunuzu oluşturmayı düşünmeye değer olabilecek bir durum, siteyi bir müşteriye devretmek isteyen bir geliştirici olmanızdır. İstemci, Gutenberg düzenleyicisini kullanarak özel bloğunuzla çalışabilir, ancak kodunuzu düzenlemeye çalışırken tamamen kaybolur.
Özel Gutenberg Bloğu Nasıl Oluşturulur
Özel bir Gutenberg bloğu oluşturmak için iki seçeneğiniz vardır. Kendiniz kodlayabilir veya blok oluşturma eklentisi kullanabilirsiniz. Her iki seçenek de biraz kodlama gerektirir. Denemeden önce web geliştirmenin temellerini tazelemek isteyeceksiniz.
Kendiniz Kodlamak
Özel bloklar oluşturmak, geliştirme deneyimi gerektirir. WYSIWIG editörlerine bağlı kalmayı seviyorsanız ve yanlışlıkla kod göster seçeneğine her tıkladığınızda kalbiniz hızla çarpıyorsa, bu size göre değil.
Özel bloklar oluşturmak, orta düzeyde HTML, CSS, JavaScript ve React bilgisi gerektirir.
Geliştirme ortamınızı ve araçlarınızı ayarlayarak başlayın. Bir WordPress ortamına, Node'a, NPM'ye ve bir kod düzenleyiciye ihtiyacınız olacak. Bundan sonra, resmi WordPress blok düzenleyici el kitabından ilk bloğunuzu oluşturmaya ilişkin bu öğreticiyi izleyin.
Eklenti Kullanmak
HTML, CSS ve JavaScript konusunda rahatsanız ancak her şeyi sıfırdan kodlamaya hazır değilseniz, eklenti yaklaşımını düşünün. Tek bir web sitesinde kullanmak için özel bir bloğa ihtiyacınız olduğunda, özel bloklar oluşturmak için bir eklenti kullanmak harika bir seçenektir.
Genesis Custom Blocks eklentisi , özel bloklar oluşturmak için en popüler eklentidir. Tanıdık WordPress arayüzünü kullanarak blok alanları oluşturacaksınız. Alanları ayarladıktan sonra bloğun çalışması için HTML, CSS, JavaScript ve PHP şablonunu sağlamanız gerekir.
Daha kolay olmasına rağmen, yine de biraz kodlama gerektiriyor. Aradaki fark, yerel bir geliştirme ortamı kurmadan hepsini WordPress yöneticinizden yapabilmenizdir. Eklenti ayrıca düzgün çalıştığından emin olmak için bloğu test etmeyi ve önizlemeyi kolaylaştırır.
Her Ne İnşa Ediyorsan Yap, Yardımcı Olabiliriz
Özel bloklarla sitenizi nasıl oluşturursanız oluşturun veya klasik düzenleyiciyi kullanmaya devam ediyorsanız, güvenilir bir ana bilgisayara ihtiyacınız vardır. Pressable, WordPress'in solopreneur'den ileri düzey geliştiriciler ekibine kadar herkes için en iyi şekilde çalıştığı yer olmaktan gurur duyar.
Basılabilir, kullanımı kolay bir arayüz, birinci sınıf güvenlik ve inanılmaz yüksek hızlar sunar. Pressable'ın barındırma hizmetiyle, sitenizin güncellenmesi ve müşterilerinizin bulması ve kullanması kolay olacaktır.
Bugün kaydolun ve sitenizi oluşturmaya başlayın veya mevcut bir siteyi aktarma hakkında daha fazla bilgi edinin. Sitelerinizi taşımanıza yardımcı olmaktan mutluluk duyuyoruz!
