WordPress Temasına Bloklar Nasıl Eklenir

WordPress, sıfırdan bir web sitesi veya blog oluşturmanıza veya mevcut bir web sitesini iyileştirmenize olanak tanıyan bir içerik yönetim sistemidir (CMS). WordPress, GPL altında yayınlanan ücretsiz ve açık kaynaklı bir yazılımdır.
WordPress'e blok eklemek iki adımlı bir işlemdir. Öncelikle, WordPress sitenizde blokları etkinleştirecek bir eklenti yüklemeniz gerekir. İkinci olarak, WordPress temanıza bloklar eklemeniz gerekir.
WordPress'te blokları etkinleştirecek birçok eklenti var. Gutenberg eklentisini kullanmanızı öneririz. Eklentiyi yükledikten sonra Görünüm > Bloklar sekmesine giderek WordPress temanıza bloklar ekleyebilirsiniz.
Bloklar sekmesinde, mevcut blokların bir listesini göreceksiniz. WordPress temanıza bir blok eklemek için bloğa tıklamanız yeterlidir; içerik alanınıza eklenecektir.
Ayrıca WordPress temanıza blokları içerik alanınıza sürükleyip bırakarak da ekleyebilirsiniz. Bunu yapmak için önce eklemek istediğiniz bloğa tıklayın ve ardından içerik alanınıza sürükleyin.
WordPress temanıza bir blok ekledikten sonra, bloğa ve ardından Özelleştir düğmesine tıklayarak bunu özelleştirebilirsiniz. Bu, bloğun ayarlarını değiştirebileceğiniz Blok Düzenleyiciyi açacaktır.
Bloğunuzu özelleştirmeyi tamamladığınızda, değişikliklerinizi kaydetmek için Yayınla düğmesine tıklayın.

Bu derste, bir dizi alıştırmanın ilk adımı olarak, tam site düzenleme temaları olarak da bilinen blok temalarının nasıl oluşturulacağını öğreneceksiniz. Kapsanan konular minimum dosya gereksinimlerini, tema kurulumunu ve dosya yapısı gereksinimlerini içerecektir. Bu derste, tam site düzenleme desteği ile boş bir WordPress temasının nasıl oluşturulacağını öğreneceksiniz. Klasörünüz tema adına göre düzenlenecektir: temanız FSE ise, tam sayfa düzenlemenin kısaltmasıdır. Temanın kök klasöründe bir style.css dosyası olmalıdır. Klasik temalarda, /templates/index.html dosyası, index.html dosyasına benzer. Blok şablonları , birincil HTML dosyalarınızdır ve PHP dosyalarının klasik temalarda yaptığı gibi WordPress şablon hiyerarşisini takip ederler.

Bir temanın düzgün çalışması için function.php'ye ihtiyacı yoktur. Kuyruğa ihtiyacınız varsa, özel blok stilleri, özel görüntü boyutları veya blok boyutlarını desteklemeyen kanca türleri kullanabilirsiniz. Özel logo, başlık veya renk sağlandığı sürece, widget alanlarının veya menülerin yüklenmesi veya tema desteğinin eklenmesi için herhangi bir gereklilik yoktur. Gövde öğesi şablonlar içerir.

Bloklar, tamamen gönderi türüne (sayfa, gönderi,…) ayrılmış şablonlara sahip WordPress temalarıdır, bu nedenle blok düzenleyici, üstbilgilerden altbilgilere ve kenar çubuklarına kadar web sitesinin tüm yönlerini düzenlemek için kullanılabilir.

WordPress'te Nasıl Özel Bir Blok Eklerim?

Bu bloğu düzenleyerek istediğiniz herhangi bir gönderi veya sayfada kullanabilirsiniz. Yeni Blok Ekle arama kutusuna adını veya anahtar kelimelerini yazarak bloğunuzu arayabilirsiniz. İçerik alanında, bu özel blok için oluşturduğunuz blok alanlarının yanı sıra diğer özel bloklar için oluşturduğunuz blok alanlarını da göreceksiniz.

