WordPress Blokları: Derinlemesine Bir Kılavuz

WordPress blokları , WordPress'in web siteleri için sürükle ve bırak Gutenberg düzenleme sisteminin ana bileşenidir.

Blokları kullanmayı öğrenmenin en kolay yolu, uygulamalı alıştırma yapmaktır, ancak blokların ne olduğunu ve sizin için neler yapabileceğini anlamak, sayfa oluşturmanızı daha verimli ve hatta eğlenceli hale getirebilir.

İster WordPress siteleri oluşturma konusunda yeni olun, ister bazı ileri düzey beceriler geliştirmek isteyin, bu kılavuz size blokların ne olduğu, insanların hangi yaygın blokları kullandığı, bunların nasıl kullanılacağı ve sitenizi iyileştirebilecek diğer bilgiler hakkında daha fazla bilgi verecektir.

Daha fazla bilgi edinin: WordPress Web Sitesi Tasarımı: Sıfırdan Bir WordPress Web Sitesi Nasıl Oluşturulur

WordPress Blokları Nedir?

WordPress blokları, WordPress' Gutenberg düzenleme sistemini kullanarak bir blog gönderisine veya web sitesi sayfasına ekleyebileceğiniz metin, medya veya özel kodun gizli öğeleridir.

Çoğu insan onu bloglar için kullanmaya odaklanır, ancak birçok web sitesindeki diğer sayfaların çoğu için iyi çalışır.

WordPress blokları, her bir öğeyi manuel olarak kodlama ihtiyacını ortadan kaldırarak okuyucular için iyi görünen yazılar ve sayfalar oluşturmayı basitleştirmek için mevcuttur. Bunun yerine, sayfanızın görünümünü özelleştirmek için her bloğu sürükleyip yeniden düzenleyebilirsiniz.

Her blok, işlevsel olarak sayfada bağımsız bir öğedir, bu nedenle bir bloğu değiştirmek diğerlerini değiştirmez.

Bu, piyasadaki tek blok tipi düzenleme sistemi değil. Ghost gibi bazı rakip hizmetler de web siteleri oluşturmak için kullanabileceğiniz sağlam editörlere sahiptir.

Bununla birlikte, Ghost esas olarak bir blog platformudur ve editörü buna odaklanırken, WordPress editörü de web sitenizde blog olmayan sayfalar oluşturmak için yararlıdır.

Bu bloklar, başka bir içerik yönetim sistemi olan Drupal'dan da farklıdır.

Drupal, bir web sitesinin birden çok bölümünde görünebilecek bloklara odaklanırken, WordPress bir sayfanın tek tek bölümlerine odaklanır.

İçeriği yeterince kolayca çoğaltabilirsiniz, ancak blokların kendileri bağlantılı değildir ve birini düzenlediğinizde tümü değişmez.

Daha fazla bilgi edinin: Açılış Sayfası Tasarımı: 10 İlham Verici, Yüksek Dönüştürücü Açılış Sayfası

Gutenberg'in Tarihi

Gutenberg, WordPress'in şu anki editörüdür.

İlk olarak 2018'de piyasaya sürüldü, o zamandan beri web sayfaları ve blog gönderileri için hızlı ve güçlü düzenleme sağlayabilen daha olgun bir sistem haline geldi.

Geliştiriciler bunu tam site düzenlemesi için kullanmak istedikleri için hala yapılmadı, ancak şimdi lansmanından çok daha fazla özelliğe sahip.

Gutenberg var çünkü birçok WordPress kullanıcısı, her şeyin iyi görünmesini sağlamak için kodu düzenlemeden daha temiz ve daha basit bir blog oluşturma yoluna sahip olmak istedi.

Burada, WordPress'in pek çok sıradan kullanıcının ilgisini çektiğini ve birçoğunun çok az kodlama bilgisine sahip olduğunu anlamak önemlidir.

Bu, o zamana göre nispeten ileri düzeyde kodlama bilgisine sahip olmadıkça bir web sitenizin bile olmayacağı internetin ilk yıllarından keskin bir farktır. Başka bir deyişle, WordPress, tıkla ve sürükle işlemlerinin daha anlamlı olduğu gündelik pazarı desteklemek istiyor.

