Qubely Gutenberg Blok Düzenleyici ve Sayfa Oluşturucu Eklentisi İnceleme ve Kurulum

Günler geçtikçe insanlar Gutenberg editörüne hayran oluyorlar. Bu blok tabanlı WordPress düzenleyicisi, yalnızca yeni bir sayfa oluşturma sistemi getirmekle kalmadı, aynı zamanda WordPress kullanıcılarına birçok yeni yetenek kazandırdı. Varsayılan Gutenberg bloğu ile eskisinden çok daha iyi bir web sitesi oluşturabilirsiniz. Ancak profesyonel web sayfaları tasarlamak için gelişmiş bloklara ve işlevselliklere olan ihtiyacı hissedeceksiniz.

Burası, Gutenberg editörünün sınırlamalarını en aza indiren ve bir WordPress sitesinde basitten karmaşığa herhangi bir düzen oluşturmak için sınırsız olanaklar sunan bir Görsel Gutenberg Blok Araç Takımı olan Qubely'nin devreye girdiği yerdir.

Çok sayıda özel Gutenberg bloğu, yerleşik bölümler, hazır sayfa düzenleri ve stil seçenekleri dünyası ile Qubely yalnızca bir Gutenberg blok eklentisi değil, Gutenberg blok düzenleyicide tam anlamıyla istediğiniz herhangi bir düzeni tasarlamak için kullanabileceğiniz bir tasarım araç takımıdır. hayal edebilir.

Neden Bir Gutenberg Blok Eklentisine İhtiyacınız Var?

İyi soru. Gutenberg editörü kolayca web sayfaları oluşturmamıza yardımcı olabilirse, neden üçüncü taraf bir eklentiye ihtiyacım olsun ki? Cevap, Gutenberg çabalarınızı kolaylaştırıp akıllıca web sayfaları oluşturmanıza izin verirken, bazı sınırlamaları vardır ve varsayılan bloklar, yayınlamak istediğiniz içerik türünü kapsamayabilir.

Qubely gibi bir Gutenberg blok eklentisi, temel blokları sağlarken, WordPress web sitenizde yapmanız gerekenleri yapmak için daha fazla seçenek sunar. Bu nedenle, Gutenberg editörünüzü yeni bir düzeye taşımak istiyorsanız, işlevselliğini artıran ve özel bloklar sunan bir eklentiye ihtiyacınız var.

Qubely, Gutenberg'i varsayılan düzenleyicide eksik olan birçok özel blokla genişletir ve çok sayıda stil seçeneği uygulama yeteneği ile WordPress blok düzenleyicisinin kontrolünü ele alabilirsiniz. Ayrıca, çok sayıda hazır bölüm ve düzen elde edersiniz, bu da bir şeyleri sıfırdan tasarlamanız gerekmediği anlamına gelir. Qubely'nin özel Gutenberg blokları, hem çarpıcı hem de mobil için optimize edilmiş web sayfaları oluşturmanıza olanak tanır.

Qubely Gutenberg Blok Eklentisi Sizin İçin Neye Sahip?

İkna olduysanız ve WordPress sitenize bir Gutenberg blok eklentisi kurmak istiyorsanız, önerimiz ve şaşırmayın, Qubely. Sizin için ne içerdiğini görmek için Qubely Gutenberg araç setinin derinliklerine inelim.

Qubely Gutenberg Blok Araç Seti Özellikleri

• Hazır Sayfa Düzeni Paketleri

Başlangıç ​​olarak Qubely, çok sayıda sayfa düzeni paketi sunar ve sayfa düzenlerini içe aktarabilir ve görünümlerini özelleştirebilirsiniz. Sayfa düzeni paketi farklı kategorilerde gelir, böylece bunlar arasında kolayca gezinebilir ve ihtiyacınız olanı seçebilirsiniz. Her paket, türüne bağlı olarak gerekli tüm sayfalardan oluşur.

• Yerleşik Bölümler

Hızlı bir web sitesi oluşturmanıza yardımcı olmak için Qubely'de önceden tanımlanmış bölümlerden oluşan zengin bir kitaplık vardır. Bu hazır bölümler, Gutenberg editöründe bloklar olarak içe aktarılabilir ve kullanılabilir ve sıfırdan bölümler oluşturmanız gerekmez. Önceden tanımlanmış bölümlerin farklı kategorileri vardır, böylece bunlar arasında kolayca gezinebilir ve gerekli olanı bulabilirsiniz.

