Getwid Blokları: Bölüm Gutenberg Bloğu

Getwid tarafından sağlanan Section Container Gutenberg Bloğu, üst düzey (ana) bir Gutenberg konteyner bloğudur. İçinde birden çok (alt) blok düzenlemek için bir kapsayıcı olarak kullanabilirsiniz: Bir bölüm içinde Getwid, çekirdek Gutenberg ve üçüncü taraf blokları kullanmaktan çekinmeyin.

Bölüm size çok sayıda yapılandırma ayarı sağlamak için tasarlandığından, derinlemesine özel içerik alanları için bu blokla başlamak istersiniz! Tek blok olarak kontrol edebilirsiniz.

Ayrıca, bir başkasının içine bir tane daha WordPress oluşturma özel bölüm bloğu ekleyebilirsiniz. Bu öğeyi, Bölüm bloğu içindeki her veya seçilen öğe için özel bir arka plan ve davranış oluşturmak için kullanabilirsiniz. Getwid kullanıcıları, onu Getwid blokları arasında en değerli ve zengin özelliklere sahip blok olarak görmektedir:

Kullanmaya başlamak için Bölüm bloğunu yerleştirin ve ardından uygun blokları eklemek için sağdaki '+' simgesine tıklayın.

Gutenberg Bloğu Bölümünün Amacı

Birçok durumda Container Gutenberg bloğunu kullanın:

• Özel tarzda yeniden kullanılabilir bölümler ve sayfalar oluşturmak için bu bloğu kullanın.
• Özel tam genişlikte web sitesi bölümleri oluşturun; kenar çubuğu olmayan sayfalar için harika çalışıyor.
• Geniş genişlikte web sitesi bölümleri oluşturun.
• Süslü arka planlar uygulayın (gradyan, resim, kaydırıcı, video vb.).
• Zengin açılış sayfaları oluşturun.

Bölüm Bloğu Video Eğitimini İzleyin

Daha pratik bir deneyime dalmak için Bölüm blok kılavuzunu izleyin!

Kazanmak

Gutenberg Konteyner Blok Özellikleri

Bölüm Gutenberg bloğu ile kutulu veya tam genişlikli bir yerleşim düzeni kullanabilirsiniz; varsayılan genişlik için özel parametreler ayarlamak da mümkündür. Bir cihaz türüne (masaüstü, tablet, mobil) göre Bölüm bloğunun duyarlı düzenlerini ayarlamanıza bile izin verilir.

• Blok, hareket halindeyken gereken düzen ile gitmenize olanak tanır: böylece sabit, tam genişlikte veya tam ekran içerik düzeniyle gidebilirsiniz. Lütfen dikkat: Gutenberg temanız, gitmek istediğiniz hizalamayı desteklemelidir.

Ocak 2020, güncelleme : Getwid 1.5.0 sürümünden itibaren blok, genel özelleştirme, stil ve gelişmiş ayarlar için anlamsal gruplara bölünmüş daha iyi kategorize edilmiş bir ayarlar paneli ile birlikte gelir. Büyük bir üretkenlik artışı yaşamaya hazır olun!

Öyleyse diğer bazı ayarları gözden geçirelim:

• Varsayılan ayarlar olmasına rağmen, farklı cihazlar için kap için özel kenar boşlukları, dolgu ve hizalamalar ayarlayabilirsiniz.

Bu blokla ilgili gerçekten harika bir şey de, Gutenberg'de blokların boyutlandırmasını ve hizalamasını sürüklenebilir açılarla görsel olarak değiştirmenize izin vermesidir.

Sürüklerken, kenar boşluklarının ve dolguların (üst, alt, sol ve sağ) boyutunu anında göreceksiniz, bu nedenle Bölüm bloğunun iç ve dış hizalamasını değiştirmek çok daha hızlı olacaktır.

Dikkat: Benzer bloklar için aynı kenar boşluklarını ve dolguları ayarlayarak tutarlılığı korumayı unutmayın.

Bölüm Arka Planları

• İsteğe bağlı degradelerle renkler uygulayarak özel bir arka plan oluşturun:

• Ayrıca önceden tasarlanmış tamamlayıcı renk şemaları ile degrade bir arka plan ayarlayabilir veya sınırsız renk kullanarak kendi degradenizi oluşturabilirsiniz:

