Ana İçeriğe Geç

Gutenberg üzerinde bir çift blok nasıl oluşturulur

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Bu öğreticiyi okuyorsanız, WordPress için yeni Gutenberg editörünü denemiş olabilirsiniz.

Henüz yapmadıysanız, denemenizi tavsiye ederim. Şu anda bir eklenti olarak mevcut ancak gelecekte bir noktada WordPress ile birleştirilecek, bu yüzden bir gün onu tanımanız gerekecek.

gutenberg.png dosyasını deneyin

Tüm yeni kullanıcı arayüzleri gibi, hayranları ve eleştirmenleri var. Yeni bir arayüze alışmak her zaman zaman alır ve yeni sürümü reddetmek cazip gelir.

Birçok insan gibi, ilk başta Gutenberg'e şüpheyle yaklaştım. Birkaç yıldır eski arayüzle çalışıyorum ve buna aşinayım.

Ancak Gutenberg, bir dizi optimizasyon getiriyor. Ve beni gerçekten iki kez düşündüren bir özelliği var. Bu özellik nedir? Bunlar yinelenen ve paylaşılan bloklardır.

Kulağa çok fazla benzemeyebilir, ancak içeriği oluşturma yöntemimi daha etkili hale getirme ve bu içeriği ziyaretçilerin okuduktan sonra harekete geçmesini sağlamada daha etkili hale getirme potansiyeline sahiptir.

Bu eğitimde, size Gutenberg'de yinelenen ve paylaşılan blokları nasıl oluşturacağınızı ve açtıkları bazı olasılıkları nasıl paylaşacağınızı göstereceğim.

Ama önce, bloklar üzerine hızlı bir astar.

Bloklar nelerdir?

Bloklar nelerdir Gutenberg. Tüm içeriğiniz bir blok aracılığıyla eklenecektir. Aşağıdaki ekran görüntüsünde, düzenleyicide birkaç blok içeren bir makale görebilirsiniz:

Gutenberg.png hakkında bir makale yaz

Gönderilerinize eklemeye alışkın olduğunuz içerik türlerini yansıtan, ancak bunu yapmanın farklı bir yolunu sunan çok çeşitli bloklar mevcuttur. Bloklar şunları içerir:

  • Metin blokları - paragraflar, listeler, başlıklar, kod, alıntılar, tablolar
  • Medya blokları - resim, galeri, ses, video
  • Düzen öğeleri - düğmeler, ayırıcılar, bölücüler, sayfa sonları
  • Widget blokları - kategoriler, en son gönderiler, kısa kod
  • Blokları Entegre Edin - YouTube, Soundcloud, Spotify, Twitter ve daha fazlası

Blok yelpazesi çok büyük ve ek bloklar eklemek için Gutenberg API kullanan bir dizi üçüncü taraf eklenti ile artıyor.

Bir gönderiye veya sayfaya bir içerik parçası eklemeniz gerektiğinde, bir blok eklersiniz. Ve her içerik parçası kendi bloğunda, hatta tek tek paragraflarda saklanacaktır.

Bu, içeriğinizi düzenlemek ve yeniden düzenlemek için bloklarınızı hareket ettirebileceğiniz anlamına gelir. Aynı zamanda, yinelenen veya paylaşılan bir blok oluşturarak içerik bloklarını yeniden kullanabileceğiniz anlamına gelir.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Yinelenen Bloklar

Yinelenen bir blok oldukça basittir. Oluşturduğunuz mevcut bir bloğu alıp bir kopyasını oluşturursunuz.

Bunu yapmak için, fareyi bloğun sağındaki elipsin (dikey olarak hizalanmış üç nokta) üzerine getirin ve seçeneğe tıklayın. çift .

Bir block.png çoğaltmak

Bu bloğun bir kopyası, aynı makalede, orijinal bloktan hemen sonra oluşturulacaktır.

İçeriği (alıntı, yayından kaldırma, harekete geçirici mesaj veya resim gibi) çoğaltmak istediğinizde kullanabilir ve makalenizin başka bir yerine başka bir kopya ekleyebilirsiniz. Yeni bloğu olmasını istediğiniz yere sürüklemeniz yeterlidir. Yinelenen blokları birbirine çok yakın yerleştirmekten veya yanlışlıkla çok fazla kopya oluşturmaya dikkat edin!

