Total Tema ile Gutenberg'de Kahraman Web Sitesi Bölümleri Nasıl Oluşturulur

Total WordPress teması, bir işletme web sitesinin ihtiyaç duyabileceği bir dizi araçla birlikte gelir.

Tema, WordPress Özelleştirici aracılığıyla görsel düzenleme ve özellikle olağanüstü bir ön sayfa oluşturmak için yararlı olan hızlı bir demo veri içe aktarma sunar.

Gördüğünüz gibi, Total'in ücretsiz sürümü sizi fazladan herhangi bir WordPress sayfa oluşturucuyla kilitlemez, bunun yerine web sitenizi tasarlamak için WordPress'e özgü bir yol sunar.

Blok tabanlı WordPress editörü Gutenberg'in gelişiyle, Total dahil olmak üzere herhangi bir WordPress teması çok daha fazla özelleştirilebilir. İçerik öğelerinin (blokların) seçimi bize WordPress çekirdeğinde daha önce hiç görmediğimiz özelleştirme özgürlüğünü veriyor, bunu inkar etmek zor.

Bununla birlikte, bazı blok stil ayarları, varsayılan düzenleyicide hala çok sınırlıdır. Bu nedenle, yeni Gutenberg editöründeyseniz ve Total daha iyi içerik oluşturmak ve tasarlamak istiyorsanız, bu eğitimde birkaç yararlı ipucu bulacaksınız.

Daha açık olmak gerekirse, bu gönderide, Gutenberg'de kahraman, alt kahraman ve harekete geçirici mesaj bölümleri gibi önemli web sitesi öğelerinin nasıl oluşturulacağına ve özelleştirileceğine dair birkaç örnek göstermek istiyoruz. Genellikle işletmelere yardımcı olanlar:

• Giriş/karşılama web sitesi bölümleri oluşturun
• Önemli ürünleri veya etkinlikleri tanıtın
• Belirli portföy öğelerine veya hizmetlere vb. odaklanın.

Gutenberg'in kişiselleştirme olanaklarını güçlendirmek için Total tema kullanıcıları için önerdiğimiz Getwid WordPress Blocks eklentisini kullanacağız. Bazı Total kullanıcılarının Getwid'de şansını denemiş olduğundan eminiz.

Ancak Getwid'in ne olduğunu merak edenler için aşağıda kısa bir açıklama var.

Birkaç kelimeyle, şimdiye kadarki en büyük premium benzeri blok kitaplığı ve Gutenberg için seç ve yapıştır özel tasarımlar koleksiyonuyla birlikte gelen ücretsiz bir Gutenberg yerel eklentisidir. Tavsiye etmemizin tek nedeni bu değil.

Varsayılan Total stiliyle güzel bir şekilde uyum sağladığı, ihtiyacınız olmayan herhangi bir bloğu kapatmanıza izin verdiği ve gerçekten zengin özelliklere sahip olduğu için bu eklentiye özellikle ilgi duyuyoruz.

Total'i etkinleştirdiğinizde eklenti önerilen bir eklenti olarak açılır – müşterilerimize uygun olup olmadığını görmek için geçici bir çözümdür.

Ama çözüm olup olmadığını görmek için kendin denemelisin. Bu arada, oluşturmayı başardığımız örneklerin üzerinden geçelim.

Total'de Getwid ile oluşturulan kahraman ve harekete geçirici mesaj bölümü örnekleri

Bu denemeleri Total temasının ücretsiz bir sürümünde gerçekleştirdik ve neredeyse hiçbir sınırlama olmadığını rahatlıkla söyleyebiliriz.

Ancak, Toplam web sitesi kapsayıcı genişliği seçenekleri sınırlıdır, bu nedenle tam ekran sürükleyici düzenler arıyorsanız, Total Plus'ı düşünmek isteyebilirsiniz.

Her şeyden önce, hemen hemen her zaman Getwid WordPress bloklarının Bölüm bloğunu kullanmanız gerekir. Herhangi bir sayıda başka bloğu işleyebilen bir kapsayıcıdır. Böylece kahraman bölümleriniz her türlü içeriği görüntüleyebilir.