WordPress'e içerik ve düzen öğeleri ekleyerek, kolayca gönderiler ve sayfalar oluşturabilirsiniz. Bloklar varsayılan olarak WordPress'te yerleşiktir. Bununla birlikte, belirli bir şeyi başarmak için kendi özel bloğunuzu oluşturmak mümkündür. Bu eğitimde size göstereceğimiz gibi, tamamen özel bir blok oluşturabilirsiniz. Başlamak için öncelikle referans bloğunuzdaki üç alanı doldurmanız gerekir. İlk alan, Alan Ekle düğmesi tıklanarak doldurulabilir. Adım 2: Bir blok şablonu oluşturduktan sonra verilerin nasıl görüneceğini belirleyebilirsiniz.

Üçüncü adım, blok çıktı işaretlemenize stil vermek için CSS sekmesini seçmektir. Özel blok şablonları manuel olarak yüklenebilir. PHP aracılığıyla özel blok alanlarınızla etkileşime geçmeniz gerekiyorsa, gitmeniz gereken yol budur. Büyük olasılıkla editör şablonunun doğrudan temanıza yüklenmesini isteyeceksiniz. Özel Bloğunuz bütünüyle görüntülenebilir. HTML/CSS'nizi önizlemeden önce bazı test verilerini sağlamalısınız. WordPress sitenize özel bir Gutenberg bloğu yükleyin.

Yeni Blok Ekle düğmesini tıkladığınızda, bloğunuz için bir arama kutusu görünür ve adını veya anahtar kelimelerini girebilirsiniz. Özel bloğunuzu kaydederek ve gönderinizi düzenleyerek önizleyebilirsiniz. Test sitemizde referans bloğunun nasıl göründüğünü görebilirsiniz.

WordPress'te Bir Bloğu Neden Düzenleyemiyorum?

WordPress blok düzenleyici sorunlarının nedenlerinden biri olarak yüklü eklentilerinizden biriyle çakışma yaşama ihtimaliniz çok yüksek. Sonuç olarak, sizin için ilk ve en basit çözüm, WordPress web sitenizden tüm eklentileri kaldırmak olacaktır.

WordPress'te Blokları Nasıl Alabilirim?

WordPress'te blok almanın en iyi yolu web sitenizin özel ihtiyaçlarına bağlı olarak değişeceğinden, bu sorunun tek bir cevabı yoktur. Bununla birlikte, WordPress'te blokların nasıl alınacağına ilişkin bazı genel ipuçları, Gelişmiş Özel Alanlar gibi bir eklenti yüklemeyi veya temanızda Blok Düzenleyiciyi kullanmayı içerir.

Bloklar, bir gönderi veya sayfada öğeler oluşturmak ve düzenlemek için kullanılan WordPress bileşenleridir. Metin, medya dosyaları ve düzen öğeleri eklemek için blok türleri mevcuttur. Hızlanmanıza yardımcı olmak için, WordPress blokları ve yeni blok düzenleyicinin nasıl kullanılacağı hakkında bilmeniz gereken her şeyi gözden geçireceğiz. Özelliklerini ve seçeneklerini daha da genişletmek için blok koleksiyonuna 10 eklenti ekleyin. Blok tabanlı bir WordPress teması kullanmak, şablonları özelleştirmenin mükemmel bir yoludur. Yeni WordPress sürümü, altı kategoriye ayrılmış 90'dan fazla blok içerir: metin, medya, tasarım, widget'lar, tema ve yerleştirme. Bu yazıda, WordPress blok düzenleyicisindeki tüm bloklara ve bunların özelleştirme seçeneklerinin neler olduğuna bakacağız.

Gönderi ve sayfa oluşturma söz konusu olduğunda, WordPress Gutenberg blok düzenleyicisini kullanmanızı önerir. Sitenin tema blokları , genel tasarım ve düzenin yanı sıra 23'ten oluşur. Ayrıca, Blok Düzenleyici, WordPress 5'te blok tabanlı bir tema kullanırken tam site düzenlemesi için kullanılabilir. WordPress'teki bloklar sürüklenip bırakılabilir. Sürükle ve Bırak modunda. Herhangi bir bloğu seçip araç çubuğundaki Sürükle simgesine tıklayarak bırakabilirsiniz. Alternatif olarak, bloğa gitmek için araç çubuğunun yukarı ve aşağı oklarını kullanın. Blok kitaplığına içerik blokları eklemenize izin veren birkaç eklenti mevcuttur.

