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 600.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.

Eğer yapmadıysanız, denemenizi tavsiye ederim. Şu anda bir eklenti olarak mevcut ancak ileride bir noktada WordPress ile birleştirilecek, bu nedenle bir gün onu tanımanız gerekecek.

gutenberg.png dosyasını deneyin

Tüm yeni kullanıcı arayüzleri gibi, hayranları ve kırıcıları var. Her zaman yeni bir arayüze aşina olmak zaman alır ve yeni sürümü reddetmek cazip gelir.

Birçok insan gibi, ilk önce Gutenberg konusunda şüpheliydim. Eski arayüzle çalışıyorum ve birkaç senedir aşina oldum.

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

Kulağa çok hoş gelmeyebilir, ancak daha etkili içerik oluşturma yöntemimi yapma ve ziyaretçilerin okuduktan sonra harekete geçme konusunda daha etkili olma potansiyeli vardır.

Bu derste size Gutenberg'de yinelenen ve paylaşılan blokların nasıl oluşturulacağını ve açtıkları bazı olanakların nasıl paylaşılacağını göstereceğim.

Ama önce, bloklara hızlı bir giriş.

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, editörde birkaç blok satır içeren bir makale görebilirsiniz:

Gutenberg.png hakkında bir makale yaz

Genelde yayınlarınıza eklediğiniz içerik türlerini yansıtacak, ancak bunu yapmanın farklı bir yolunu sunan çok çeşitli bloklar var. Bloklar şunları içerir:

  • Metin blokları - paragraflar, listeler, başlıklar, kod, tırnak işaretleri, tablolar
  • Medya blokları - resim, galeri, ses, video
  • Mizanpaj Öğeleri - Düğmeler, Aralayıcılar, Ayırıcılar, Sayfa Sonları
  • Widget Blokları - kategoriler, en son yazılar, kısa kod
  • Blokları gömme - YouTube, Soundcloud, Spotify, Twitter ve daha fazlası

Blok yelpazesi, ilave bloklar eklemek için Gutenberg API'sini kullanan çok sayıda üçüncü taraf eklenti ile birlikte büyük ve büyümektedir.

Bir makaleye veya sayfaya bir içerik öğesi eklediğinizde, bir blok eklersiniz. Ve her bir içerik parçası kendi bloğunda - bireysel paragraflarda bile - saklanacaktır.

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

Blogunuzu tanıtmaya başlayın

WordPress Blogunuzu pazarlamak için düzinelerce Logo, afiş, web sitesi şablonu ve diğer birçok pazarlama aracını indirin. [Önerilen]

Yinelenen Bloklar

Bir yinelenen blok oldukça basittir. Oluşturduğunuz bir bloğu alıp bir kopyasını aldınız.

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

Bir block.png çoğaltmak

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

İçeriği (bir alıntı, bir alıntı, bir harekete geçirme ifadesi veya bir resim gibi) çoğaltmak ve makalenizin başka bir yerine başka bir kopya eklemek istediğinizde kullanabilirsiniz. Yeni bloğu yapmak istediğiniz yere sürüklemeniz yeterlidir. Yinelenen blokları birbirine çok yakın yerleştirmekten veya kazayla çok fazla yineleme oluşturmaktan kaçının!

Başka bir kullanım, birinciye benzer fakat aynı olmayan ikinci bir blok oluşturmak istediğinizde olabilir. Bu durumda, yinelenen bloğu oluşturmalı ve sonra değiştirmelisiniz. İlk bloğunuzu biçimlendirmek için biraz zaman harcadıysanız (örneğin, bir resmi boyutlandırmak için) ve biçimlendirmeyi kopyalamak istiyorsanız, ancak içeriği değiştirmek ya da tam tersi için kullanışlıdır.

Bir yinelenen bloğu düzenlediğinizde, yaptığınız değişikliklerin orijinal blok üzerinde bir etkisi olmaz - bunlar birbiriyle bağlantılı olmayan iki 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 - sadece bireysel bir makalede çalışıyorlar. Makaleler arasında içeriği çoğaltmak istiyorsanız ne kullanıyorsunuz? Burası paylaşılan blokların devreye girdiği yer.

Paylaşılan bloklar

Paylaşılan bir blok, yinelenen bir bloktan farklı şekilde ç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 blokları etkiler. Yakında göstereceğim gibi atlayabilirsiniz.

