Web Sitenizi Tamamen Düzenlemek için WordPress Gutenberg nasıl kullanılır?

Yayınlanan: 2022-06-04

WordPress uzun bir süredir piyasada ve hala yeni güncellemeler getiriyor. Web sitesi görünümünü özelleştirmek, büyük potansiyel ve bilgi gerektirir.

Burada WordPress Gutenberg , platformunuzun yapı taşlarına benzer. İnsanlar hala en iyisini çıkarmak için aracı araştırıyorlar. Bu düzenleyici, kodlama bilgisi olmayan veya daha az bilgisi olan kişiler için daha erişilebilirdir.

WordPress Gutenberg bloklarının içgörülerini keşfedelim !

WordPress Gutenberg nedir?

Yeni blok tabanlı düzenleyicinin kod adı WordPress 5 ile birlikte sunuluyor. Asıl değişiklik içerik güncellemeleri süreci. Size çeşitli formatlarda medya türleri ekleme ve blokları kullanarak düzenleyicinin içindeki düzeni düzenleme özgürlüğü verir.

WordPress endüstri üzerinde büyük bir etkiye sahiptir. İşletmeniz için parlak bir geleceğe adım atmaya başlıyor. Gutenberg, daha iyi bir kullanıcı deneyimi için sayfa şablonlarına odaklanmaya yardımcı olur. Sayfaların ve yayınların varsayılan içerik düzenleyicisi için kullanılan klasik WordPress düzenleyicisinin harika bir alternatifidir.

Daha büyük yapıyı oluşturmak için farklı şekil ve boyutlardaki küçük blokları birleştirmeniz gerekiyor. Bu, tek bir gönderinin birkaç küçük bloktan oluştuğu anlamına gelir. Gutenberg çeşitli bölümlere ayrılmıştır:

  • Metin : Bu paragraflar, listeler, alıntılar, başlıklar ve daha fazlası olabilir.
  • Medya : Bunlar resimler, galeriler, ses dosyaları, videolar ve diğer medyalardır.
  • Widget : WordPress widget'larını, kategori listesini ve daha fazlasını ekleyin
  • Tasarım : Sütunlar, aralayıcılar, bölümler, düğmeler ve diğerleri ekleyin
  • Gömmeler : Spotify, YouTube, Twitter ve daha fazlası gibi üçüncü taraf kaynaklardan gelen içeriği entegre edin.

WordPress tam site Düzenleme Web Sitenizi Nasıl Etkiler?

1. Blok Kategorileri ve Yerleştirme

Blok düzenleyicideki blog sayfalarının ve gönderilerin çerçevesidir. Sayfalarınız, alt bilgileriniz, kenar çubuklarınız ve başlıklarınız için blokları kullanabilirsiniz. Bloklar aracılığıyla size web sitesinin içeriği ve görünümü arasında ayarlama yapma özgürlüğü verirler.

2. Global Stillere Sahip Tasarım Öğeleri

Bu yeni özellikler kümesi, web sitesinin stil öğelerinin güncellenmesine yardımcı olur. Bunlar renkler, yazı tipleri veya diğer görsel parçalar olabilir. Blok düzenleyici, farklı gönderiler ve sayfalar için web sitesi perspektifini değiştirmeye yardımcı olur. Birden fazla web sitesi öğesi uygulamak ve harika bir kullanıcı deneyimi sürdürmek için WordPress Geliştiricilerini işe almanız gerekir . Global stiller, öğeleri büyük ölçekte kontrol edebilecek. Web sitesinin düzenleme modunda çalıştırılabilen global bir arayüz elde edersiniz.

3. Sayfa Düzenlerini Yapılandırma

Şablon, WordPress web sitesinin ayrı sayfalarındaki düzeni ve görünümü kontrol eder. Bileşenler, web sitesi teması içindeki kenar çubuklarının ve başlıkların yerleşimini belirlemenize yardımcı olacaktır. Tema, blog gönderileri ve açılış sayfaları için şablonlarla birlikte gelir.

4. Şablon İşlevselliğini Uygulayın

Şablonlar, öğelerin web sitesindeki yerleşimini belirleyecektir. WordPress Gutenberg blokları, temanın ve şablonlarının sayfa düzeni üzerinde büyük kontrol sağlar. Ayrıca size farklı açılış sayfaları arasında farklı tema öğeleri kullanma özgürlüğü verir.