Bölüm kapsayıcısının öne çıkan bir diğer özelliği de size birçok arka plan türü sunmasıdır: bir resim, renk, video (WP Medya Kitaplığınızdan veya YouTube'dan), çok renkli gradyan ve daha fazlası.

Bu nedenle, Bölüm bloğu ile web sitesi alanlarını tasarlarken ana görevleriniz şunlardır:

• Üzerindeki içeriğin okunabilir ve net kalması için arka plan türünü seçin ve özelleştirin.
• Gerekli blokları tercih edilen sırayla yerleştirin.
• Aralığı ayarlayın (iç ve dış boşlukları ayarlamak için görsel oluşturucularda olduğu gibi sürüklenebilir açılar vardır).
• İsteğe bağlı: animasyon, şekil bölücüler ve diğer dekorasyon öğelerini ekleyin.

Şimdi örneklerle gidelim.

Örnek 1. Ürün vitrini

Bu örnekteki tüm bloklar, Bölüm bloğunun içine yerleştirilmiştir:

1. Gelişmiş Başlık
2. Gelişmiş Başlık
3. Gelişmiş Başlık
4. Düğme Grubu
5. Bölüm arka planı: bir görüntü (Konumlandırma > Sağ üst; Boyut > Otomatik)

Başlık bloğu, herhangi bir Google yazı tipini, metin boyutunu, yazı tipi ağırlığını vb. kullanmanıza olanak tanır. Düğmeler için çeşitli stiller (dolgu veya anahat) da vardır.

Olabilecek en büyük zorluk, görüntü alanına göre otomatik olarak yeniden boyutlandırıldığından, doğru arka plan görüntüsünü bulmak ve uygun görüntü konumunu seçmektir.

Örnek 2. Portföy özü

Tüm bloklar Bölüm bloğunun içine yerleştirilmiştir:

1. Gelişmiş Başlık
2. Gelişmiş Başlık
3. Üç sütun (Paragraf, Resim, Resim, Resim)
4. Bölüm arka planı: gradyan

Portföy sayfasının tamamına bağlantı vermek için bir harekete geçirici mesaj düğmesi de yerleştirebilirsiniz.

Örnek 3. Özellik veya olay kartı

Böyle bir kahraman bölümünde bir ürünü, etkinliği, hizmeti, şeyi, kişiyi vb. sergileyebilirsiniz.

Gelişmiş Başlık bloğu, herhangi bir yazı tipi seçmenize olanak tanır:

Bu örnekte, degrade bir arka plan ve bir arka plan alt şekil bölücü (Çok Katmanlı Dalgalar) kullandık.

1. İki Gelişmiş Başlık
2. Paragraf
3. Buton
4. resim
5. Bölüm arka planı: degrade + şekil bölücüler

Örnek 4. Harekete geçirici mesaj bölümü

Yine, Bölüm bloğuyla başlamanız gerekir. Aşağıdaki örnekte olduğu gibi başlıklar yerleştirmek için Getwid Template Library'den bir şablon kullanabilir veya sıfırdan bir desen oluşturabilirsiniz.

Arka plan görüntüsü, birkaç başlık ve merkezi bir düğme ile çok kolay bir bölüm.

1. Üç Gelişmiş Başlık bloğu
2. Düğme bloğu
3. Bölüm arka planı: opaklığa sahip bir görüntü (Boyut > kapak)

Sürüklenebilir açılarla içerik hizalamasını ne kadar kolay ayarlayabileceğinizin de keyfini çıkaracaksınız:

Ayrıca, resimlerin üzerine başlıklar koyarak ofset mizanpajlar oluşturmak da bir eğilimdir:

Getwid'de, metin satırı için biraz boşluk içeren uygun bir arka plan resmi ayarlayarak bunu başarabilirsiniz.

Örnek 5. Alt kahraman bölümleri

Genellikle alt kahraman bölümleri bir proje veya kişi hakkında daha fazla bilgi sağlar. Biyografinizi, hikayenizi veya temel amaçlarınızı öne çıkarmak için uygundur.

Görsel bir öğe olarak Getwid'in çeşitli stiller içeren Image Stack Gallery bloğunu kullandık. Ancak bunu bir resim, video veya başka herhangi bir içerik öğesiyle değiştirebilirsiniz.

1. İki Gelişmiş Başlık
2. Paragraf
3. Buton
4. Resim Yığın Galerisi bloğu
5. Bölüm arka planı: düz renk

Örnek 6. Görsel vurgular

Resim galerileri, kaydırıcılar ve videolar, dikkat çekici bölümler oluşturmak için çok yaygın görsel araçlardır.

Örneğin, isteğe bağlı metin içeriğine sahip bir slayt gösterisi oluşturmak için Getwid'in Medya ve Metin Kaydırıcı bloğunu kullanabilirsiniz:

1. Medya ve Metin Kaydırıcısı
2. Bölüm arka planı: degrade + özel yüksekliğe sahip üst ve alt bölücüler

Ayrıca, bir kaydırıcıda sunulabilecek çok sayıda post-tabanlı Getwid bloğu vardır (bunlar otomatik olarak web sitenizin içeriğinden alınacaktır). En son veya manuel olarak seçilen bazı gönderileri kaydırıcı veya ızgara/liste biçiminde mi sunmak istiyorsunuz? Bunun için bir blok var.

Örnek 7. Afişler

Getwid, görüntü ve metin varsayılan kapsayıcıları sunan kullanışlı bir Banner bloğu ile birlikte gelir. Ayrıca, banner'lı bölümleri daha dinamik hale getirmenize olanak tanıyan çeşitli animasyon efektlerine sahiptir.

Blok, hem geçici satışlar hem de sürekli vurgular için mükemmel bir eşleşmedir.

1. afiş
2. Bölüm arka planı: tek renkli gradyan

Örnek 8. Bilgilendirici bölümler

Daha fazla bilgiyi yapılandırılmış ve kompakt bir şekilde göstermek istiyorsanız, Getwid bu amaç için üç özel blok sunar: Sekmeler, Akordeon ve Geçiş.

Akordeon bloğu ve yanında bir resim bulunan iki sütunlu bir düzen:

Bu blokların benzersiz özelliği, sekmeli widget'ların içinde herhangi bir bloğu içerme yeteneğidir. Bu, sekmelere metnin yanı sıra resimler, listeler, videolar, galeriler, kaydırıcılar ekleyebileceğiniz anlamına gelir.

Pazarlama bölümlerinize benzersiz işlevsellik ekleyebilecek daha birçok blok vardır, örneğin bilgilendirici görüntü bölümleri oluşturmak için Görüntü Bağlantı Noktası, hizmetler için Simge Kutusu, gerçek zamanlı Instagram galeri beslemesi ve daha fazlası.

Toplam sayfa ayarlarında gerekli sayfa düzenini seçerek boş bir Gutenberg sayfasından benzer bölümler oluşturabilir ve tasarlayabilirsiniz.

sarmak için

Ücretsiz Total temasında Gutenberg ve Getwid kombinasyonunu kullanmanın en iyi yanı nedir biliyor musunuz? Hayır, önemli olan sadece blok sayısı değil.

Daha da önemlisi, iyi görünen içerik oluşturmak için bir tasarımcı gözüne (veya geliştirici becerilerine) sahip olmanız gerekmez. Size yardımcı olacak çok sayıda önceden yapılmış dış görünüm, blok desenler ve kullanıma hazır tasarımlar var. Getwid WordPress Blokları, Total'in ücretsiz sürümünde kalanlarınız için sayfa oluşturuculara da iyi bir alternatiftir.

Blok düzenleyici yeterince olgun olmayana kadar, ekstra bir Gutenberg yerel eklentisi harika bir başlangıç ​​noktası olabilir.

Gutenberg veya Getwid'i denediniz mi? Yorumlarda bize bildirin.