Örneğin, üç tamamlayıcı renk kullanalım ve bir bölücü ekleyelim:

• Ayrıca arka plan olarak bir görüntü veya kaydırıcı ayarlayabilirsiniz:

Özel arka plan görüntüsü konumlandırmasını ayarlamak için odak noktası aracını kullanın:

• Videoları arka plan olarak ayarla : kendi kendine barındırılan bir video (doğrudan WordPress web sitenize yüklenir) veya arka planda kullanmak için doğrudan bir YouTube yükleyebilirsiniz:

Harici videolar bile YouTube markasını göstermez ve böylece daha net bir marka görünümüne sahip olursunuz:

• Zengin bir ayar paneli kullanarak ön planlarda ince ayar yapın: renkleri seçin, opaklık uygulayın, bir görüntü ayarlayın, vb.

• Farklı tatlarda gelen üst ve alt ayırıcıları kullanarak içeriği gruplara ayırmak için şık ve hayali şekillerle gidin:

• Belirli bölümlere biraz hareket eklemek istiyorsanız, özelleştirilebilir süre ve gecikmelerle giriş animasyon efektlerini iyi bir şekilde seçebilirsiniz.

Animasyonun nasıl çalıştığını görmek için web sitenizin ön ucunda kontrol ettiğinizden emin olun.

• İsteğe bağlı olarak HTML bağlantıları veya CSS sınıfları ekleyin.

Tasarım En İyi Uygulamaları

Getwid sürüm 1.4.0'dan başlayarak, eklenti benzersiz bir hazır şablon koleksiyonuyla birlikte gelir! Getwid'in Gutenberg şablonları kitaplığı, Gutenberg'de gösterişli ve görsel olarak organize edilmiş içerik oluşturma ve tasarlama konusunda kesin aracınız olacak.

Mevcut ihtiyaçlarınıza uygun bir şablon seçin ve içeriği değiştirmeye başlayın:

• Site genelinde tasarım tutarlılığını korumak için marka teması renklerine bağlı kalın.

• Metnin dikkat dağınıklığını azaltmak için görüntülere ön plan katmanı opaklığı uygulayın.
• Özel bölüm genişliği kullanıyorsanız, bunu Ayarlar > Yazma > Getwid > İçerik Bölümü Genişliği aracılığıyla belirleyin ve buna bağlı kalın (aksi takdirde, web sitesinde dağınık düzenler oluşturma riskiyle karşı karşıya kalırsınız).
• Birkaç bloğu birer birer Bölüm kabının içine yerleştirmek için Gutenberg sütunlarını kullanın.

• Sürüklenebilir açılarla blok içindeki hizalamayı düzenlemek için daha fazla esnekliğe ihtiyacınız varsa, WordPress oluşturma bölüm bloğunun içine Bölümler ekleyin.
• Bölüm içindeki Bölümle oynayın (aşağıdaki örnekte mavi parça, özel bir görüntü arka planına sahip başka bir tam genişlikte Bölüm içindeki çok öğeli bir Bölümdür).

Getwid Blocks + Ücretsiz Başlangıç ​​Teması İndir

Gutenberg bölüm bloğunu nasıl buldunuz? Getwid eklentisi + özel olarak hazırlanmış ücretsiz bir Getwid Base teması hakkında daha fazla bilgi edinmek ister misiniz?

Getwid eklentisi , kapsamlı özelleştirme seçeneklerine sahip (profesyonel geliştiriciler için kullanışlı) 40'tan fazla Gutenberg bloğundan oluşan ÜCRETSİZ bir koleksiyondur. Statik ve dinamik öğelerin yanı sıra Getwid, Gutenberg düzenleyicisi için önceden oluşturulmuş 35'ten fazla benzersiz blok şablonu sunar.

Getwid Base , Gutenberg kullanıcıları için mükemmel bir başlangıç ​​temasıdır. Bu temanın düşünülmüş, profesyonel renk sistemi, tipografi, ikonografi, düğmeler ve diğer temel tasarım öğeleri, birleşik, anlamlı bir tasarım oluşturmanıza ve iletmenize yardımcı olacaktır. Bu arada, ücretsiz!

Getwid Demo'ya göz atın

Getwid Gutenberg Bloklarını Ücretsiz İndirin

Gutenberg için Getwid Base Starter Theme'i yükleyin