• Gelişmiş Gutenberg Blokları

Burası Qubely'nin çok daha ilginç hale geldiği yer. Qubely'de hayal edebileceğiniz herhangi bir düzeni oluşturmak için çok sayıda Gutenberg özel bloğu vardır. Qubely eklentisini yükleyerek Gutenberg blok düzenleyicisine 22'den fazla özel blok ekleyebilir ve Gutenberg'deki sayfa oluşturma deneyimini bir sonraki seviyeye taşıyabilirsiniz.

Qubely İçinde Gelişmiş Gutenberg Blokları

• Sıra

Şaşırtıcı işlevselliğe sahip tamamen özelleştirilebilir satır ve sütun düzenleri oluşturun. İstediğiniz düzeni elde etmek için sütunları yeniden boyutlandırmak için sürükleyin. Boşluğu kontrol edin, satır arka planına resim, video, renk, degrade veya karışım modu ekleyin.

• Buton

Herhangi bir olası düzen, şekil veya arayüz kombinasyonunu düğmelerde tasarlayın. Düğme bloğundaki mevcut seçeneklerle stil düğmesi.

• referans

İsimler, avatarlar, simgeler ve daha fazlasıyla yaratıcı bir şekilde referansları sergileyin. Verilen seçeneklerden bir referans düzeni seçin. Alıntı Simgesi, Mesaj, Ad, Tanım, Avatar ve Derecelendirmelerin gösterilip gösterilmeyeceğine karar verin.

• Simge

Font Awesome simgeleriyle simgeleri istediğiniz yere yerleştirin ve istediğiniz gibi şekillendirin. Simgeleri arka plan ve kenarlıklı veya kenarlıksız görüntüleyin. Simge boyutunu, hizalamayı, bağlantıyı, arka plan rengini ve gölgeyi tanımlayarak simgeleri stillendirin.

• Google Harita

Google Haritalar'ı yerleştirin ve harita yüksekliğini, haritayı yakınlaştırın ve diğer seçenekleri özelleştirin!

• bölücü

Stil ayarlarına sahip güzel önceden tasarlanmış bölücüler ve bölücüleri esnek bir şekilde hizalayın.

• Gelişmiş Metin

Metinler ekleyin ve tasarlayın. Kenarlıklar, kutu gölgesi uygulayın ve tipografiyi de ayarlayın.

• Tezgah

Sınır ve süre, tasarım, önek ve sonek gibi kapsamlı ayarlarla sayaç ekleyin.

• Sekmeler

İçeriği sekmelerde görüntüleyin, animasyonlar, simgeler ve çok daha fazlasını ekleyin!

• Akordeon

Açılır bir arayüzde sınırsız stil ayarıyla daraltılabilir metin içeriğini görüntüleyin.

• Video Açılır Penceresi

Pop-up video ve onları harika ziyaretçi katılımı için simgeler, sarmalayıcı, kaplama ile stillendirin. Yer paylaşımı ve kutu gölgesi uygulayın ve video açılır pencerenize animasyon ekleyin.

• başlık

Animasyon, tipografi, kenarlık ve diğer birçok gelişmiş seçenekle stil başlıkları.

• İlerleme çubuğu

Çubuk arka planı, animasyon ve daha fazlasıyla ilerleme çubuklarında istatistikleri görüntüleyin.

• Sosyal Simgeler

Bir etiket, simge veya her ikisini birden kullanarak sosyal medya profillerini tek bir yere ekleyin.

• Düğme Grubu

Esnek tasarım seçenekleri ve yaratıcı düzenlerle tek bir yerde birden fazla düğme bulundurun.

• Bilgi kutusu

Kullanıcıların ilgisini çekecek Bilgi Kutuları ile bilgileri siteye güzelce yerleştirin. Bilgi kutusu bloğu, sitenizdeki şık bilgi kutuları için başlıklar, ön başlık, animasyon, ayırıcılar ve birçok özel seçenek ile birlikte gelir.

• Gelişmiş Liste

Hazır düzenler ve özelleştirme seçenekleriyle görüntülenecek gelişmiş listelere sahip olun.

• İletişim Formu

Site ziyaretçilerinin kullanışlı alanlarla iletişim formlarında etkileşim kurmasına izin verin. Bir iletişim formunda yer tutucuları ve etiketleri etkinleştirin/devre dışı bırakın. İstenilen yazı tipi boyutu, yüksekliği, aralığı ve daha fazlasıyla etiket tipografisi tasarlayın. Giriş stillerinizi iyileştirin ve captcha'yı etkinleştirin.