Gutenberg için ikincil bir düşünce, insanların nasıl ve nerede blog yazdığıdır.

Bazı web sitesi sahipleri, bir şeyleri manuel olarak yazmak yerine metinden konuşmaya sistemlerini kullanırken, sürükle ve bırak düzenleme sistemi akıllı telefonlarda, tabletlerde ve diğer cihazlarda web siteleri oluşturmayı çok daha kolay hale getirir.

Ancak, bazı insanlar hala eski düzenleme sistemini tercih ediyor. Bu şaşırtıcı değil çünkü kodunu yönetebilen kullanıcılar için hala çok daha fazla kontrol ve destek sunuyor.

Gutenberg güçlü bir editördür , ancak zorunlu olarak kullanıcıların yapabileceği bazı şeyleri sınırlar. Hiçbir şey saf kodlama kadar esnek değildir, ancak Gutenberg çoğu ihtiyaç için daha hızlı ve kolaydır.

Daha fazla bilgi edinin: Dönüşüm Oranı Optimizasyonu: Eksiksiz Kılavuz

Klasik ve Blok Düzenleyici Arasında Geçiş Yapma

WordPress, esnekliğin genellikle herkesi tek bir sistem kullanmaya zorlamaktan daha iyi olduğunu bilir ve bu nedenle klasik ve blok düzenleme sistemleri arasında geçiş yapabilirsiniz.

Çoğu durumda, düzenleme görünümleri arasında geçiş yapmak için site yöneticisi olmanız gerekir.

Ancak, doğru hesapla oturum açtıktan sonra, ekranın üst kısmındaki düğmeyi tıklayarak her sayfada düzenleyiciyi değiştirebilirsiniz.

Çoğu kullanıcının bilmesi gereken budur, ancak işleri daha da özelleştirebilirsiniz.

Birçok WordPress eklentisi, Gutenberg gibi bir sürükle ve bırak arayüzüne sahip ancak tercih edebileceğiniz sayfalar oluşturmanıza izin verir. Genellikle Gutenberg'in sunmadığı düzenleme seçenekleri sunarlar.

Divi oluşturucu, SeedProd ve popüler, kullanımı kolay Elementor gibi eklentiler, Gutenberg'in sağladığı blokların ötesinde düzenleme sistemleri sunar.

Bu eklentiler genellikle yeniden boyutlandırma araçları, çok parçalı bileşenler ve sayfa oluşturma sürecini daha da azaltan gelişmiş şablonlar içerir.

Harici eklentiler, Gutenberg'in genellikle biraz düştüğü blog olmayan sayfalar için yararlıdır. Bu sayfaların çoğunu yapabilir , ancak henüz diğer sistemlerle aynı esnekliğe sahip değil.

Daha fazla bilgi edinin: Müşteri Yolculuğu Haritası: En İyi Uygulamalar + Hazır Şablonlar

Gutenberg Nasıl Devre Dışı Bırakılır

Gutenberg'i belirli kullanıcılar için devre dışı bırakabilir misiniz? Tamamen devre dışı bırakılabilir mi?

İkisinin de cevabı evet. Sitenizde kullanmak istemiyorsanız Gutenberg'i devre dışı bırakmanın birkaç yolu vardır.

Bir Eklenti Yükleyerek Gutenberg'i Devre Dışı Bırakın

İlk yöntem ve çoğu kullanıcı için en iyisi Classic Editor eklentisini kullanmaktır. Bu, sitelerde kelimenin tam anlamıyla milyonlarca aktif kurulumla WordPress ekibinin resmi bir eklentisidir.

Klasik Düzenleyici, her kullanıcı için varsayılan düzenleyiciyi ayarlamanıza, kullanıcıların bir düzenleyici seçmesine olanak tanır ve işleri kolaylaştırmak için çeşitli ek özelliklerle birlikte gelir.

Bu, Gutenberg'i teknik olarak devre dışı bırakmaktan çok gizlemek anlamına gelmez, ancak pratik sonuç aynıdır. Veya başka bir anlamda, Classic Editor'ı yüklemek akıllıcadır, çünkü istediğiniz düzenleyiciyi kullanmanıza olanak tanır ve bu, her zaman bir düzenleyiciye takılıp kalmaktan daha iyidir.