Başka bir kullanım, birincisine benzer ancak aynı olmayan ikinci bir blok oluşturmak istediğinizde olabilir. Bu durumda, yinelenen bloğu oluşturmanız ve ardından onu değiştirmeniz gerekir. Bu, ilk bloğunuzu biçimlendirmek için biraz zaman harcadıysanız (örneğin, bir görüntüyü boyutlandırdıysanız) ve biçimlendirmeyi çoğaltmak, ancak içeriği değiştirmek veya bunun tersini yapmak istiyorsanız yararlıdır.

Yinelenen bir bloğu düzenlediğinizde, yaptığınız değişikliklerin orijinal blok üzerinde hiçbir etkisi olmaz - bunlar iki bağlantısız bloktur.

Bu nedenle, yinelenen bloklar, yayınınızdaki diğer içeriklerden aynı veya biraz farklı bir içerik oluşturmak istediğinizde zaman kazanmak için harikadır.

Ancak bir kusurları var - yalnızca tek bir makalede çalışıyorlar. İçerikleri makaleler arasında çoğaltmak istiyorsanız ne kullanıyorsunuz? Burası paylaşılan blokların devreye girdiği yerdir.

Paylaşılan bloklar

Paylaşılan bir blok, yinelenen bir bloktan farklı çalışır. Paylaşılan bir blok oluşturduğunuzda, ondan oluşturduğunuz diğer tüm bloklar için bir şablon gibidir. Ve bu bloklardan herhangi birini değiştirdiğinizde, değişiklikler tüm paylaşılan bloklara yansıtılır. Birazdan göstereceğim gibi, onu geçersiz kılabilirsiniz.

Paylaşılan bir blok oluştur

Paylaşılan bir blok oluşturmak için, normal şekilde herhangi bir normal blok türü oluşturarak başlayın. Sonra bunu yaptıktan sonra, imleci tekrar elipsin üzerine getirin ve bu sefer seçeneği seçin Paylaşılan bloğa dönüştür .

Bloğun altında görüntülenen ve bloğa bir ad vermeniz gereken bir metin alanı göreceksiniz.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

yeniden kullanılabilir bir block.png oluşturun

Bloğa, bunun dışındaki gönderilere eklediğinizde anlamlı olacak benzersiz bir ad verin. Unutulmaz olmalı, böylece haftalar hatta aylar sonra tekrar kullanmaya başladığınızda bloğun ne olduğunu tam olarak bilirsiniz. Blok tipini başlıktan sonra parantez içinde eklemeyi faydalı buluyorum. Blok adını yazdıktan sonra düğmeye basın Enregistrer .

block gutenberg.png

Bloğa verdiğiniz başlık, her kullandığınızda editörde altında görüntülenecek, ancak sitenizin ön ucunda görüntülenmeyecektir.

Paylaşılan bir bloğu yeniden kullanma

Paylaşılan blokların gücü, onları bir kez yarattıktan sonra, sitenizde nerede olursanız olun istediğiniz kadar tekrar kullanabilirsiniz.

Normal bir metin bloğu oluşturmak yerine bir makaleye paylaşılan bir blok eklemek istediğinizde, + düzenleme ekranının sol üst köşesinde. Aralarından seçim yapabileceğiniz çeşitli blok türlerini içeren bir bağlam menüsü görünecektir. Seçeneği görene kadar aşağı kaydırın partagée ve üzerine tıklayın.

Artık sitenizde oluşturduğunuz tüm paylaşılan blokları göreceksiniz. Benimki biraz dağınık görünüyor - Bu yerel sitede paylaşılan blokları denedim ve onlara en iyi ismi vermedim.

reutilisable blocks.png kullanın

Şimdi kullanmak istediğiniz paylaşılan bloğa tıklayın; yazıya eklenecektir.

Paylaşılan blokları düzenleme

Paylaşılan blokları düzenlemek, aklınızda bulundurmanız gereken bazı zorluklarla birlikte gelir. Birincisi, bir gönderiye eklediğiniz paylaşılan bir bloğu düzenlerseniz, içeriği de o bloğu eklediğiniz her gönderide değişecektir.