Şablonları oluşturmak için model yerleştirici yerine şablon kitaplığı bloğunu kullanır. Eklenti, 81 tam sayfa şablona, ​​284 blok desene ve 56 tel çerçeveye ek olarak gelir. Düzenleyicinizi hızlandırmak veya basitleştirmek için bloklar etkinleştirilebilir veya devre dışı bırakılabilir. PublishPress Blocks ayrıca potansiyel müşteri oluşturma bloklarının yanı sıra Haber Bültenleri ve İletişim Formları da sunar. İstiflenebilir, her blok için çeşitli Blok, Stil ve Gelişmiş ayarlar sunarak bloğu çeşitli şekillerde özelleştirmenize olanak tanır. Bloglarda veya sayfalarda karmaşık düzenler oluşturmak için Kadence Blocks bir dizi araç sunar. Ultimate Blocks web sitesi, bloglara ve pazarlamacılara odaklanır.

Gutenberg blok düzenleyicisi için Kadence Blokları eklentisi ücretsizdir. Düzenleyici ile Google Haritalar ve sepete ekle blokları dahil 15 yeni blok ekleyebilirsiniz. Bölüm bloğu, varsayılan olarak yeni sayfalar için varsayılan blok olarak yapılandırılabilir. Ek olarak eklenti, Otter blokları ve WordPress blokları için animasyon ve özel CSS özellikleri içerir. WordPress için CoBlocks eklentisi, ek kodlama veya eklentilere ihtiyaç duymadan çekici düzenler ve görsel tasarımlar oluşturma fırsatı sunar. örneğin yeniden kullanılabilir bloklar, önceden tasarlanmış bir bloğu ileride kullanmak üzere kaydetmenize olanak vererek sıfırdan bir sayfa oluşturma ihtiyacını ortadan kaldırır. Blok araç çubuğundaki sürükle ve bırak işlevini kullanarak içeriği sürükleyip bırakarak hızla yeniden düzenleyebilirsiniz.

WordPress Web Sitenizi Özelleştirmek için Neden Blokları Kullanmalısınız?

Bloklar, web sitenizdeki içeriğinizi düzenlemenize ve özelleştirmenize yardımcı olabilir. Kullanımı basit oldukları ve web sitenize fazladan bilgi eklemeyi çok daha kolay hale getirdikleri için bu şablonlar iyi bir seçimdir. Ayrıca uyarlanabilirler, böylece bunlara paragraflar, resimler ve widget'lar gibi içerik öğeleri ekleyebilirsiniz.
Bloklar, WordPress'in önemli bir bileşenidir. Esneklik ve özelleştirme eklemek istiyorsanız, bloklar yapı eklemenin ve web sitenizi özelleştirmenin en etkili yoludur.

WordPress Blok Teması Eğitimi

WordPress blok temaları, web sitenizde yeniden kullanılabilecek içerik blokları oluşturmanıza izin veren temalardır. Web siteniz için tutarlı bir görünüm ve his yaratmanın ve sitenize yeni içerik eklemeyi kolaylaştırmanın harika bir yoludur. Bir WordPress blok teması oluştururken akılda tutulması gereken birkaç şey vardır. İlk olarak, yeni bir WordPress blok tema dosyası oluşturmanız gerekecek. Bunu, WordPress Yönetici Paneline gidip “Görünüm” sekmesini seçerek yapabilirsiniz. Ardından, "Düzenleyici"yi tıklayın. Editöre girdikten sonra “block-theme.php” adında yeni bir dosya oluşturmak isteyeceksiniz. Bunu, editörün sol üst köşesindeki “Yeni Dosya” düğmesine tıklayarak yapabilirsiniz. “block-theme.php” dosyasına şu kodu eklemeniz gerekecek: /* Template Name: Block Theme */ ? > get_header(); if ( have_posts() ) : while ( have_posts() ) : the_post(); get_template_part('şablon-parçaları/içerik', 'sayfa'); son zaman; endif; get_footer(); ? > Bu kod, temel bir WordPress blok teması oluşturacaktır. İhtiyaçlarınıza göre özelleştirmek için bu dosyaya kendi CSS ve HTML'nizi ekleyebilirsiniz.