Topluluk tabanlı bir alternatif, Klasik Düzenleyici kadar popüler olmayan ancak resmi desteğe dayanmayan Gutenberg Devre Dışı Bırak eklentisini kullanır.

Bu, Gutenberg'i tamamen devre dışı bırakmanın veya bir sitedeki belirli sayfalar, gönderi türleri, roller veya temalar için devre dışı bırakmanın basit ve pratik bir yoludur.

Her iki eklentiyi de yüklemek için adımlar basittir:

1. WordPress arayüzünüze giriş yapın
2. Solda, 'Eklentiler'i seçin
3. Genişletilmiş Eklentiler ekranında 'Yeni'yi seçin
4. Üstteki arama alanına istediğiniz eklentinin adını yazın
5. Sonuçlardan istediğiniz eklentiyi seçin ve 'Şimdi Kur' düğmesini tıklayın
6. Bitirdikten sonra, 'Eklentiyi Etkinleştir'i tıklayın

Functions.php'yi Düzenleyerek Gutenberg'i Devre Dışı Bırakın

Son olarak, bazı şeyleri doğrudan devre dışı bırakmak için sitenizdeki functions.php dosyasını değiştirebilirsiniz.

Ancak, yanlış yaparsanız bu, sitenizin bozulmasına neden olabilir, bu nedenle bunu sıradan kullanıcılar için önermiyoruz. Yukarıda listelenen eklentilerden birini kurmak hem daha basit hem de kolayca geri alınabilir.

Gutenberg'i eklenti olmadan devre dışı bırakmak istiyorsanız ve WordPress kodunda yeniyseniz, aşağıdaki adımları takip edebilirsiniz. Bu yöntem, tüm kullanıcılar için devre dışı bırakır.

1. WordPress arayüzünüzde oturum açın (yönetici olmanız gerekir)
2. Sol kenar çubuğunda 'Görünümler'i bulun ve üzerine gelin
3. 'Tema Düzenleyici'yi seçin
4. Sağdaki dosya listesinde 'functions.php' öğesini seçin.
5. Bir şeyler ters giderse geri yükleyebilmek için önce function.php dosyanızın bir kopyasını yedek olarak alın
6. Editör açıldığında, aşağıdakini aynen kopyalayın ve dosyaya yapıştırın: add_filter( 'use_block_editor_for_post', '__return_false' );
7. Aşağıdaki Dosyayı Güncelle düğmesini tıklayın

Daha fazla bilgi edinin: Isı Haritası Açıklaması + Bir Web Sitesi Isı Haritasını Nasıl Yapabilirsiniz

Yaygın WordPress Blok Türleri

İşte temel WordPress düzenleyicide bulunan en yaygın blok türleri.

Gutenberg'den önce, çoğu kişi bu blokları doğrudan veya zengin metin düzenleyicinin metin ve görüntü biçimlendirme araçlarıyla kodladı ve sayfadaki düzeni ayarlamak için kodu gerektiği gibi yeniden düzenledi.

Paragraf

Bu, çoğu insanın diğerlerinden daha fazla kullandığı bloktur. Adından da anlaşılacağı gibi, yazılı içeriğe odaklanır.

Metin düzenleyici, her paragrafı bir bloğa dönüştürür, böylece bunları yazdıktan sonra taşıyabilir ve yeniden düzenleyebilirsiniz.

resim

Görüntü gömme blokları, sayfada hareket ettirebileceğiniz tek grafikleri tutar.

Bunlar, görüntünün yeniden boyutlandırılması ve hatta bir temanın olağan sınırının ötesine geçerek tam genişliğe geçiş dahil olmak üzere çeşitli hizalama seçenekleriyle birlikte gelir.

Paragraf ve resim blokları birlikte temel bir web sayfası oluşturmak için yeterlidir, bu nedenle diğer her şey sonuçta temel görsel hiyerarşi ilkelerini izleyerek bu öğeleri yinelemek ve geliştirmek için oradadır.

Başlıklar

Başlık blokları, sayfayı bölümlere ayırmak ve kullanıcıların içeriği bulmasını kolaylaştırmak için büyük boyutlu metinleri tutar. Düzenleyici, başlık boyutlarını, biçimlendirmeyi, köprü oluşturmayı ve diğer öğeleri gerektiği gibi ayarlamanıza olanak tanır.