Tema bloklarını blok tabanlı şablon düzenleyici ile kullanabilirsiniz. Bloklar aracılığıyla özel şablonlar oluşturun ve web sitenizde ve içeriğinizde kullanıcı gezinmesini kontrol edin.

Web Siteniz için Gutenberg WordPress Bloklarını Nasıl Yüklersiniz?

Yeni blok düzenleyici, WordPress 5.0 ve sonraki sürümlerde önceden yüklenmiştir . WordPress Gutenberg Bloklarını kurmanın en kolay yöntemi :

  • WordPress panosundan Eklentiler > Yeni Ekle'ye gidin
  • Arama çubuğunda WordPress Gutenberg anahtar kelimesini arayın
  • Eklenti, arama sonuçlarında görünmelidir. Şimdi, Şimdi Kur'a tıklayın
  • WordPress Gutenberg eklentisini kurduktan sonra , işlemi tamamlamak için Etkinleştir'e tıklayın.

WordPress Gutenberg Bloklarını Kullanmanın Faydaları Nelerdir?

Gutenberg kullanan geliştiriciler için birkaç avantaj vardır:

  • Yeni başlayanlar için içerik oluşturma sürecini daha kolay ve sezgisel hale getirir
  • İçerik biçimini yakından görüntülemeye ve ön ucu anlamaya yardımcı olur
  • Ayrı kısa kod gereksinimini ortadan kaldırarak içerik oluşturma yöntemini birleştirin
  • İçeriği çeşitli öğeler kullanarak özelleştirmek için çeşitli seçenekler sağlayın
  • Farklı bir sayfa oluşturucu eklentisi yükleme ihtiyacını ortadan kaldırın
  • İçerik düzenlemeyi ve oluşturmayı kolaylaştırmak için Sürükle ve Bırak özelliğine sahiptir.
  • Gutenberg'in iş akışını iyileştirmeye yardımcı olan daha iyi yanıt verme özelliği
  • WordPress, size metin ve görsel düzenleme araçları sağlayan sayfa oluşturucu eklentilerini yüklemekten kurtarır

WordPress Geliştirme Hizmetleri , platformunuz için en iyi özelliklerin kilidini açmanıza yardımcı olacaktır. Yalnızca doğru kaynaklara ve araçlara erişiminiz varsa platformun birçok faydası vardır.

WordPress Gutenberg'i Daha Verimli Kullanmaya Yönelik İpuçları:

1. Blokları Hızlı Eklemek için / düğmelerini kullanın

Birçok blok eklemek veya blok yerleştiriciyi manuel olarak açmak karmaşık ve zaman alıcı olabilir. Kullanmak istediğiniz blokların isimlerini öğrenmeye başlıyorsunuz. Eğik çizgiyi kullanarak blok eklemenin daha hızlı yöntemi.

Enter tuşuna bastığınızda, başlamak için yeni paragraf bloğu. Bu hızlı ekleme bloğu, eğik çizgiyi ve ardından eklemek istediğiniz bloğun adını yazarak. Gereksinimlerinize uyacak bir blok listesi var.

2. Resimleri Sürükleme İşlemiyle Ekleme

Çok fazla görüntüye ihtiyacınız varsa, WordPress Gutenberg blokları , görüntü bloğu gereksinimini ortadan kaldırmak için zaman kazandıran bir özelliğe sahiptir. Bunun yerine, gönderiye eklemek için görüntü dosyası dizinini masaüstünüzden ve konumunuzdan sürükleyin.

3. İçeriği Biçimlendirme Kolaylığı

İçerik oluşturmaya yönelik Markdown sözdizimi, başlıklarla ilgilenmeye yardımcı olur. H3 etiketli bir başlık bloğu eklemeniz gerektiği gibi, boşluk çubuğuyla üç hashtag ('###') ekleyebilirsiniz. Editör, başlığınızı bir H3'e dönüştürecek ve içeriğe devam edebilirsiniz.

4. Bir Bloğu Kopyalayın

Blok düzenleyici, metni diğer düzenleyiciler gibi kopyalayıp yapıştırmanıza yardımcı olur. Yaparsanız yardımcı olacaktır:

  • bloğu seçin
  • Bloklar araç çubuğundaki üç nokta simgesini tıklayın
  • Kopyala'yı seçin

Bloğu kopyaladıktan sonra, “Ctrl + V” kullanarak yapıştırın veya sağ tıklayın ve Yapıştır'ı seçin.

5. Blok Listesi Görünümünü Kullanın

