WordPress'te Gutenberg blokları nasıl dışa ve içe aktarılır

İlk başta, WordPress kullanıcılarının blok oluşturucu ile tatlı ve acı bir ilişkisi vardı. Sonra keşfettiğimiz gibi gutenberg kılavuzuYeni düzenleyici, güzel içerik oluşturmayı kolay ve eğlenceli hale getiren harika özelliklerle birlikte gelir. Şimdi bazıları artık onsuz yapamaz.

Gutenberg, herhangi bir kod yazmadan harika sayfalar ve makaleler oluşturmanız için size yeterli özellik sunar. Eklemek istediğiniz içerik ne olursa olsun, Gutenberg tam olarak doğru bloğa sahiptir.

Her içerik bloğunu derinlemesine değiştirmek ve özelleştirmek ister misiniz? Gutenberg, bunun için bir dizi özelleştirme seçeneğine sahiptir.

Varsayılan düzenleyicide bulunandan daha fazla blok ister misiniz? orada Gutenberg için bir ton WordPress eklentisi

Bu nedenle, birçok kullanıcının bunu bilmemesi üzücü. Yeniden Kullanılabilir BloklarGutenberg'in mükemmel özelliklerinden biri. Neden bahsettiğimiz hakkında hiçbir fikriniz yoksa, yeniden kullanılabilir bloklar yalnızca bloglar içerik o İstediğiniz zaman yaratır, kaydeder ve yeniden kullanırsınız.

Adlı bir harekete geçirici mesaj düğmesi eklemek istediğinizi varsayalım Teşekkürler notu, imza, form veya her gönderinin veya sayfanın sonundaki başka herhangi bir şey.

Geçmişte, özelliği bilgisayarınızdaki bir metin dosyasına kaydetmeniz gerekiyordu. İhtiyaç duyduğunuzda, onu kopyalayıp gönderinize veya sayfanıza yapıştırırsınız. Gutenberg bu sorunu azalttı. Artık metin dosyalarını kullanmanız veya aynı blokları her seferinde sıfırdan oluşturmanız gerekmiyor.

Yeniden kullanılabilir tek bir blok oluşturabilir ve bunu yalnızca yazılarınızda ve sayfalarınızda değil, diğer WordPress web sitelerinde de kullanabilirsiniz.

İster çok sayıda web sitesi oluşturuyor olun, ister her yazıya / sayfaya özel içerik eklemeniz gerekiyorsa, Gutenberg'in yeniden kullanılabilir blokları çok fazla zaman kazanmanıza yardımcı olabilir.

Ve bugünün makalesinde, tekrar kullanılabilir blokları Gutenberg'den WordPress'e nasıl oluşturacağınızı ve dışa aktaracağınızı tam olarak gösteriyoruz. Amacımız, özel içerik bloklarını birden fazla WordPress gönderisi / sayfası / web sitesinde kolayca taşımanıza ve yeniden kullanmanıza yardımcı olmaktır.

Ancak ondan önce, WordPress'i hiç kurmadıysanız, hadi öğrenelim Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim. 

Her şeyden önce, yeniden kullanılabilir bloklara ihtiyacınız var

Maalesef, dışa veya içe aktaramazsınız bloglar düzenli. Gutenberg bloklarını dışa ve içe aktarmak için, önce oluşturmalısınız bloglar yeniden kullanılabilir.

Örnekleme amacıyla, bir Teşekkürler notu Bunu, bir makaleye her eklemem gerektiğinde notu yeniden yazmak zorunda kalmadan yayınladığımız her makalenin sonuna eklemek istiyorum.

Ma teşekkür ederim not yaptım karmaşık bir şey yok; sadece Twitter ve Facebook bağlantıları olan basit bir paragraf bloğu. Bloğunuzun istediğiniz herhangi bir şey olabileceğini unutmayın - bir banner reklam kurslarının yöntemini seçebilecekler.n resim kaydırıcısı, alıntı, bir liste, son yayınlar, bir MailChimp formu vb.

Daha sonra bunu nasıl dışa aktaracağınızı göstereceğiz Teşekkürler notu ikinci bir WordPress web sitesinde.

Yeniden kullanılabilir bir blok nasıl oluşturulur

Yeniden kullanılabilir bir blok oluşturmak inanılmaz derecede kolaydır. Git Makaleler> Ekle Gutenberg düzenleyicisini başlatmak için:

Ardından simgeye tıklayın Blok ekle (+) ardından içerik bloğunuzu seçin. Bizim durumumuzda, aşağıdaki resimde gösterildiği gibi paragraf bloğunu ekledik.

Bundan sonra bloğunuzu ihtiyaçlarınıza göre özelleştirin. Metin, sosyal medya profillerine bağlantılar ve arka plan rengi ekledik. Yeni not defterimizin adı bu sağol Gutenberg editörümüzde şöyle görünüyor:

Şu anda yukarıdaki not bir blok düzenli. Onu bir yapmalıyız blok yeniden kullanılabilir ihracat ve ithalat yapabileceğimizi. Bunu yapmak için simgeye tıklayın Daha fazla seçenek, sonra yeniden kullanılabilir bloklara ekle, Aşağıda gösterildiği gibi.

Ardından, yeniden kullanılabilir bloğunuza bir ad verin ve düğmeye basın Kayıt, aşağıda görülebileceği gibi.

Ve işte bu, ilk yeniden kullanılabilir bloğunuzu oluşturdunuz. 

Yeniden kullanılabilir bloklar nasıl kullanılır

Yeni oluşturduğumuz yeniden kullanılabilir bloğu yazılarınıza veya sayfalarınıza eklemek son derece kolaydır. Gönderinize veya sayfanıza gerekli içeriği ekledikten sonra simgeyi tıklayın Bir blok ekleyin (+), sekmeye kaydır Yeniden kullanılabilir bloklar ve bloğunuzu seçin (Bizim durumumuzda teşekkür notu), Aşağıda gösterildiği gibi.

Yeniden kullanılabilir bloğu yayınınıza veya sayfanıza ekledikten sonra, düğmesine basın Önizleme / Yayın sonuçlarınızı ön uçta görüntülemek için. İşte elimizde ne var:

En iyi bölüm bloğumuzu yeniden kullanabilmemiz Teşekkürler notu sıfırdan oluşturmak zorunda kalmadan istediğiniz zaman. Gutenberg bloklarını destekleyen herhangi bir gönderi türüne de ekleyebiliriz.

Çok keşfetmek Gutenberg'deki bir görüntüye resim yazısı nasıl eklenir

Artık yeniden kullanılabilir blokların nasıl oluşturulacağını ve kullanılacağını bildiğinize göre, bu blokları başka bir WordPress web sitesine aktarma hakkında daha fazla bilgi edinelim. Herhangi bir karışıklığı önlemek için, az önce oluşturduğumuz bloğu kullanacağız.

Gutenberg blokları WordPress'e nasıl aktarılır

Yeniden kullanılabilir bir Gutenberg bloğunu dışa aktarmak kolaydır, hemen yapacaksınız.

Ne yapmalı?

Gutenberg düzenleyicisinin içinde Diğer araçlar ve seçenekler simgesi, o zaman tüm yeniden kullanılabilir blokları yönetin, aşağıda vurguladığımız gibi:

Bu seni ekrana götürür bloklar tüm yeniden kullanılabilir bloklarınızı görüntüleyip yönetebileceğiniz yer:

Sadece bloğumuz var Teşekkürler notu, ancak yukarıdaki ekran siz daha fazlasını oluşturdukça dolacaktır. Dışa aktarmak için başlığın üzerine gelin ve bağlantıya tıklayın JSON'a aktar görüntülenir. Aşağıdaki resme bakın.

Ardından JSON dosyasını bilgisayarınıza kaydedin:

Artık bilgisayarımızda JSON dosyasına sahip olduğumuza göre, bloğu ikinci web sitemize aktarmanın zamanı geldi.

Gutenberg bloklarını WordPress'e aktarma

Yeniden kullanılabilir bloklarınızı içe aktarmak A, B, C kadar kolaydır. İlk olarak, Gutenberg düzenleyicisini açın. İkinci olarak, tıklayın Diğer araçlar ve seçenekler simgesi, sonra tüm yeniden kullanılabilir blokları yönetin, Aşağıda gösterildiği gibi.

Ekranda bloklar ardından tıklayın JSON'dan içe aktar, daha önce indirdiğiniz dosyayı seçin ve ardından düğmesine basın. ithalat Bu sırayla :

Ve hepsi bu ! Aynı bunun gibi, yeniden kullanılabilir bir Gutenberg bloğunu ikinci WordPress web sitenize başarıyla aktardınız.

Ayrıca okumak için Gutenberg'deki bir görüntüye resim yazısı nasıl eklenir

Kolay değil mi? Daha sonra, Gutenberg bloğunuzu ikinci web sitesinde istediğiniz kadar kullanabilir ve yeniden kullanabilirsiniz.

Gutenberg bloklarını dışa aktarmak için herhangi bir WordPress eklentisi var mı?

Oh evet ve saygın bir WordPress geliştiricisi olan ThemeIsle'da bir tane buldum. Bu, ücretsiz bir eklentidir. İhracat İthalatını Engeller. Esasen, eklenti bu öğreticinin tamamını atlamanıza izin verir. Evet bu doğru; yeniden kullanılabilir bloklar oluşturmanıza bile gerek yok.

Rehberimize de bakınız. Gutenberg makalenize animasyonlu bir blok nasıl eklenir

Eklentiyi kurun ve etkinleştirin, ardından Gutenberg düzenleyicisini açın. Bloğunuzu istediğiniz gibi tasarlayın, ardından daha fazla seçenek simgesi. Sonra tıklayın JSON olarak dışa aktar, Aşağıda gösterildiği gibi :