WordPress, sayfa başlığı için h1 dahil olmak üzere 6 adede kadar başlık seviyesini destekler, ancak çoğu insan nadiren h4'ün ötesine geçer.

Galeri

Galeri bloğu, temel görüntü bloğunun gelişmiş bir sürümüdür ve önceden belirlenmiş bir düzende birden çok resim eklemenize olanak tanır.

Geçerli düzenleyici, resimler için en fazla sekiz sütunu, ayrıca sayfa için yeniden boyutlandırma, bağlama ve diğer biçimlendirme seçeneklerini destekler.

Liste

Numaralandırılmış veya madde işaretli listeler oluşturulan liste blokları.

Bu aslında sadece paragraf bloğunun bir uygulamasıdır, ancak listeleri kendi bileşenlerine ayırmak, biçimlendirmeyi yanlışlıkla değiştirmeyi önlemeyi kolaylaştırır.

Alıntı yapmak

Alıntı blokları, özellikle önemli bir şeyin söylenmesine yardımcı olan özel olarak biçimlendirilmiş paragraf bloklarıdır.

Çoğu kişi bunları belirli bir kişi tarafından yapılan bir alıntı için kullanır, ancak bunları yorum sağlamak veya önemli bilgileri vurgulamak için de kullanabilirsiniz.

Ses

Web sitelerinde ses blokları nispeten nadirdir, ancak WordPress hala bunları desteklemektedir.

Bunlar, sesi otomatik olarak çalma veya döngüye alma gibi özellikler de dahil olmak üzere, sahip olduğunuz tüm ses dosyalarını eklemenize olanak tanır.

Çoğu kullanıcının, istemedikçe otomatik olarak çalınan seslerden hoşlanmadığını unutmayın; bu nedenle, beklenmedik seslerle şaşırtıcı ziyaretçilerden kaçınmaya çalışın.

Örtmek

Kapak blokları daha gelişmiş bir biçimlendirme öğesidir. Bu blok, sayfanıza yerleştirebileceğiniz bir resim veya video ve bazen de metin seçmenize olanak tanır.

Bu medya arka planda yüzebilir, tekrar edebilir ve aksi takdirde anında dikkat çekici olarak hizmet edebilir.

WordPress, kaplamada şeffaflık olmamasını veya tam şeffaflığı destekler, ancak metninizin okunması kolay olduğundan emin olmak için makul bir miktar önerir.

Dosya

Dosya blokları, ziyaretçilerin indirebilmesi için web sitenizdeki dosyalara doğrudan bağlantılar sağlamanıza olanak tanır.

Sitenize hemen hemen her tür dosyayı yükleyebilirsiniz, ancak çok büyük bir şey yüklemeye çalışırsanız veya planınız için çok fazla indirme alırsanız, barındırma sağlayıcınızın soruları olabilir.

Bu, web geliştirmenin birbirine bağlılığına iyi bir örnektir.

İnsanların yalnızca temel metin dosyalarını indirmesine izin veriyorsanız, ancak başka herhangi bir dosya eklemeden önce web sitenizin ana bilgisayarıyla görüşün, muhtemelen sınırlarla karşılaşmazsınız. Planınızda nelere izin verildiğini size söyleyebilir veya gerektiğinde alternatifler önerebilirler.

Video

Video blokları, doğrudan yükleyerek veya başka bir sitedeki içeriği bağlayarak sitenize multimedya içeriği eklemenize olanak tanır.

Video dosyaları son derece büyük olma eğilimindedir, bu nedenle dosyaların sitenizde olmasını istiyorsanız genellikle iyi bir barındırma planına ihtiyacınız vardır.

YouTube aracılığıyla ve YouTube embed'i kullanarak harici olarak barındırma, oldukça kolaydır. Gutenberg, bazı video bağlantılarını uygun şekilde otomatik olarak farklı türde bir bloğa dönüştürür.

WordPress Blokları Nasıl Kullanılır

Gutenberg düzenleyicisine blok eklemenin birkaç yolu vardır. Bunları doğrudan üstteki simge çubuğundan veya yerleştirici düğmesine tıklayarak ekleyebilirsiniz.