WordPress daha popüler hale geldikçe, platformun geleceği olarak blok temaları ortaya çıkacaktır. Gelecekte web sitelerini nasıl oluşturacağımızı ve sürdüreceğimizi yeniden düşünmemiz gerekecek. Bloklar, bu akılda tutularak tasarlanan Blok temalarının odak noktasıdır. Ayrıca, Gutenberg blok editörü ile daha yaygın muadillerinden daha fazla entegrasyon derecesine sahiptirler. Geleneksel temalarla nasıl karşılaştırıldıklarını ve zıt olduklarını görmek için bugün ayrıntılı olarak inceleniyorlar. PHP, HTML ve blok işaretleme ile değiştirildiği için artık bir tema öğesi olarak kullanılamaz. Şablonlar, genellikle temanın hiyerarşisindeki bir klasör olan /templates içinde bulunan index.php ve header.php gibi adlara sahip dosyalardır.

/parts içinde bulunan yeniden kullanılabilir öğeler, üstbilgi, altbilgi ve kenar çubuğunu içerir. Blok düzenleyiciye varsayılan ayarlar atamak için theme.json dosyasını kullanın. Sonuç olarak, bir temanın style.html dosyasını çok fazla biçimlendirmeniz gerekmeyebilir. İlk günlerine rağmen, blok temaları, geliştirmenin ilk aşamalarında umut verici bir teknolojidir. Yeni Site Düzenleyicisi (Görünüm), her şeyi düzenlemenin en kullanıcı dostu yoludur (WordPress 5.9 veya üstü gerekir). Bir blok teması etkinleştirildiğinde, Site Düzenleyicisi eski Özelleştiricinin yerini alır. FSE özelliklerini kullanmalarına rağmen, klasik bir tema hala temel olarak PHP'yi kullanır.

Blokları Kullanarak Gönderileriniz ve Sayfalarınız İçin Özel Düzenler Nasıl Oluşturulur

Bloklar, portföyünüze basit bir ektir. Gönderi veya sayfa düzenleme ekranında, Blok Ekle düğmesine tıklayın, ardından Bloklar sekmesinden Engelle sekmesine tıklayın ve işiniz bitti. Daha sonra içeriği yazarak ve Kaydet düğmesine tıklayarak bu bloğu kaydedebilirsiniz.
Bloklar, gönderileriniz ve sayfalarınız için özel düzenler oluşturmanıza olanak vererek onları son derece güçlü kılar. Bloklar, içeriği gruplar halinde düzenlemek, alt bölümler oluşturmak ve içeriği ayırmak için kullanılabilir.
Bloklar, basit veya karmaşık bir içerik düzeni olarak iyi çalıştıkları için herhangi bir görev için iyi bir seçimdir.

WordPress Blok Teması Başlatıcı

Bir WordPress blok teması başlatıcı , kendi WordPress temanızı geliştirmeye başlamanın harika bir yoludur. Başlamak için ihtiyacınız olan tüm gerekli dosya ve klasörleri içerir. Ayrıca, temanızı kodlamak için harika bir başlangıç ​​noktası sağlar.