• Simge Listesi

Çok sayıda simge içeren çekici simge listeleri yerleştirin ve görünümlerini özelleştirin.

• fiyatlandırma

Önceden tanımlanmış birden çok düzeni kullanarak ayrı ayrı farklı planlara sahip bir fiyatlandırma tablosu oluşturun. Planda özellikleri, rozetleri ve gönderi düğmesi metnini gösterin. Plan süresini, tipografiyi, stil rozetlerini ayarlayın ve metinleri gerçek zamanlı olarak düzenleyin.

• Blok Sarıcı

Block Wrapper ile herhangi bir bloğu tercih ettiğiniz rengin arka planıyla ve daha fazlasını sarar.
Ekip: Ekip üyelerinin her birini adlar, unvanlar ve resimler gibi ayrıntılarıyla ayrı ayrı listeleyin.

• resim

Qubely Image Block ile görüntüleri ekleyin ve güzelleştirin.

• Zaman çizelgesi

Qubely'nin yeni Zaman Çizelgesi bloğu ile ürün piyasaya sürülmesi, şirket geçmişi ve kilometre taşları, yaklaşan güncellemeler, başarılar ve çok daha fazlası gibi çeşitli etkinliklerin zaman çizelgelerini sunun. Ayrıntılı zaman çizelgelerini ve yol haritalarını sergileyin ve bunları birçok özelleştirme seçeneğiyle şekillendirin.

Ayrıntılarda Bazı En İyi Qubely Özellikleri

Akıllı Düzen Oluşturucu (Satır-Sütun Yapısı)

Satır-sütun yapısı ile basitten karmaşığa herhangi bir web sayfası düzenini doğrudan Gutenberg editöründe oluşturabilirsiniz. Büyük sayfa oluşturucuların yaygın olarak kullanılan satır-sütun düzeni oluşturma konsepti, Qubely sayesinde Gutenberg editörünün içindedir.

Çoklu Satır-sütun Kombinasyonları

Farklı sayı ve boyutlarda birden çok sütun kombinasyonu vardır. Qubely'nin Row bloğu, bir seferde tek bir satırda 1 ila 6 sütun almanıza izin verir. Sadece ihtiyacınız olanı seçmeniz gerekiyor.

Ayarlanabilir Sütunlar

Sütunları basitçe sürükleyip yeniden boyutlandırın. Belirli sayıda sütun kombinasyonundan oluşan bir satır seçtikten sonra, sütun boyutlarını sürükleyerek ayarlamanız yeterlidir. Ayarlanabilir kolon sistemi ile istediğiniz yerleşimi yapın.

Gelişmiş Satır-sütun Ayarları

Sütunlara dolgu ve kenar boşluğu uygulamanın yanı sıra, tek bir renk, görüntü ve gradyan ile sütun arka planı ve vurgulu arka planı da ayarlayabilirsiniz. Sütun kenarlığı verin, kenarlık yarıçapı uygulayın ve her sütunu ayrı ayrı canlandırın. Ayrıca, sütunlara özel CSS ekleyerek bu sütun stili seçeneklerinin ötesine geçin.

Klasik ve Degrade Arka Plan Rengi

Degrade renkte bir arka plana sahip olmak ister misiniz? Merak etme. Şimdi yapabilirsin. Qubely, hem degrade hem de klasik renklerle bir blok arka plan oluşturmanıza olanak tanır. Arka plan ayarını değiştirin ve herhangi bir rengi seçin. Renk seçmek için bir renk paleti var.

Özel Tipografi Kontrolü

Site tipografinizi tamamen halledebilirsiniz. Qubely, yazı tipi ailesini, boyutunu, ağırlığını ve daha fazlasını tanımlayabileceğiniz her blokta özel bir tipografi kontrol seçeneği sunar. Ayrıca, görüntülenecekleri cihazlara göre yazı tipi ağırlığı, yazı tipi dönüşümü, yazı tipi boyutu ayarı, harf aralığı, satır yüksekliği, px, em ve yüzde olarak da uygulayabilirsiniz.

Cihaza Özgü Duyarlı Kontroller

Qubely bloklarıyla duyarlı düzenler ve sayfa içeriği oluşturun. Birden çok ekran boyutu için kesme noktası tanımlayarak web sitenizin tüm yanıt verme hızını kontrol edin. Böylece, QUbely ile oluşturduğunuz her şey tamamen duyarlı hale gelir. Ayrıca, belirli cihazlarda içeriği gizlemeye/göstermeye karar verebilirsiniz.

