Yeni Başlayanlar İçin Rehber: WordPress Blok Desenleri Nasıl Kullanılır

WordPress siteleri oluşturmak hiç bu kadar kolay olmamıştı ve blok desenleri bunun büyük bir parçası. Onları ilk keşfettiğimizde, iş akışımızı hızlandırma potansiyelini gördük.

Artık CTA'lar ve kupon teklifi düğmeleri için yeniden kullanılabilir bloklar gibi blok düzenleri kullanıyoruz; içerik oluşturma şeklimizde vazgeçilmez hale geldiler.

Blok desenleri, kodlama veya web tasarımı becerilerine ihtiyaç duymadan profesyonel görünümlü tasarımlar elde etmeyi kolaylaştırır.

Bunlar, her seferinde sıfırdan başlamak yerine size bir başlangıç ​​sağlayan, hızlı bir şekilde ekleyip özelleştirebileceğiniz blokların önceden oluşturulmuş kombinasyonlarıdır.

İlk WordPress sitenizi kuruyor olun veya daha hızlı çalışmak isteyin, bu başlangıç kılavuzu her projede zamandan tasarruf sağlayan blok desenlerini nasıl bulacağınızı, kullanacağınızı ve oluşturacağınızı gösterecektir.

Bu kılavuzda ele alacağımız konular şunlardır:

• WordPress Blok Şablonları Nedir?
• WordPress'te Blok Desenleri Nasıl Kullanılır
• Blok Düzenleyicide Desenler Nasıl Oluşturulur
• Site Düzenleyicisinde Desen Oluşturma
• WordPress'te Desen Yönetimi
• Web Sitenizde Kullanmak İçin Daha Fazla Blok Deseni Bulma
• Blok Desenleri Nasıl Oluşturulur ve Paylaşılır
• WordPress Blok Desenlerini Manuel Olarak Oluşturma
• WordPress'te Blok Desenini Kaldırma
• Yeniden Kullanılabilir Bloklara Ne Oldu?
• Sıkça Sorulan Sorular
• Ek Kaynaklar

WordPress Blok Şablonları Nedir?

WordPress blok şablonları, özel düzenleri hızlı ve verimli bir şekilde oluşturmanıza yardımcı olan önceden tasarlanmış blok koleksiyonlarıdır. Sıkı teslim tarihlerinde sayfa oluştururken bizim için bir oyun değiştirici oldular.

WordPress'teki blok düzenleyici sezgiseldir ve kullanıcıların içerik bloklarıyla güzel düzenler tasarlamasına olanak tanır. Bunlar, ihtiyaçlarınıza göre düzenleyebileceğiniz metin, resim, düğme ve diğer öğeleri içerir.

Ancak, tüm kullanıcıların her seferinde sıfırdan düzenler oluşturacak zamanı veya tasarım becerisi yoktur. Bu zorlukla kendimiz karşılaştık, bu yüzden blok desenleri iş akışımızda çok değerli bir araç oldu.

Blok desenleri kolay bir çözüm sunar. WordPress, varsayılan olarak çeşitli önceden oluşturulmuş desenler içerir, bu da saniyeler içinde profesyonel görünümlü düzenler eklemeyi kolaylaştırır.

Popüler WordPress temaları genellikle kendi özel desenlerini içerir. Bu desenler, temanıza özel hazır tasarımlar sunarak daha da fazla zaman kazandırır.

Kalıplar, çok sütunlu tasarımlar, medya ve metin kombinasyonları, harekete geçirici mesaj bölümleri, başlıklar ve özel düğmeler gibi düzenleri içerebilir. Bu esneklik, onları çeşitli içerik türleri için uygun hale getirir.

WordPress.org web sitesinde daha fazla blok düzeni de bulabilirsiniz. Tasarım yapmaktan hoşlanıyorsanız, kendi düzenlerinizi oluşturabilir ve WordPress topluluğuyla paylaşabilirsiniz.

Ardından, web siteniz için çarpıcı düzenler oluşturmak üzere WordPress'te blok desenlerini nasıl kullanacağınızı göstereceğiz.

