Gutentor – Gutenberg blok düzenleyicisine dayalı eksiksiz bir sayfa oluşturucu

Yayınlanan: 2019-12-28

Gutenberg'in tanıtılmasından sonra, WordPress'te web sitesi tasarımı eskisinden çok daha kolay hale geldi. Bu blok tabanlı WordPress editörü, sayfa oluşturma sistemini bir sonraki seviyeye taşıdı. Gutenberg size oynamanız için bolca blok veriyor. Ancak yine de, varsayılan blokları manuel olarak özelleştirmeniz gerekir. Bu beklediğinizden daha uzun sürebilir. Gutentor'un devreye girdiği yer burasıdır.

Peki, Gutentor nedir?

Gutentor, çok sayıda özelleştirme seçeneğine sahip, güzel tasarlanmış hazır bloklar ve şablonlardan oluşan bir koleksiyondur. Harika tasarlanmış bloklarını ve şablonlarını kullanarak birkaç tıklamayla sayfalar, gönderiler, açılış sayfaları ve hatta tüm web sitelerini tasarlayabilirsiniz.

Gutentor, Gutenberg düzenleyicisini, içerik oluşturmayı ve tasarlamayı daha da esnek hale getiren çok çeşitli güzel bloklarla genişletir. Görüntü, tipografi, renkler, blok şekli, arka plan, animasyon ve çok daha fazlası dahil olmak üzere gerekli tüm özelleştirme özellikleriyle geliştirilmiştir.

Ne var ne yok?

Hazır şablonlar ve bloklar için tek tıklamayla Demo Şablonları Kitaplığı
Daha Hızlı Tasarım Deneyimi
Gerekli tüm özelliklere sahip eksiksiz Web Sayfası yapı taşları
Son derece basit, satır/sütun eklemeden, güzel bir web sitesi yapmak için sadece blok eklemek yeterlidir
Sürükle ve bırak yeniden sıralama, düzenleme, silme seçenekleriyle blokların içinde öğeler oluşturmak için tekrarlayıcı alanı
Yaratıcı tasarımcılar için son derece özelleştirilebilir satır/sütun seçenekleri
HTML Etiketi, Arka Plan, Kenarlık, Kutu gölgesi, Kenar Boşluğu Doldurma, SVG şekil bölücü ve yerleşik animasyonlar dahil olmak üzere her blokta gelişmiş seçenekler
Her blokta Blok Şablon modülü, Tek blok çoklu tasarım Şablonu
Bireysel öğeler tam stil seçenekleri
Cihaza özel duyarlı kontroller
Mevcut tüm google yazı tiplerini ve sistem yazı tiplerini içeren Gelişmiş Tipografi Seçenekleri
Video arka planı Seçenekler
Dinamik CSS için Satır içi, Dahili veya Harici CSS dosyaları

Gutentor'u Farklı Kılan Nedir?

Gutentor, WordPress için görünüşte farklı bir blok oluşturucudur. Onu muhteşem yapan ve diğerlerinden öne çıkaran bazı şaşırtıcı özelliklerden oluşur. Aşağıda bazı benzersiz özellikleri verilmiştir:

Dinamik Sütun – Dinamik sütun, sayfanıza istediğiniz sayıda sütun eklemenize olanak tanır. Bu seçenek, istediğiniz web sitesini esnek bir şekilde oluşturmanıza olanak tanır. Sadece sütun numarasını ayarlayın, öğeler ekleyin ve özelleştirin.
Gelişmiş Sütun – Gelişmiş Sütun, beğendiğiniz çeşitli temel öğeleri ekleyerek güzel sayfalar oluşturmanıza olanak tanıyan gelişmiş özelleştirme seçenekleriyle birlikte gelir.
Temel Öğeler – Temel Öğeler, mevcut web sitesi trendlerinde kullanılan hemen hemen tüm öğeleri içerir. Tercih edilen öğeyi gelişmiş sütuna eklemeniz ve buna göre özelleştirmeniz yeterlidir. Temel öğeyle ilgili en önemli şey, bireysel öğeler üzerinde kontrol sahibi olmanızdır.
Önceden Oluşturulmuş Bloklar/Öğeler – Gutentor, 11 öğe, 3 grup ve 30 blok ile birlikte gelir. Bu, herhangi bir web sitesi türü oluşturmak için fazlasıyla yeterli.
Şablonlar – Hazır şablonlar size zaman kazandırmaz, aynı zamanda size yeterli özelleştirme seçenekleri sunar.
Genişletilmiş CSS kullanımı
Farklı bloklar için etkileyici atlıkarınca seçeneği.
Son derece Duyarlı ve SEO dostu.
Kaliteli bir destek hizmeti ile birlikte gelir

Hazır Şablonlar Paketi

Gutentor, çarpıcı hazır şablonlarla birlikte gelir. Birkaç tıklamayla şablonları seçip yükleyebilirsiniz. Favori şablonunuzu şu kategoriden seçin:

İşletme
Eğitim
Tıbbi
Kurumsal
Fitness
Yolculuk
Ajans
Yapı
Çok amaçlı

Bu şablonlar, markanıza ve tercihlerinize uyacak şekilde kolayca özelleştirilebilir.

Gelişmiş Gutentor Blokları