Global Renk ve Tipografi Ayarları

Qubely Gutenberg araç seti ile global olarak renk paleti ve tipografi kurabilirsiniz. Global renk paletindeki renkleri değiştirirseniz, atanan bölümler rengi otomatik olarak alacaktır. Renk gibi, WordPress sitenizin her yerine global olarak uygulanacak gövde, başlık ve düğmeler gibi farklı metinler için tipografi seçebilirsiniz.

Yerleşik Animasyon efektleri

Soldurma, zıplama, kaydırma, yakınlaştırma, çevirme, katlama, döndürme vb. animasyon efektleri uygulayarak sayfa bölümlerini canlandırın. Bloklar üzerinde animasyon efektleri oluşturun ve web sayfalarını daha çekici hale getirin.

Qubely'ye Başlarken

Qubely ile güzel web sayfaları oluşturmak çok kolay. WordPress varsayılan düzenleyicisinden uzaklaşmanız gerekmez. Qubely, özel bloklarını Gutenberg editörünün içinde sunar. Bu WordPress blok eklentisini sitenize yükledikten sonra, Gutenberg editörünün içinde Qubely kategorisindeki tüm Qubely bloklarına sahip olacaksınız. Aşağıdaki tüm sürece bakalım.

● Qubely eklentisini yükleyin
● Qubely'yi kurun
● Qubely bloklarına erişme
● Qubely bloklarını kullanın
● Bölümleri/düzenleri içe aktarın

WordPress Sitesine Qubely Kurulumu

Qubely'yi kurmak, tıpkı diğer WordPress eklentilerini kurmak gibidir. Panonuzdan arayarak veya WordPress dizininden indirerek yükleyebilir ve ardından yükleyebilirsiniz. Seçim senin.

• Qubely Eklentisini Kur

Qubely içinde kurulacak çok fazla şey yok. Qubely, ayarlarda herhangi bir değişiklik yapmak zorunda kalmadan çalışmaya başlar. Qubely'yi sitenize yükledikten sonra, WordPress kontrol panelinize bir Qubely Seçenekleri eklenecektir. Qubely Seçeneklerine tıklamak sizi, CSS'nizi nereye kaydedeceğinize karar vermeniz gereken Qubely Ayarları sayfasına götürecektir. CSS Kaydetme Yöntemi altında Başlık veya Dosya Sistemi'ni seçin ve aşağıdaki Değişiklikleri Kaydet'e tıklayın.

• Qubely Bloklarına Erişin

Şu anda Qubely içinde 14 özel blok var. Önümüzdeki güncellemelerde blok sayısını kademeli olarak artıracağız. Onlara nasıl erişeceğimizi bilelim.

Qubely'yi sitenize kurduktan sonra, Gutenberg editöründe Qubely bloklarına kolayca erişebilirsiniz. Artı işaretine tıklayın, Qubely arama kategorisine “Qubely” yazın. Bloklara, arama çubuğuna belirli blok adı yazılarak da erişilebilir.

• Qubely Bloklarını Kullanın

Qubely bloklarını kullanmak, Gutenberg editöründeki diğer blokları kullanmak gibidir. Qubely veya blok adını arayarak bloklara erişin ve ardından kullanmak için bloğa tıklayın. Seçilen blok, Qubely'nin gelişmiş seçenekleriyle özelleştirilebilen ve şekillendirilebilen varsayılan bir tasarıma sahip olacaktır.

• Bölümleri/Düzenleri İçe Aktar

En başından hazır hissetmek ister misiniz? Qubely, blok olarak içe aktarılacak çok sayıda hazır düzen sunar. Ayrıca, daha da iyi hale getirmek için stil seçeneklerini özelleştirebilir ve uygulayabilirsiniz. Hazır bölümler ve düzenler, aralarında daha kolay gezinme için farklı kategorilerde gelir.

Sarmalamak

Qubely, her güncellemede daha fazla işlevsellik, hazır tasarımlar ve yeni bloklarla daha iyi hale geliyor. Yani Qubely'nin size Gutenberg'i kullanmanız için ilham verme ve dünyayla paylaşmak istediğiniz şeyleri yetenekli bir şekilde yayınlamak için birçok seçenekle sizi güçlendirme şansı var.

Öyleyse ne bekliyorsun? Qubely'yi bugün edinin ve harika web siteleri oluşturmaya başlayın.