Sırbistan merkezli bir web ajansı olan WebREDONE, Theme Redone adlı yeni bir başlangıç ​​temasını ücretsiz olarak yayınladı. Web siteleri oluşturmak ve Gutenberg blokları oluşturmak için kullanılan MVC tabanlı bir çerçevedir. Kodun düzenlenme şekli ile Laravel'in oluşturulma şekli arasında birkaç fark olsa da, kod Laravel'e benzer şekilde düzenlenir. Motor Latte ile çalışır. WebREDONE'dan TRB (Theme Redone Blocks) NPM paketi ile yeni bloklar dakikalar içinde oluşturulabilir. Alternatif olarak, başlangıç ​​temasını yükleyebilir ve React, Svelte, Vue ve Petite Vue için derleme ve izleme görevleri oluşturmak için Gulp 4, ESBuild veya Svelte'yi kullanabilirsiniz. Herkes için her zaman en iyi çözüm olmasa da, ajansların blok çağını desteklemek için araçlarını nasıl geliştirdiğini görmek ilginç.

Blok Tema Eklentisi Oluştur

Özel bir blok tema eklentisi oluşturmanın birçok yolu vardır, ancak en yaygın yol “Block Theme Plugin” adlı bir eklenti kullanmaktır. Bu eklenti, herhangi bir WordPress sitesinde kullanılabilecek özel bir blok teması oluşturmanıza olanak tanır. Bu eklentiyi, kendi web siteniz veya bir müşterinin web sitesi için özel bir blok teması oluşturmak için kullanabilirsiniz.

Bu araçla kendi blok temalarınızı, çocuk temalarınızı ve varyasyonlarınızı oluşturabilirsiniz. Bu uygulama aynı zamanda bir zip klasörünü dışa aktararak veya dosyaları değiştirerek oluşturulmayan tema şablonlarını geçersiz kılmanıza da olanak tanır. Ayrıca, yeni blok temaları oluşturabilir ve başka harika özellikler ekleyebilirsiniz. Mevcut temayı klonlayabilir ve yenilerini ekleyebilirsiniz. Tüm dosyaları içeren temayı kaydetmek için Tema oluştur'u tıklamanız yeterlidir. Bu eklenti, bu yöntemi kullanarak blok temalar oluşturmayı kolaylaştırır. Bu eklentinin kodsuz/düşük kodlu tema tasarımcıları için oyunu değiştirmesi harika. Bir noktada Core'a entegre olduğunu görmek isterim, ancak ayrı bir özellik eklentisinde olması harika bir ilk adım. Create Block Theme hakkındaki yedi incelemenin tümüne göz atın.

WordPress Blok Tema Oluşturucu

WordPress'in bugün piyasadaki en popüler içerik yönetim sistemlerinden biri olduğuna hiç şüphe yok. Milyonlarca insan web sitelerini oluşturmak ve yönetmek için WordPress kullanıyor. WordPress'i bu kadar popüler yapan şeylerden biri de web sitenizi temalar ve eklentilerle kolayca özelleştirebilme yeteneğidir. WordPress için en popüler temalardan biri blok temasıdır. Blok temaları, sürükle ve bırak arayüzü ile kolayca özel sayfalar ve gönderiler oluşturmanıza olanak sağlamak için tasarlanmıştır. Ve blok temalarla ilgili en iyi şeylerden biri, kullanımlarının çok kolay olmasıdır. Kullanımı ve özelleştirmesi kolay bir WordPress teması arıyorsanız, kesinlikle blok tema oluşturucuya göz atmalısınız. Blok teması oluşturucu ile, sürükle ve bırak arayüzü ile kolayca özel sayfalar ve gönderiler oluşturabilirsiniz. Ayrıca, blok tema oluşturucunun kullanımı da çok kolaydır.

WordPress'te Blok Kalıpları Nasıl Kullanılır

Gönderilerinize ve sayfalarınıza bir blok kalıbı eklemek, onlara yapı ve düzen eklemenize yardımcı olabilir. Menüler, bölücüler, altbilgiler veya ihtiyaç duyduğunuz diğer içerik türlerini oluşturmak için blok kalıpları kullanılabilir.
Yeni blok ekle düğmesine tıklayarak WordPress'te yeni bir blok oluşturun ve ardından aramak için bloğunuzun adını veya anahtar kelimesini girin. Bloğu içerik alanına ekledikten sonra, bu özel blok için oluşturduğunuz blok alanlarını göreceksiniz. Ayrıca bloğu kendi yönteminizle özelleştirebilirsiniz.