Blok Hakkında – Açıklamayı, resmi, başlığı ve düğmeyi göstermek için özel blok.
Akordeon - Başlık, açıklama ve düğmeyi gösterecek olan daraltılabilir bölüm.
Gelişmiş Sütun – Bu blok, sayfanızda veya gönderilerinizde birden çok sütun oluşturmanıza yardımcı olur.
Yazar Profili - Başlık, açıklama, sosyal profil vb. dahil olmak üzere yazar profilini göstermek için başka bir Gutenberg özel bloğu.
Blog Gönderisi – Blog gönderilerini gönderi veya sayfa içinde görüntülemekten endişeleniyorsanız, bu bloğu kullanabilirsiniz.
Harekete Geçirici Mesaj – Bağlantının bulunduğu düğmeyi bölüme yerleştirmek için basit ama güçlü bir blok.
İçerik Kutusu – Düz başlığı, içeriği ve düğmeyi görüntülemek çok kullanışlıdır. Resim ve Simge burada görüntülenmeyecektir.
Geri Sayım – Bazı önemli olayları veya duyuruları duyuracaksanız, bu işinizi kolaylaştıracaktır.
Sayaç – Çekici şablonlarla, ürünle ilgili gerçekleri temsil etmeye yardımcı olur.
Bölücü - Bölümleri ayırmaya yardımcı olur. Ayırıcı olarak kendi resminizi de yükleyebilirsiniz.
Öne Çıkan Blok – Fotoğraf, başlık, açıklama ve düğme içeren büyük bir bölümdür.
Galeri – Bu galeri, galeriyi sayfanızda yapmak için özenle oluşturulmuş özel bir bloktur.
Google Haritası – Google haritasının boylam ve enlem ile görüntülenmesine yardımcı olur.
Simge Kutusu - Harika yazı tipi simgesini görüntülemek için özel bir blok.
Resim Kutusu – Tek resmi başlık, açıklama ve düğme ile göstermeniz gerekiyorsa, bu bloğu kullanabilirsiniz.
Görüntü Kaydırıcı - Başlık, açıklama ve önceden tanımlanmış şablonlara sahip düğme içeren bir kaydırıcı oluşturmak için harika bir özel blok.
Açılış Saatleri – Kurumsal ve ticari bir web sitesi için açılış saati özel blokları çok faydalı olacaktır. Kullanıcılar bu blokta saat, tarih ve gün ekleyebilir.
Fiyatlandırma Kutusu – İlgili ürünlerin özelliklerini ve fiyatlarını göstermeye yardımcı olur.
İlerleme Çubuğu – Yüzde değeriyle, daire içinde veya çubuk grafikte şeylerin ilerlemesini gösterebilirsiniz.
Restoran Menüsü – Otel ve restoran web sitesi için bu özel blok, menüyü ve fiyatını göstermek için çok faydalı olacaktır.
Sosyal – Bu, sosyal simgeleri ve bağlantıları göstermek için Gutenberg özel bloğudur. Sosyal bağlantılarınızı kolayca ekleyebilirsiniz.
Sekmeler – Her sekmenin farklı içerikleri olacaktır. Başlık, açıklama ve düğmelere sahip olacaktır. Blok ile gerekli sayıda sekme yapın.
Takım – Web sitesinde takım bilgilerini göstermek için çok kullanışlı bir başka özel blok.
Görüşler – Müşterilerinize veya kullanıcı referanslarını web sitesinde göstermek çok havalı değil mi? Evet, bu blok bunun için yararlıdır.
Zaman Çizelgesi – Kronolojik sıradaki bilgileri göstermek için bir zaman çizelgesi özel bloğu gereklidir.
Video Açılır Penceresi - Videoları yerleştirmeye yardımcı olur ve kullanıcılar görüntülediğinde açılır pencerede görüntülenir.

Ayrıca, Gutenberg için başka ek blok eklentileri kullanırsanız, örneğin ZeGuten eklentisi, Gutenor editörü ile de çalışırlar.

Gutentor'a Başlarken

Gutentor bloklarını ve şablonlarını kurmak ve özelleştirmek çok kolaydır. WordPress düzenleyicisinden uzaklaşmanıza gerek yok. Gutentor blokları ve şablonları Gutenberg editörünün içinde gelir. Gutentor'u kullanmaya başlamak için aşağıdaki basit adımları uygulamanız yeterlidir.

Gutentor'u Yükleme

Yukarıdaki şekilde gösterildiği gibi eklenti bölümünde “Gutentor” arayın. Alternatif olarak, zip dosyasını doğrudan WordPress Eklenti Dizininden indirebilirsiniz. Yükledikten sonra eklentiyi etkinleştirin.

Gutentor Bloklarına/Şablonlarına Erişim

Gutentor bloklarına Gutenberg editörü içinde erişebilirsiniz. Sayfanın veya gönderinin üst tarafında “Şablon Kitaplığı”, “Şablon Dışa Aktarmayı Engelle” gibi seçenekleri görüyorsunuz. Bir şablon kitaplığından bloğa doğrudan erişebilirsiniz.

Şablon kitaplığında aşağıdaki seçeneklere sahip olacaksınız. Farklı kategorileri arayabileceğiniz sol taraftaki kategoriler. “Önizleme” düğmesine tıklayarak veya sayfanıza eklemek için “Ekle” düğmesine tıklayarak her blok demosunu kontrol edin.

Blokların her bir öğesini (resim, tipografi, renkler, düğmeler) tercihinize göre özelleştirebilirsiniz. Gutentor'u kullanırken herhangi bir sorunla karşılaşırsanız, ayrıntılı dokümantasyon ve video eğitimlerini takip edebilirsiniz.

Bloğunuzu ve Şablonunuzu Dışa Aktarın

Aynı blokları veya şablonları başka sayfalarda kullanmak istiyorsanız, bloklarınızı ve şablonlarınızı dışa aktarabilirsiniz. Sadece "Şablon Dışa Aktarmayı Engelle" üzerine tıklayın ve bir JSON dosyası olarak kaydedin.

Bu dosyayı Şablon Kitaplığı>Dosya'dan diğer sayfalara aktarabilirsiniz.