WordPress'te Blok Desenleri Nasıl Kullanılır

Varsayılan olarak WordPress, web sitenizde kullanabileceğiniz birkaç kullanışlı blok deseniyle birlikte gelir. WordPress temanız ve bazı eklentiler de kendi desenlerini ekleyebilir.

Blok desenlerini kullanmak için, blok desenini kullanmak istediğiniz WordPress yazısını veya sayfasını düzenlemeniz gerekir.

Yazı düzenleme ekranında, blok ekleyiciyi açmak için Blok Ekle [+] düğmesine tıklayın. Buradan, mevcut blok şablonlarını görüntülemek için 'Şablonlar' sekmesine geçin.

Mevcut blok desenlerini görmek için aşağı kaydırabilirsiniz.

Blok desenlerini öne çıkanlar, düğmeler, sütunlar, başlıklar ve daha fazlası gibi farklı kategorilerde de görüntüleyebilirsiniz.

Alternatif olarak, blok desenlerini görüntülemek için 'Tüm desenleri keşfet' düğmesine de tıklayabilirsiniz.

Burada, bir açılır pencerede daha büyük önizlemeler görebilirsiniz.

Denemek istediğiniz bir şablon bulduğunuzda, gönderinizin veya sayfanızın içerik alanına eklemek için tıklamanız yeterlidir.

Desen, düzenleyip kendi içeriğinizle değiştirebileceğiniz yer tutucu içerikle içerik düzenleyicisinde görünecektir.

İçeriğini gereksinimlerinize göre düzenlemek ve değiştirmek için şablondaki herhangi bir bloğa yalnızca işaret edip tıklayın.

Her blok için normalde sahip olduğunuz tüm seçeneklere hala sahip olacaksınız. Örneğin, bir kapak bloğuysa, kapak rengini veya arka plan resmini değiştirebilirsiniz.

Blog yazınız veya sayfanız için ihtiyacınız olan kadar desen ekleyebilirsiniz. Bir deseni bir yazıdan veya sayfadan kaldırmak için, herhangi bir WordPress bloğunu sildiğiniz gibi silebilirsiniz.

Blok desenlerini kullanarak makaleleriniz ve WordPress siteniz için hızlıca güzel düzenler oluşturabilirsiniz.

Sonuç olarak, blok düzenleri, bir başlık, galeri, düğmeler ve daha fazlasını eklemeniz gerektiğinde manuel olarak blokları düzenleyerek harcayacağınız zamandan tasarruf etmenize yardımcı olur.

Blok Düzenleyicide Desenler Nasıl Oluşturulur

WordPress, blok düzenleyicisinde daha sonra yeniden kullanabileceğiniz desenler oluşturmayı çok kolaylaştırır.

Bir gönderiyi veya sayfayı düzenlerken, deseninize dahil etmek istediğiniz blokları seçin ve ‘Desen oluştur’ düğmesine tıklayın.

Klavye üzerindeki shift tuşuna basılı tutarak ve bloklara tıklayarak birden fazla blok seçebilirsiniz.

Ancak, bloklarınız seçimi zorlaştıracak şekilde düzenlenmişse, Belge Genel Bakış sekmesi altındaki Liste görünümünü kullanabilirsiniz.

Bir desen oluşturmak bir açılır pencere getirecektir.

Deseniniz için bir ad sağlamanız ve bir kategori seçmeniz gerekecektir.

Bunun altında, deseni Senkronize veya Senkronize Olmayan tutmak için bir geçiş düğmesi göreceksiniz.

Senkronize Desenler: Siz veya diğer kullanıcılar deseni düzenlediğinizde, o desen bir sonraki kullanıldığında bu değişiklikler kaydedilecektir.

Senkronize Olmayan Desenler: Bir gönderiye veya sayfaya eklendikten sonra bu desenlerde yapılan değişiklikler orijinal deseni etkilemeyecektir.

Deseninizi kaydetmek için 'Oluştur' düğmesine tıklayın.

Bir dahaki sefere bu deseni kullanmak istediğinizde, blok ekleyicide adını veya kategorisini aramanız yeterlidir.

