Ana İçeriğe Geç

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

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]

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

Dışında : Bir WordPress eklentisi kullanarak blok oluşturuyorsanız Getwid, örneğin, bu eklentiyi söz konusu bloğu yeniden kullanmak istediğiniz diğer WordPress web sitelerine yüklemelisiniz. Bloklarınızın temadan temaya biraz farklı görünebileceğini de unutmayın, ancak bunların hepsi iyidir çünkü Gutenberg size çok fazla özelleştirme gücü verir.

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 reklamsenn 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:

Yeni blogpascher makalesi nasıl eklenir

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.

Gutenberg blogpascher bloğu nasıl eklenir

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:

Blogpascher paragraf bloğu nasıl kullanılır

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

Yeniden kullanılabilir blok blogpascher oluşturun

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.

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]

Yeniden kullanılabilir bloğun adı blogpascher

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 blok ekle blogpascher

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:

Yeni blog postpascher 1 nasıl eklenir

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:

Yeniden kullanılabilir bloğu yönet blogpascher

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

Yeniden kullanılabilir bloğu içe aktar blogpascher

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.

Yeniden kullanılabilir bloğu içe aktar blogpascher 1

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

Yeniden kullanılabilir bloğu kaydet json blogpascher

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.

Yeniden kullanılabilir bloğu içe aktar blogpascher 2

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 :

Yeniden kullanılabilir bloğu içe aktar blogpascher 3

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]

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 :

Yeniden kullanılabilir blok wordpress eklentisi blogpascher

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 :

Yeniden kullanılabilir bloğu içe aktar blogpascher 4

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

Yeniden kullanılabilir bloğu içe aktar blogpascher 5

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  

Modern bir görünüm kazandırmak ve blogunuzun veya web sitenizin rahatlığını artırmak için diğer WordPress eklentilerini kullanabilirsiniz.

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

1. Takım Vitrin

Team Showcase, ekip üyelerinizi güzel bir ızgarada veya duyarlı bir karuselde görüntülemek için tasarlanmış mükemmel bir eklentidir. Üyelerinizi ayrı takımlar halinde gruplayarak yönetebileceksiniz. Bunu yapmak için, görüntülemek istediğiniz seçenekleri seçin, bir WordPress teması seçin ve buna önceden tanımlanmış bir renk uygulayın.

Görsel besteci wordpress eklentisi için ekip vitrini

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

ARPrice, fiyat ızgaraları oluşturmak için en esnek ve eksiksiz WordPress premium eklentisidir. 300'den fazla fiyat ızgarası modeli içerir ve benzersiz ve duyarlı fiyat ı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şturabilirsiniz.

Arprice duyarlı wordpress fiyatlandırma tablosu eklentisi

Özelleştirmelerin gerçek zamanlı önizlemesini sunan etkileyici görsel editörü ile güzel, sezgisel ve benzersiz bir WordPress eklentisidir.

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

Ç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]

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.

Premium seo paketi - wordpress eklentisi

İş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.

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

... 

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üş
0 hisseleri
hisse
cıvıltı
Enregistrer