Paylaşılan bir blok oluştur

Paylaşılan bir blok oluşturmak için, normal şekilde herhangi bir normal blok türünü oluşturarak başlayın. Sonra, bunu yaptıktan sonra, elipsin üzerine gelin 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.

yeniden kullanılabilir bir block.png oluşturun

Bloğa, bunun dışındaki öğelere eklediğiniz zaman anlamlı olacak benzersiz bir ad verin. Bu unutulmaz olmalı, bu yüzden haftalarca, hatta aylarca tekrar kullanmaya başladığınızda bloğun tam olarak ne olduğunu biliyorsunuzdur. Başlıktan sonra blok tipini parantez içinde eklemeyi faydalı buluyorum. Bloğun adını yazdıktan sonra, düğmesine basın. Enregistrer .

block gutenberg.png

Bloğa verdiğiniz başlık, her kullanışınızda editörde altında görünür, ancak sitenizin önünde görüntülenmez.

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]

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.

Bir makaleye paylaşılan bir blok eklemek istediğinizde normal bir metin bloğu oluşturmak yerine, düğmeyi tıklayın. + düzenleme ekranının sol üst köşesinde. Seçmeniz için çeşitli blok türleriyle bir açılır menü belirecektir. Seçeneğini 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. Mine biraz dağınık görünüyor - bu yerel sitede paylaşılan bloklarla 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 blok düzenlemede akılda tutmanız gereken bazı komplikasyonlar vardır. Birincisi, bir makaleye eklediğiniz paylaşılan bir bloğu düzenlerseniz içeriğinin, o bloğu eklediğiniz her makalede de değişmesidir.

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

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

Ancak, yalnızca paylaşılan bloğun bir örneğini düzenlemek ve bir makalede içeriğini biraz farklı hale getirmek istiyorsanız bu bir sorundur. Bunu yapmak için normal bir bloğa dönüştürmeniz ve sonra değiştirmeniz gerekir. Bloğun sağındaki elipsin üzerine fare ile tıklayın ve seçeneğe tıklayın Yeniden kullanılabilir blokları kaldırın.

reutilizable blocks.png kaldırmak

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, harekete geçirme ifadenizin yayınının içeriğine bağlı olarak kullanacağınız iki farklı sürümü istiyorsanız), bunu yapabilirsiniz. Şu adımları izleyin:

  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, paylaşılan bir bloğa dönüştürün.
  5. Orijinalinden farklı bir ad verin - iki blok arasındaki farklı olanları kolayca tanımlamanıza 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şebileceğiniz ve düzenleyebileceğiniz bir yerdeyse her birinin bir kopyasını saklamak mantıklıdır.

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]

Sitemde yayınlamayacağım ve oluşturduğum her paylaşılan bloğun benzersiz bir kopyasını içeren bir makale hazırladım.

Bu makaleyi yalnızca tüm paylaşılan bloklarıma erişmek için kullanmayabilirim. İstersem, her bloğun ne olduğu ve nereye gitmek üzere tasarlandığına dair bir not vermek için her birinin üstüne metin de ekleyebilirim site, ne tür mesajlar, postalar Paylaşılan blokları tutarlı bir şekilde kullandığımdan emin olmak için (ya da siteyi düzenleyen herhangi birisinin) kullanabileceğim uygun bir referans noktasıdır. Ayrıca, değiştirmem gerekirse paylaşılan bir bloğu daha kolay bulmamı sağlıyor.

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

Bu şekilde yinelenen veya yinelenen içerikler oluşturacak şekilde yinelenen içerik oluşturabilmek sitenize içerik ekleme işlemini daha verimli hale getirir.

Bence en büyük kazançlar, sitenizdeki harekete geçirme ifadesi gibi birden fazla makaleye eklemek istediğiniz içerik için paylaşılan bloklar kullanmaktan kaynaklanıyor. Geçmişte, bir eklenti yazıp içeriği her yazımdaki bir eylem kancasına takmak suretiyle yaptığım bir şeydi - ancak temanız doğru yerde bir kancaya sahipse mümkün ve eğer kod konusunda rahatsanız. Gutenberg, bir sitede yinelenen içeriğin oluşturulmasını, eklenmesini ve yönetilmesini kolaylaştıracak ve hızlandıracaktır.

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

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. 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