Site Düzenleyicisinde Desen Oluşturma

Tam site düzenleyici desteğine sahip bir blok teması kullanıyorsanız, site düzenleyicisinde de desenler oluşturabilirsiniz.

Görünüm » Düzenleyici sayfasını ziyaret ederek site düzenleyicisini açın.

Şimdi site düzenleyici arayüzüne ineceksiniz.

Devam etmek için sol kenar çubuğundaki ‘Desenler’e tıklayın.

Mevcut tüm şablonları ve kategorileri göreceksiniz.

Yeni bir desen oluşturmak için Ekle [+] düğmesine tıklayın ve ardından ‘Desen oluştur’ seçeneğini belirleyin.

Bu, deseniniz için bir ad sağlamanız, bir kategori seçmeniz ve desenin senkronize mi yoksa senkronize olmayan mı olmasını istediğinize karar vermeniz gereken bir açılır pencere getirecektir.

Devam etmek için 'Oluştur'a tıklayın.

WordPress, deseninizi oluşturmanız için size boş bir tuval sunacaktır.

Buradan, deseninizi tasarlamak için bloklar ekleyebilirsiniz.

İşiniz bittiğinde, deseninizi saklamak için ‘Kaydet’ düğmesine tıklamayı unutmayın.

WordPress'te Desen Yönetimi

Eğer tam site düzenleyici desteğine sahip bir blok teması kullanıyorsanız, desenleri site düzenleyicide yönetebilirsiniz.

Görünüm » Düzenleyici sayfasını ziyaret ederek site düzenleyicisini açın.

Desenler ekranında, düzenlemek için bir desene tıklayabilirsiniz. Ayrıca bir deseni kopyalamak, dışa aktarmak veya silmek için yanındaki üç noktalı menüye tıklayabilirsiniz.

Tüm şablonlarınızı yönetmek için kenar çubuğundaki 'Tüm şablonlarımı yönet' sekmesine tıklayın.

Bu size tüm desenlerinizin bir listesini gösterecektir. Şimdi, onları düzenleyebilir, dışa aktarabilir veya silebilirsiniz.

Eğer klasik bir tema (tam site düzenleyicisini desteklemeyen WordPress temaları) kullanıyorsanız, desenleri Görünüm » Desenler sayfasını ziyaret ederek yönetebilirsiniz.

Buradan blok şablonlarınızı ekleyebilir, silebilir ve dışa aktarabilirsiniz.

Hestia gibi bazı klasik temaların bile artık desenleri Tam Site Düzenleme temalarına benzer şekilde yönettiğini, diğerlerinin ise aşağıda ekran görüntüsünde gösterilen eski arayüzü kullandığını unutmayın.

Yani, blok desenlerini nasıl yönettiğiniz tamamen kullandığınız temaya bağlıdır.

Web Sitenizde Kullanmak İçin Daha Fazla Blok Deseni Bulma

Varsayılan olarak WordPress, yaygın olarak kullanılan birkaç blok kalıbıyla birlikte gelir. WordPress temaları da web sitenize kendi kalıplarını ekleyebilir.

Ancak, web sitenizdeki blok ekleyicisinde bulunanlardan çok daha fazla blok şablonu bulabilirsiniz.

Çok daha fazla blok deseni görmek için basitçe WordPress Desenleri Dizini web sitesine gidin.

Burada, WordPress topluluğu tarafından gönderilen blok desenlerini bulacaksınız.

Bu blok desenlerinden birini kullanmak için, deseni görüntülemek üzere tıklamanız ve ardından ‘Deseni kopyala’ düğmesine tıklamanız yeterlidir.

Ardından, bu blok desenini eklemek istediğiniz yazı veya sayfayı düzenlemek için WordPress blogunuza geri dönmeniz gerekir.