Bloğu değiştirmek için butona tıklayın Niteleyici başlığını dikkate alarak. Daha sonra bloğun içeriğini ve başlığını düzenleyebilirsiniz. Bu değişiklikler, bloğun tüm örneklerinde geçerli olacaktır.

Güncellenmesi gereken içeriğiniz varsa, sitenizde değişiklik yapmanın harika bir yoludur. Örneğin, telefon numaranız veya e-posta adresinizle bir harekete geçirici mesaj için paylaşılan bir blok kullandıysanız ve iletişim bilgileriniz değişirse, bloğu yalnızca bir kez düzenlemeniz gerekir.

Ancak, paylaşılan bloğun bir örneğini düzenlemek ve içeriğini bir makalede biraz farklı kılmak istiyorsanız bu bir sorundur. Bunu yapmak için, onu normal bir bloğa dönüştürmeniz ve ardından düzenlemeniz gerekir. Bloğun sağındaki elipsin üzerine gelin ve seçeneğe tıklayın Yeniden kullanılabilir blokları kaldırın.

reutilizable blocks.png kaldırmak

Daha sonra sitenizdeki diğer normal bloklar gibi davranacaktır.

Mevcut bir bloğa benzer başka bir paylaşılan blok oluşturmak istiyorsanız (örneğin, gönderinin içeriğine göre kullanacağınız harekete geçirici mesaj metninizin iki farklı versiyonunu istiyorsanız), bunu yapabilirsiniz. Bu adımları takip et:

  1. İlk paylaşılan bloğunuzu yukarıda açıklandığı şekilde oluşturun.
  2. Paylaşılan bloğu yeni bir makaleye ekle
  3. Normal bir bloğa dönüştürün ve değiştirin.
  4. İlk seferinde yaptığınız gibi, bunu paylaşılan bir bloğa dönüştürün.
  5. Orijinal olandan farklı bir ad verin - iki blok arasındaki farkları kolayca belirlemenize yardımcı olacak bir ad. Kaydet.

Artık sitenizde herhangi bir yerde kullanabileceğiniz iki paylaşılan bloğa sahipsiniz.

Paylaşılan blokların depolanması

Sitenizde kullanmak için birden fazla paylaşılan blok oluşturmayı düşünüyorsanız, bunlara kolayca erişip düzenleyebileceğiniz bir konumdaysa, her birinin bir kopyasını saklamak mantıklıdır.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Sitemde, oluşturduğum paylaşılan blokların her birinin benzersiz bir kopyasını içeren, yayınlamayacağım bir makale oluşturdum.

Tüm paylaşılan bloklarıma erişmek için bu makaleyi kullanmakla kalmıyorum - istersem, her bloğun ne olduğu ve bloğumda nereye gitmek üzere tasarlandığına dair bir not sağlamak için her birinin üzerine metin ekleyebilirim. site, ne tür yazılar, yazının neresinde vb. Bu, benim (veya siteyi düzenleyen herhangi birinin) paylaşılan blokları tutarlı bir şekilde kullandığımdan emin olmak için kullanabileceği kullanışlı bir kıyaslama görevi görür. Ayrıca, düzenlemem gerekirse paylaşılan bir bloğu bulmamı da kolaylaştırıyor.

Yinelenen ve paylaşılan bloklar içerik yönetimini daha verimli hale getirir

Yinelenen veya paylaşılan bloklar şeklinde bunun gibi yinelenen içerikler oluşturabilmek, sitenize içerik ekleme sürecini daha verimli hale getirir.

Kanımca, en büyük kazanç, sitenizdeki birden çok gönderiye eklemek istediğiniz içerik için, harekete geçirici mesajlar gibi paylaşılan blokları kullanmaktan geliyor. Geçmişte bu, bir eklenti yazarak ve içeriği gönderilerimin her birinde bir eylem kancasına bağlayarak yaptığım bir şeydi - ancak bu yalnızca temanızın doğru yerde bir kancası varsa mümkündür. ve eğer kod konusunda rahatsanız. Gutenberg, bir sitede yinelenen içerik oluşturmayı, eklemeyi ve yönetmeyi daha kolay ve daha hızlı hale getirecek.

Yinelenen ve paylaşılan blokları nasıl kullandığınızı bize anlatın!

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
17 hisseleri
hisse14
cıvıltı1
Enregistrer2