WordPress Block: derinlemesine kılavuz
WordPress Block, web siteleri için Gutenberg sürükle ve bırak WordPress düzenleme sisteminin ana bileşenidir. Blokları kullanmayı öğrenmenin en kolay yolu doğrudan uygulamadır, ancak blokların ne olduğunu ve sizin için neler yapabileceklerini anlamak, sayfalarınızı daha verimli ve hatta eğlenceli hale getirebilir. İster bir WordPress sitesi oluşturmada yeni olun, ister bazı gelişmiş beceriler geliştirmek isteyin, bu kılavuz size hangi blokların olduğu, insanlar tarafından yaygın olarak hangi blokların kullanıldığı, bunların nasıl kullanılacağı ve sitenizi geliştirebilecek diğer bilgiler hakkında daha fazla bilgi verecektir.
Daha fazla bilgi edinin: WordPress Web Sitesi Tasarımı: Başlangıçtan itibaren WordPress web sitesi nasıl oluşturulur
İçerik Tablosu
WordPress bloğu nedir?
Gutenberg tarihi
Klasik editör ve blok arasında geçiş
Gutenberg nasıl devre dışı bırakılır
Eklentileri yükleyerek Gutenberg’i devre dışı bırakın
Functions.php düzenleyerek Gutenberg’i devre dışı bırakın
Ortak WordPress bloğu türü
Cümle grubu
Resim
Başlık
Galeri
Liste
Alıntı
Ses
Örtmek
Göndermek
Video
WordPress bloğu nasıl kullanılır
Blockpress blokları ve widget’ları arasındaki fark
Yeniden kullanılan bir WordPress blok şablonu oluşturun
WordPress bloğu hakkında son düşünce
WordPress bloğu nedir? WordPress Block, Gutenberg WordPress düzenleme sistemini kullanarak blog gönderisine veya web sitesi sayfasına ekleyebileceğiniz özel bir metin, medya veya özel kod unsurudur.
Çoğu kişi bloglar için kullanmaya odaklanır, ancak birçok web sitesinde diğer sayfalar için iyi çalışır. WordPress blokları, her öğeyi manuel olarak kodlama ihtiyacını ortadan kaldırarak okuyucular için iyi görünen yayınların ve sayfaların yapımını basitleştirmek için vardır. Bunun yerine, sayfanızın görünümünü ayarlamak için her bloğu çekebilir ve sıfırlayabilirsiniz. Her blok işlevsel olarak sayfadaki bağımsız bir öğedir, bu nedenle bir bloğu değiştirmek başka bir bloğu değiştirmez. Bu, piyasadaki tek blok tipi düzenleme sistemi değildir. Ghost gibi bazı rakiplerin hizmetleri de bir web sitesi oluşturmak için kullanabileceğiniz zorlu bir editöre sahiptir. Ancak, Ghost’un çoğu bir blog platformudur ve editör buna odaklanırken, WordPress editörü de olmayan oluşturulmaya yardımcı olur Web sitesinde blog sayfaları. Bu blok aynı zamanda diğer içerik yönetim sistemlerinden Drupal’dan farklıdır. Drupal, web sitesinin birkaç bölümünde görünebilen bloklara odaklanırken, WordPress bir sayfanın tek tek bölümlerine odaklanır. İçeriği kolayca çoğaltabilirsiniz, ancak bloğun kendisi bağlantılı değildir ve düzenlediğinizde her şey değişmez. Daha fazla bilgi: Yönlendirme Tasarım Sayfası: Yüksek dönüşümlü 10 sayfa ilham verici yön
Gutenberg Gutenberg’in tarihi mevcut WordPress editörüdür. Başlangıçta 2018’de başlatılan bu, o zamandan beri web sayfaları ve blog yayınları için hızlı ve güçlü düzenleme sağlayabilen daha olgun bir sisteme dönüştü. Hala bitmedi çünkü geliştirici tam siteyi düzenlemek için kullanmak istiyor, ancak şimdi başlatıldığından daha fazla özelliğe sahip.
Gutenberg orada, çünkü birçok WordPress kullanıcısı, her şey iyi görünmesi için kodu düzenlemeden daha temiz ve daha basit bir blog yöntemine sahip olmak istiyor. Burada, WordPress’in birçoğu biraz kodlama bilgisine sahip birçok sıradan kullanıcıyı çektiğini anlamak önemlidir. Bu, o zaman için nispeten gelişmiş bir kodlama bilgisine sahip olmadığınız sürece, bir web siteniz bile olmayacağında internetin ilk yıllarından keskin bir farktır. Başka bir deyişle, WordPress, tık ve set sürecinin daha mantıklı olduğu sıradan pazarı desteklemek istiyor. Gutenberg için ikinci husus, insanların nasıl ve nerede blog oluşturmasıdır. Bazı web sitesi sahipleri, manuel olarak bir şeyler yazmak yerine metin-özel sistemi kullanırken, sürükle ve bırak düzenleme sistemi akıllı telefonlarda, tabletlerde ve diğer cihazlarda web siteleri oluşturmayı kolaylaştırır.
Ancak, bazı insanlar hala eski düzenleme sistemini tercih ediyor. Bu şaşırtıcı değil, çünkü kodlarını yönetebilen kullanıcılar için hala çok daha fazla kontrol ve destek sunuyor. Gutenberg harika bir editördür, ancak ihtiyaç nedeniyle kullanıcıların yapabileceği bazı şeyleri sınırlar. Eplexable kodlama saf kodlama yoktur, ancak Gutenberg çoğu ihtiyaç için daha hızlı ve daha kolaydır. Daha fazla bilgi edinin: Dönüşüm Seviyesinin Optimizasyonu: Klasik Editör ve WordPress Block’a Komple Kılavuz Esnekliğin genellikle herkesi bir sistemi kullanmaya zorlamaktan daha iyi olduğunu bilir ve bu yüzden klasik düzenleme sistemleri ve bloklar arasında geçiş yapabilirsiniz. Çoğu durumda, Düzenleme ekranı arasında geçiş yapmak için bir site yöneticisi olmalıdır. Ancak, doğru hesabı girdikten sonra, ekranın üst kısmındaki düğmeyi tıklayarak değiştirdiğinizde her sayfadaki düzenleyiciyi değiştirebilirsiniz. Çoğu kullanıcının bilmesi gereken tek şey budur, ancak daha fazla ayarlayabilirsiniz.
Görüntü kaynağı
Birçok WordPress eklentisi, Gutenberg gibi sürükle ve bırak arabirimlerine sahip sayfalar oluşturmanıza olanak tanır, ancak tercih edebilirsiniz. Genellikle Gutenberg’in sahip olmadığı düzenleme seçenekleri de sunarlar.
Popüler ve kullanımı kolay olan Divi Builder, SeedProd ve Elementor gibi eklentiler, Gutenberg tarafından sağlanan bloğun dışında bir düzenleme sistemi sunar. Bu eklenti genellikle boyutu değiştirmek için bir cihaz, çok bölümlü bileşenler ve avluyu yapma işlemini giderek daha fazla azaltan gelişmiş bir şablon içerir. Harici eklentiler blog olmayan sayfalar için çok yararlıdır, Gutenberg genellikle başarısız olur. Birçok sayfa yapabilir, ancak henüz diğer sistemlerle aynı esnekliğe sahip değildir. Daha fazla bilgi edinin: Müşteri Seyahat Haritası: En İyi Uygulama + Şablon Gutenberg’i devre dışı bırakmaya hazır Gutenberg’i belirli kullanıcılar için devre dışı bırakabilir misiniz? Bu tamamen devre dışı bırakılabilir mi? Her ikisinin de cevabı evet. Sitenizde kullanmak istemiyorsanız Gutenberg’i devre dışı bırakmanın birkaç yolu vardır. İlk yöntem eklentisini yükleyerek Gutenberg’i devre dışı bırakın ve en iyi kullanıcıların çoğu için klasik bir editör eklentisi kullanmaktır. Bu, Sitede milyonlarca aktif kurulum bulunan WordPress ekibinin resmi eklentisidir. Görüntü kaynağı
Görüntü kaynağı
Klasik düzenleyici, her kullanıcı için varsayılan düzenleyiciyi ayarlamanıza olanak tanır, kullanıcıların düzenleyiciyi seçmesine izin verir ve kolaylaştırmak için birkaç ek özellik ile donatılmıştır. Bu, Gutenberg’i teknik olarak gizlemek gibi devre dışı bırakmaz, ancak pratik sonuçlar aynıdır. Ya da, başka bir anlamda, klasik bir editör yüklemek akıllıcadır, çünkü istediğiniz herhangi bir editörü kullanmanıza izin verir ve her zaman bir editör tarafından sıkışıp kalmaktan daha iyidir.
Topluluk tabanlı alternatifler, klasik editör kadar popüler olmayan ancak resmi desteğe bağlı olmayan Gutenberg deaktivasyon eklentisini kullanır. Bu, Gutenberg’i devre dışı bırakmanın veya sitedeki sayfalar, yayın türleri, roller veya bazı temalar için devre dışı bırakmanın doğrudan ve pratik bir yoludur. Eklentilerden birini yüklemek için adımlar basittir: WordPress arabiriminizi girin Solda ‘eklenti’ seçin Genişletilmiş eklenti ekranında ‘Yeni’ seçeneğini seçin
Yukarıdaki arama alanına, istediğiniz eklentinin adını yazın
Sonuçlardan istediğiniz eklentiyi seçin ve ‘Şimdi Yükle’ düğmesini tıklayın
Bittiğinde ‘eklentiyi etkinleştir’ tıklayın
Last.php function.php’i düzenleyerek Gutenberg’i devre dışı bırakın, çeşitli şeyleri doğrudan devre dışı bırakmak için Sitenizdeki Fonksiyon.Php dosyasını değiştirebilirsiniz. Ancak, bu yanlış yaparsanız sitenize zarar verebilir, bu nedenle bunu sıradan kullanıcılar için tavsiye etmeyiz. Yukarıda listelenen eklentilerden birini yüklemenin daha basit ve tersine çevrilmesi daha kolaydır.
Gutenberg’i eklenti olmadan devre dışı bırakmak istiyorsanız ve WordPress kodunda yeni başlayanlarsanız, bu adımları izleyebilirsiniz. Bu yöntem onu tüm kullanıcılar için devre dışı bırakır.
WordPress arayüzünüzü girin (yönetici olmalısınız)
Yan tarafın sol tarafındaki ‘ekranı’ bulun ve imleci üste işaret edin
‘Tema Düzenleyicisi’ni seçin
Sağdaki dosya listesinde ‘function.php’ seçeneğini seçin
Önceki işlevlerinizin bir kopyasını oluşturun.
Editör göründüğünde, aşağıdakileri kopyalayın ve dosyaya yapıştırın: add_filter (‘use_block_ditor_for_post’, ‘__return_false’); aşağıdaki dosya güncelleme düğmesini tıklayın
Daha fazla bilgi edinin: Sıcak haritanın açıklaması + Heat haritası web sitelerinin nasıl yapılır yapılması genel WordPress bloğu türü, Basic WordPress düzenleyicisinde bulunan en yaygın blok türleridir.
GIF kaynağı
Gutenberg’den önce, çoğu kişi bu blokları doğrudan veya zengin metin düzenleyicisinden metin ve görüntü oluşturucularla kodlar ve sayfadaki düzeni ayarlamak için kodu gerektiği gibi sıfırlar. Bu cümle grubu, insanların diğerlerinden en yaygın kullanılan bloğudur. Adından da anlaşılacağı gibi, bu yazılı içeriğe odaklanır. Metin düzenleyicisi, yazdıktan sonra hareket edip yeniden düzenleyebilmeniz için her paragrafı bir bloğa dönüştürür. Görüntü Bloğu Ayar Görüntü, sayfanın etrafında hareket edebileceğiniz bir grafik tutar. Bu, bir temanın sıradan sınırının ötesinde, görüntünün boyutunu veya hatta tam geniş bir şekilde değiştirilmesi de dahil olmak üzere çeşitli tesviye seçenekleriyle birlikte gelir.
Görüntü kaynağı
Paragraf blokları ve görüntüler birlikte temel web sayfaları oluşturmak için yeterlidir, bu nedenle temel görsel hiyerarşi prensibini takip ederek bu öğeleri tekrarlamak ve geliştirmek için sadece diğerleri. Blok Başlık Başlığı, sayfayı birkaç parçaya bölmek ve kullanıcıların içerik bulmasını kolaylaştırmak için büyük bir metin tutar. Editör, başlık, biçimlendirme, köprü ve diğer öğeleri gerektiği gibi ayarlamanıza olanak tanır. WordPress, sayfa başlıkları için H1 de dahil olmak üzere 6 seviyeye kadar başlığı destekler, ancak çoğu kişi nadiren H4’ü aşar. Galeri Block Galerisi, temel resim bloğunun bir devam sürümüdür ve önceden belirlenmiş düzeye birçok resim eklemenizi sağlar. Mevcut editör, görüntüler için en fazla sekiz sütunu ve ayrıca sayfa için boyutu, menquistration ve diğer formatörleri değiştirme seçeneğini destekler. Blokların listesi listeler numaralı veya madeni para listeleri oluşturur. Bu temel olarak sadece paragraf bloğundan bir uygulamadır, ancak listeyi kendi bileşenlerine ayırmak, biçimlendirmenin yanlışlıkla modifikasyonunu önlemeyi kolaylaştırır. Alıntı bloğundan alıntı yapmak, çok önemli bir şeyden bahsetmeye yardımcı olan özel bir biçimlendirilmiş paragraf bloğudur. GIF kaynağı
Çoğu kişi bunu belirli kişilerin alıntıları için kullanır, ancak bunu önemli bilgileri yorumlamak veya vurgulamak için de kullanabilirsiniz.Ses bloğu ses web sitesinde nispeten nadirdir, ancak WordPress bunu hala destekler.Bu, otomatik olarak ses çalma veya tekrarlama gibi özellikler de dahil olmak üzere sahip olduğunuz herhangi bir ses dosyasını eklemenize olanak tanır.Çoğu kullanıcının gerçekleşmesini istemedikçe otomatik olarak çalınan sesi sevmediğini unutmayın, bu yüzden ziyaretçileri beklenmedik bir sesle şaşırtmamaya çalışın.Kapak bloğunun kaplanması daha sofistike bir biçimlendirme öğesidir.Bu blok, sayfanızda kaplayabileceğiniz görüntüleri veya videoları ve bazen metinleri seçmenizi sağlar.
Bu medya arka planda yüzebilir, tekrarlanan ve tam tersi, anında dikkatin bir cazibesi olarak işlev görebilir. WordPress, bindirmede veya tam şeffaflıkta şeffaflığın olmamasını destekler, ancak metninizin okunması kolay olduğundan emin olmak için orta miktarda bir miktar önerir. Bir dosya bloğu göndermek, ziyaretçilerin indirebilmesi için doğrudan web sitenizdeki dosyaya bir bağlantı vermenizi sağlar. Sitenize neredeyse her türlü dosyayı yükleyebilirsiniz, ancak çok büyük bir şey yüklemeye veya paketiniz için çok fazla indirme almaya çalışırsanız barındırma sağlayıcınızın soruları olabilir. Bu, web geliştirmenin bağlantılarına iyi bir örnektir. İnsanların yalnızca temel metin dosyalarını indirmesine izin verirseniz, ancak diğer dosyaları eklemeden önce web siteniz ana bilgisayarınızla konuşursanız limiti ihlal etmeyebilirsiniz. Planınızda neye izin verildiğini söyleyebilir veya gerektiğinde alternatifler önerebilirler. Video bloğu videosu, doğrudan yükleyerek veya içeriği diğer sitelere bağlayarak sitenize multimedya içeriği eklemenize olanak tanır.
Bloğu düzenlemek için alana tıklayın.Bu, blok bilgilerini otomatik olarak açar ve gerekli bileşenleri ayarlamanıza izin verir.Blok türünü değiştirmek için aynı işlevi kullanabilirsiniz.Kontrol panelindeki oklar, düzenleyiciyi genişletmek veya kapatmak için kullanılabilirken, X düğmesi blok düzenleyiciyi kapatmanıza ve diğer şeylere odaklanmanıza izin verir.Bloklar ve WordPress blok widget’ları arasındaki fark, resimler ve ses gibi metin ve ortam dahil olmak üzere esas olarak web sayfası içeriğidir.Peki, WordPress widget nedir ve bloklarla fark nedir?WordPress widget, aksine, kenar çubuğu ve altbilgi gibi özel alanlara yerleştirebileceğiniz bir içeriktir.Gutenberg editörü, bir kod bloğu ekleyerek ana içeriğinizdeki widget gibi şeyleri girebilmenize rağmen çoğunlukla bu alandan kaçınır.Blok arayüzü, sayfa düzenleyicisi açık olduğunda genellikle ekranın sağ tarafındadır.Widget Editor görünüm alanı üzerinden kullanılabilir> Özelleştirici ve yönetici menüsü üzerinden. Widget’lar genellikle web sitesinin her sayfasında görünür, bu nedenle bloğu düzenlerken aynı yerden düzenleyemezsiniz. WordPress yeniden kullanılabilecek WordPress blok şablonları oluşturmak, yeniden kullanılabilecek bir blok şablonu yapmanızı sağlar. Bu, her zaman doğru düzeni yeniden yapmadan sitenizde tutarlı markalaşma ve tasarımlara sahip olmak için kullanışlıdır. Grafikler ve gelişmiş vektör düzeni oluşturmak için Vectornator veya Adobe Illustrator gibi yazılımları kullanıyorsanız bu çok yararlıdır. Şablonun kendisini yapmak basittir. Yapmanız gereken tek şey bir blok seçmek, cihazda görünen üç noktayı tıklayın, ardından yeniden kullanılabilecek bloğa ekle’yi tıklayın. Oradan, adını hatırlaması ve sayfaya geri dönmesi kolay bir şeye değiştirebilirsiniz. Şablon Block Logolar, grafik tasarım yazılımında oluşturulan özel düğmeler, tasarım öğeleri ve web sitesi marka görüntülemesinde kullanılan şeyleri basitleştirir. Şablonlar, her kullanmak istediğinizde belirli markalaşmanın öğelerini veya düzenini tekrarlamak zorunda kalmadan öğelerin kolayca eklenmesine izin verecektir. WordPress bloğu hakkında son düşünce WordPress bloğu herkes için ideal olmasa da, blok sayfalar oluşturmak ve içeriği sezgisel ve kullanıcı dostu bir şekilde yönetmek için güçlü bir başlangıç noktasıdır. Ancak, sadece bloklar hakkında okumak, kullanımına hakim olmak için yeterli değildir. Bunun yerine, WordPress sitenizi şimdi açın ve bir sayfada oynamaya başlayın.