Bloğu seçmek için düzenleyiciye tıklayabilirsiniz. Grup bloklarının veya sütunlarının içine saatleri yerleştirmek gibi, iç içe blokları kullanırken işler karmaşıklaşır. WordPress Gutenberg , araç çubuğundan açılabilen bir Liste Görünümü seçeneğine sahiptir. Listeye tıklayarak saati seçebilirsiniz ve bir düzenleyici, üzerine geldiğinizde bloğu vurgulayacaktır.

6. Blokları Gizlemek

WordPress Gutenberg düzenleyicisi , bazılarının kullanımda olmadığı varsayılan olarak bloklar ekler. Düzenleyici, kullanılmayan blokları devre dışı bırakmaya ve gizlemeye yardımcı olan Blok Yöneticisi olarak bilinen bir özelliğe sahiptir. Bu, kullanımınıza göre arayüzünüzü temiz ve düzenli tutmanıza yardımcı olur.

7. Blokta Çapalar Ekleyin

Özel HTML bağlantı bağlantısı özelliği, içeriğin belirli sektörlerine atlama bağlantılarının oluşturulmasına yardımcı olur. Klasik düzenleyicide manuel kodlamayı kullanarak HTML bağlantıları eklemeniz gerekir. WordPress Gutenberg Blokları ile , blok ayarlarının Gelişmiş alanındaki HTML bağlantı alanına metni girmeniz gerekir.

8. Üçüncü Taraf Blok Dizini

Bu, WordPress kullanıcılarının üçüncü taraf blokları kurmayı ve test etmeyi tercih ettiği en son yöntemdir. Yeni Blok Dizini, Eklenti Dizininde tek blok eklentileri içeren bir bölümdür. WordPress eklentilerine veya tek blok eklentilerine göz attığınız ana eklenti dizininden ayrıdır.

9. Tam Sayfa Oluşturma

WordPress Gutenberg Blokları , blok kalıpları olarak bilinen yeni bir konsepte sahiptir. Bu, önceden tanımlanmış blok düzenlerinin oluşturulmasına ve paylaşılmasına yardımcı olur. Size gerçekten blok editörlerinin sayfa oluşturucu olmaları için bir yöntem sunuyorlar. Bloklar ve Modeller sekmesi, bu seçenekler arasında geçiş yapmanıza yardımcı olacaktır. Yerleşik blok kalıpları, ancak farklı blok kalıpları eklemenize veya mevcut olanları kaldırmanıza yardımcı olacak üçüncü taraf temaları ve eklentileri.

WordPress Gutenberg Bloklarının kullanım alanları nelerdir?

1. Yeni Blog Sayfaları ve Gönderi

İçerik oluşturma, WordPress Gutenberg blok düzenleyicisini kullanarak yeni bir sayfa ve blog yazısı eklemekle başlar . Blog gönderilerinin bir yayın tarihi vardır ve kronolojik sırada görünür. Sayfa statik olabilir ve Hakkında, İletişim Sayfaları ve Gizlilik Politikası gibi zamansız bilgiler verebilir.

2. Yeni Blok Ekle

Bloklar, WordPress Gutenberg Bloklarının temel özelliklerine sahiptir . Her blok, öğeleri işler ve gönderilerin özel içerik düzenlerini oluşturur. Paragraf öğelerinin varsayılan blokları vardır, bu da yeni öğelerin işlenmesini ve eklenmesini kolaylaştırır.

3. Bloklarla Çalışmak

Blog deneyimini geliştirmek ve iş akışını hızlandırmak için WordPress Gutenberg'de ustalaşın . Blok düzenleyici, biçimlendirme ve hizalama için kullanılan bir araç çubuğu sağlar. Şu anda aktif bir bloktur ve blok tipine bağlı olarak çeşitli araçlardan oluşur.

4. Kelime ve Blok Sayıları

Kelime sayısı, kelimelerin, paragrafların, karakterlerin ve başlıkların sayısını takip etmeye yardımcı olur. Blok sayısı, web sayfasındaki blok sayısını vererek düzeni tutarlı hale getirir. Gereksinimlerinize göre web sitesinin görünümünü izlemenize yardımcı olan birden çok WordPress destek planı vardır.

Son Söz!

Gutenberg editörünü keşfetmek yorucu bir süreç olabilir ve piyasadaki en iyi özelliklerden bazılarını kaçırabilirsiniz. En iyi uzmanları buradan alın ! İşletmeniz için araçları verimli bir şekilde kullanacak bilgi ve deneyime sahibiz.