Düzenleme ekranında, tarayıcı menüsünde sağ tıklayıp 'Yapıştır' seçeneğini seçin veya CTRL+V (Mac'te Command + V) tuşlarına basın.

Blok Desenleri Nasıl Oluşturulur ve Paylaşılır

Kendi WordPress blok kalıplarınızı oluşturmak ve dünyayla paylaşmak ister misiniz?

WordPress, blok desenleri oluşturmayı ve bunları kendi web sitelerinizde kullanmayı veya tüm WordPress kullanıcılarıyla dünya çapında paylaşmayı çok kolaylaştırır.

Sadece WordPress Desen Dizini web sitesini ziyaret edin ve 'Yeni Desen' bağlantısına tıklayın.

Not: Desenlerinizi kaydetmek için giriş yapmanız veya ücretsiz bir WordPress.org hesabı oluşturmanız gerekecektir.

Oturum açtıktan sonra, blok deseni düzenleyici sayfasına ulaşacaksınız. Varsayılan WordPress blok düzenleyicisiyle aynıdır ve deseni oluşturmak için kullanabilirsiniz.

Şablon düzeninizi oluşturmak için basitçe bloklar ekleyin.

Düzeninizi organize etmek için grup, kapak, galeri ve daha fazlası gibi düzen bloklarını kullanabilirsiniz.

Medya bloklarınızda kullanabileceğiniz telifsiz görseller de mevcuttur. WordPress medya kütüphanesi, bu görselleri kalıplarınızda kolayca bulmanızı ve kullanmanızı sağlayacaktır.

Blok şablonunuzdan memnun kaldığınızda, taslak olarak kaydedebilir veya şablon dizinine gönderebilirsiniz.

Blok deseninizi desen dizinine göndermeden önce, blok desen dizini yönergelerini okuduğunuzdan emin olun.

Paylaştığınız tüm blok şablonlarını, taslak şablonları ve favorilediğiniz şablonları gösterecek olan 'Şablonlarım' bağlantısına tıklayarak tüm blok şablonlarınızı yönetebilirsiniz.

Yalnızca kendi kullanımınız için blok desenleri oluşturmak istiyorsanız, bunları taslak olarak kaydedebilirsiniz. Ardından, Desenlerim sayfasından WordPress web sitenize kopyalayıp yapıştırın.

WordPress Blok Desenlerini Manuel Olarak Oluşturma

Blok desenlerini manuel olarak da oluşturabilir ve bunları WordPress temanıza veya WPCode gibi özel kod parçacığı eklentilerinize ekleyebilirsiniz.

WordPress'te yeni bir yazı veya sayfa oluşturun. İçerik alanında, bir şablon olarak kaydetmek istediğiniz özel bir düzen veya blok koleksiyonu oluşturmak için blokları kullanın.

Ardından, Kod Düzenleyici moduna geçin.

Buradan, kod düzenleyicisinde gördüğünüz tüm içeriği kopyalamanız gerekir.

Ardından, Not Defteri gibi düz bir metin düzenleyici açın ve bu kodu yapıştırın. Bir sonraki adımda buna ihtiyacınız olacak.

Artık bloklarınızı bir desen olarak kaydetmeye hazırsınız.

Bunu yapmak için, aşağıdaki kodu temanızın functions.php dosyasına veya ücretsiz WPCode eklentisi gibi bir kod parçacığı eklentisine (önerilir) yapıştırmanız yeterlidir.

Daha fazla ayrıntı için, WordPress'e özel kod ekleme konusundaki eksiksiz kılavuzumuz burada.

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

Şimdi, daha önce kopyaladığınız ham blok verilerini content parametresinin değeri olarak kopyalayıp yapıştırın. Başka bir deyişle, ‘Buraya blok içeriği kodunuz gelir’ yazan metni blok kodunuzla değiştirmeniz gerekecektir. Metnin etrafındaki tek tırnak işaretlerini yerinde bıraktığınızdan emin olun.

Son olarak, başlığı ve açıklamayı kendinize ait olanlarla değiştirmeyi ve değişikliklerinizi kaydetmeyi unutmayın.

Artık web sitenizi ziyaret edebilir ve bir gönderiyi veya sayfayı düzenleyebilirsiniz. Yeni kaydettiğiniz blok deseni, blok ekleyicide görünecektir.

WordPress'te Blok Desenini Kaldırma

WordPress'te herhangi bir blok desenini kolayca kaldırabilir veya kaydını silebilirsiniz. Diyelim ki yukarıdaki örnekte oluşturduğunuz blok desenini kaldırmak istiyorsunuz.

Tek yapmanız gereken, aşağıdaki kodu temanızın functions.php dosyasına veya WPCode'a kopyalayıp yapıştırmaktır:

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

Bu örnekte, kaydederken kullandığımız kalıp adı 'my-plugin/my-awesome-pattern''dir.

Bu kodu, temanız veya bir eklenti tarafından oluşturulan herhangi bir blok desenini kaydettirmek için kullanabilirsiniz. Tek bilmeniz gereken, desenin kaydedildiği isimdir.

Çekirdek WordPress Şablonlarını Kaldır

Çekirdek WordPress desenleri tüm WordPress kullanıcıları tarafından kullanılabilir. Bu, aşırı kullanılmış olabilecekleri ve WordPress temanızın geri kalanıyla eşleşmeyebilecekleri anlamına gelir.

Bir desen kullanmak istemiyorsanız, içeriğinize eklemekten kaçınabilirsiniz. Ancak, çok yazarlı bir WordPress sitesi çalıştırıyorsanız, tüm kullanıcıların bu temel desenleri kullanmasını engellemek isteyebilirsiniz.

Tüm çekirdek WordPress şablonlarını kaldırmak için aşağıdaki kodu temanızın functions dosyasına veya WPCode'a eklemeniz gerekir:

remove_theme_support( 'core-block-patterns' );

Yeniden Kullanılabilir Bloklara Ne Oldu?

Blok desenleri ve yeniden kullanılabilir bloklar benzer bir sorunu çözmeyi amaçlıyordu: kullanıcılara yaygın olarak kullanılan blokları kolayca ekleme seçenekleri sunmak.

Bunu düzeltmek için Çekirdek WordPress ekibi, yeniden kullanılabilir blokları desenlere birleştirdi.

Yeniden kullanılabilir bloklarla aynı işlevselliğe sahip olmak için artık Senkronize Desenleri kullanabilirsiniz. Siz veya diğer kullanıcılar deseni düzenlediğinizde, bu değişiklikler desen bir sonraki kullanıldığında kaydedilecektir.

Sıkça Sorulan Sorular

Okuyucularımızın blok desenleri hakkında sıkça sorduğu bazı sorular şunlardır.

Ek blok desenlerini nerede bulabilirim?

WordPress'teki varsayılan desenlerin yanı sıra, topluluk tarafından oluşturulan daha fazla seçenek için çevrimiçi WordPress Desenleri Dizini'ni keşfedebilirsiniz.

Blok desenleri web sitemi yavaşlatır mı?

Hayır, blok desenlerinin kendisi sitenizin hızını etkilemez. İçeriği yapılandırmanın bir yoludur, ancak en iyi performans için optimize edilmiş görseller ve bloklar kullandığınızdan emin olun.

İpuçları için, WordPress hızı ve performansı konusundaki nihai kılavuzumuza bakın.

Ek Kaynaklar

WordPress site tasarımınızı özelleştirmek istiyorsanız, aşağıdaki kaynakları faydalı bulacaksınız:

• Kod Yazmadan Kolayca Özel WordPress Teması Nasıl Oluşturulur?
• WordPress Web Sitesi Nasıl Yeniden Tasarlanır (Yeni Başlayanlar İçin Kılavuz)
• Yaygın WordPress Blok Düzenleyici Sorunları ve Bunları Düzeltme Yolları
• WordPress Yorum Formu Nasıl Stillenir (Nihai Kılavuz)
• WordPress Blok Düzenleyici Arka Plan Rengini Özelleştirme

Bu kılavuzun, web sitenizde WordPress blok desenlerini nasıl kullanacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, WordPress blok düzenleyicisinde ustalaşma kılavuzumuza bakmak veya daha üretken olmak için bu kullanışlı WordPress kısayollarına göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.