Bu, JSON dosyasını bilgisayarınıza indirir. Eklentiyi kullanarak JSON dosyasını içe aktarmak için Gutenberg düzenleyicisini açın. Ardından simgeye tıklayın Bir blok ekleyin, o zaman JSON'dan Blokları içe aktar sekmenin altında widget'lar :

Bundan sonra tıklayın Dosya seçin Dosyayı bilgisayarınızdan seçmek için düğmesine basın. Yükle :

Eklenti yöntemiyle ilgili tek sorun, bloklarınızın WordPress web sitenize kaydedilmemesidir. Blokları WordPress veritabanınıza kaydetmek için manuel yöntemi kullanmanız gerekir. Belki bu gelecekte değişecek.

keşfedin Eklentinizin Gutenberg ile uyumlu olup olmadığını nasıl anlarsınız?

Maalesef başka bir eklenti bulamadım. Yine de, web sitenizde yeniden kullanılabilir blokları kaydetme konusunda endişelenmiyorsanız, eklenti size çok zaman kazandırabilir. 

Gutenberg'in yeniden kullanılabilir blokları hayat kurtarır. Sıfırdan başlamadığınız için modelleri hızlı bir şekilde yeniden üretmenize olanak sağlar. Çok sayıda gönderi / sayfa ve / veya web sitesi oluşturursanız, Gutenberg bloklarının nasıl dışa aktarılacağını öğrenmek kullanışlı olacaktır.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Takım Vitrin

Team Showcase, ekip üyelerinizi güzel bir duyarlı ızgara veya karuselde görüntülemek için tasarlanmış mükemmel bir eklentidir. Üyelerinizi ayrı ekipler halinde gruplayarak yönetme olanağına sahip olacaksınız. Bunu yapmak için, görüntülemek istediğiniz seçenekleri seçin, bir WordPress tema ve ona önceden tanımlanmış bir renk uygulayın.

Bu nedenle, bu eylem için hiçbir kod satırı gerekli olmayacaktır. Özellikleri diğerleri arasında: 10 özel tema, 10 renk seti, 10 ekran seçeneği, CSS3 animasyon efektleri, bir sayfaya eklenme olasılığı, tamamen duyarlı bir tasarımVb ...

Indir | gösteri | Web hosting

2. ARPrice

ARPprice WordPress Plugin fiyat ızgaralarının oluşturulmasında en esnek ve eksiksiz prim. 300'den fazla fiyatlandırma kılavuzu şablonuyla birlikte gelir ve benzersiz ve duyarlı fiyatlandırma ızgaraları ve karşılaştırma tabloları oluşturmak için ihtiyacınız olan tüm araçları sağlar. Ayrıca ekibiniz için kolayca güzel bir vitrin oluşturabileceksiniz.

Bu bir WordPress Plugin Özelleştirmelerin gerçek zamanlı önizlemesini içeren etkileyici görsel düzenleyicisiyle güzel, sezgisel ve türünün tek örneği.

Ayrıca bakınız Nasıl blogunuza bir hizmet şarj etmek için?

Bir şablon seçin ve ardından basit tıklamalar ile fiyat ızgarasını kişiselleştirmek için araçları en küçük ayrıntıya kadar sürükleyip bırakın. Sınırsız sayıda sütun ekleyebilir, renkleri değiştirebilir, yazı tiplerini, simgeleri ekleyebilir ve kendi resimlerinizi ve şeritlerinizi ekleyebilirsiniz. indirim yapmakÖrneğin,.

Indir | gösteri | Web hosting

3. Premium SEO Paketi

Premium SEO Paketi, SEO'nuzu optimize eden ve web sitenizin yükleme hızını artırmak için CSS'yi sıkıştıran bir WordPress eklentisidir. Eklenti, web sitenizin tasarımını birkaç tıklamayla da yönetebilir.

İşlevleri diğerleri arasındadır: CSS ve JS'nin sıkıştırılması, video site haritası entegrasyonu ve snippet, HTLM ve XML dosyalarının biçimlendirmesi, 404 ve 301 sayfalarının yönlendirilmesi, sosyal ağlarda paylaşma, ALT etiketi sağlama, son derece özelleştirilebilir düzen.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

• 7 WordPress, bir Google Haritalar'ı web sitenize yerleştirmek için eklentileri
• WordPress formuna Beach Slider nasıl eklenir?
• 5 WordPress eklentileri kullanıcıların içerik yayınlamak için izin
• Formlarınıza otomatik tamamlama eklemek için 6 WordPress eklentisi

Sonuç

Buraya ! Bu eğitim için bu kadar, umarız Gutenberg bloklarını WordPress'e aktarmanıza ve içe aktarmanıza izin verir. Gutenberg blokları hakkında hala sorularınız veya önerileriniz var mı? Lütfen içinde bize bildirin Yorumlar Aşağıda.

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma.

Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın. 

...