Bu düğme, içinde artı bulunan bir daireye benziyor ve eklenecek blok türünü tıklamanıza izin veriyor.

Bloklar sayfaya geldikten sonra bloğun sol tarafındaki oklara tıklayarak onları yukarı ve aşağı hareket ettirebilirsiniz. Alternatif olarak, altı noktadan oluşan ızgaraya tıklayıp fare düğmesini basılı tutarak bloğu istediğiniz yere sürükleyebilirsiniz.

Blokları düzenlemek için boşluklarına tıklamanız yeterlidir. Bu, blok bilgilerini otomatik olarak açacak ve bileşenleri gerektiği gibi ayarlamanıza izin verecektir.

Blok türünü değiştirmek için aynı işlevleri kullanabilirsiniz. Kontrol panelindeki oklar, düzenleyicinin bölümlerini genişletmek veya kapatmak için kullanılabilirken, X düğmesi blok düzenleyiciden çıkıp başka şeylere odaklanmanızı sağlar.

WordPress Blokları ve Widget'lar Arasındaki Fark

Bloklar, öncelikle metin ve görseller ve ses gibi medya dahil olmak üzere web sayfası içeriğidir. Peki, WordPress widget'ı nedir ve bloktan farkı nedir?

Buna karşılık WordPress widget'ları, kenar çubukları ve altbilgiler gibi özel alanlara yerleştirebileceğiniz içeriklerdir. Gutenberg editörü çoğunlukla bu alanlardan kaçınır, ancak ana içeriğinize kod blokları ekleyerek widget benzeri şeyler ekleyebilirsiniz.

Blok arayüzü, sayfa düzenleyici açıkken genellikle ekranın sağ tarafındadır. Widget düzenleyicisine Görünüm > Özelleştirici alanından ve yönetici menüsünden erişilebilir.

Widget'lar genellikle bir web sitesinin her sayfasında görünür, bu nedenle onları düzenleyemezsiniz, blokları düzenleyebileceğiniz aynı yerden.

Yeniden Kullanılabilir WordPress Blok Şablonları Oluşturma

WordPress, yeniden kullanılabilir blok şablonları oluşturmanıza olanak tanır.

Bu, her seferinde tam bir düzen oluşturmadan sitenizde tutarlı marka bilinci oluşturma ve tasarıma sahip olmak için kullanışlıdır. Bu, özellikle gelişmiş vektör grafikleri ve düzenler oluşturmak için Vectornator veya Adobe Illustrator gibi bir yazılım kullanıyorsanız kullanışlıdır.

Şablonun kendisini oluşturmak basittir. Tek yapmanız gereken bloğu seçmek, beliren araç çubuğundaki üç noktayı ve ardından Yeniden Kullanılabilir Bloklara Ekle'yi tıklamak.

Buradan, hatırlaması kolay bir adla yeniden adlandırabilir ve sayfa üzerinde çalışmaya geri dönebilirsiniz.

Blok şablonları, logolar, grafik tasarım yazılımında yapılan özel düğmeler, tasarım öğeleri ve bir web sitesinin markalaşmasında kullanılan her şey gibi şeyleri basitleştirir.

Şablon, her kullanmak istediğinizde belirli bir marka öğesi veya düzeni yeniden yapmak zorunda kalmadan öğenin istediğiniz yere kolayca eklenmesine olanak tanır.

WordPress Blokları Üzerine Son Düşünceler

WordPress blokları herkes için ideal olmasa da, sezgisel, kullanıcı dostu bir şekilde sayfa oluşturmak ve içerik düzenlemek için güçlü bir başlangıç ​​noktasıdır.

Ancak, blokları sadece okumak, onları kullanmakta ustalaşmak için yeterli değildir.

Bunun yerine, şimdi WordPress sitenize gidin ve bir sayfada oynamaya başlayın. Biraz pratik yaparak, bunların kullanımında ustalaşabilecek ve sitenizde gelişmiş düzenler oluşturmaya başlayabileceksiniz.

Bisiklete binmek gibi, WordPress bloklarını bir kez öğrendikten sonra unutmak zordur ve neredeyse tüm standart sayfa tasarımlarını oluşturmanıza yardımcı olabilir.