Gutenberg’de toplam temalı bir kahraman sitesi bölümü nasıl oluşturulur
Toplam WordPress teması, bir işletme web sitesi tarafından ihtiyaç duyulabilecek bir dizi araçla birlikte gelir. Bu tema, olağanüstü ön sayfalar oluşturmak için çok yararlı olan WordPress özelleştirici ve hızlı demo veri ithalatı aracılığıyla görsel düzenleme sunar. Gördüğünüz gibi, toplam ücretsiz sürüm sizi ek bir WordPress sayfa üreticisi ile kilitlemez, daha ziyade web sitenizi tasarlamak için orijinal WordPress yolunu sağlar. Gutenberg’in gelişiyle, blockPress tabanlı WordPress editörü, toplam dahil olmak üzere herhangi bir WordPress teması daha da özelleştirilebilir. İçerik öğelerinin (bloklar) seçimi bize daha önce hiç görmediğimiz WordPress’in özünde hiç görmediğimiz ayarlama özgürlüğü verir, onu inkar etmek zordur.
Bununla birlikte, bazı blok stil ayarları varsayılan düzenleyicide hala çok sınırlıdır. Bu nedenle, daha iyi içerik oluşturmak ve tasarlamak isteyen yeni ve toplam Gutenberg editöründeyseniz, bu öğreticide bazı yararlı ipuçları bulacaksınız. Daha doğrusu, bu yazıda, Kahramanlar, Alt etikikler ve Gutenberg’de harekete geçecek davetiyeler gibi önemli web sitesi öğelerinin nasıl oluşturulacağı ve ayarlanacağına dair bazı örnekler göstermek istiyoruz. Genellikle işe yardım edenler:
Giriş web sitesi bölümünü oluşturun/hoş geldiniz
Ana ürünü veya etkinliği tanıtın
Belirli portföy öğelerine veya hizmetlerine, vb.
Gutenberg’i ayarlama olasılığını artırmak için, toplam tema kullanıcıları için önerdiğimiz GETWID WordPress Blocks eklentisini kullanacağız. Bazı toplam kullanıcıların GETWID’yi denediğinden eminiz.
Ancak Getwid’in ne olduğunu merak edenler için, aşağıdakiler kısa bir açıklama. Kısacası, bu şimdiye kadar en büyük prim ve Gutenberg için tasarlanmış bir tasarım koleksiyonu gibi bir blok kütüphanesi ile birlikte gelen orijinal Gutenberg eklentisi. Bunu önermemizin tek nedeni bu değil. Özellikle bu eklentiyi seviyoruz, çünkü toplam varsayılan stille iyi birleşiyor, ihtiyacınız olmayan herhangi bir bloğu kapatmanıza izin veriyor ve özellik açısından gerçekten zengin. Eklenti, toplamı etkinleştirdiğinizde önerildiği gibi görünür – bu, müşterilerimiz için uygun olup olmadığını görmek için geçici bir çözümdür. Ancak, çözümünüz olup olmadığını görmek için kendiniz denemeniz gerekir. Bu arada, başarıyla yarattığımız örneğe bakalım.
İçerik Tablosu
Toplam Getwid ile yapılan kahramanlar ve davetiye örnekleri
Örnek 1. Ürün Sergisi
Örnek 2. Portföy özü
Örnek 3. Özellikler veya program kartları
Örnek 4. Harekete geçme daveti
Örnek 5. Alt Pahlawan bölümü
Örnek 6. Görsel aksan
Örnek 7. Afiş
Örnek 8. Bilgilendirici Bölüm
Toplamda Getwid ile yapılan Kahramanlar ve Davetiye Örnekleri, bu denemeyi toplam temanın ücretsiz versiyonunda yapıyoruz ve neredeyse hiçbir kısıtlama olmadığı söylenebilir.
Ancak, toplam web sitesi konteyner genişliği seçeneği sınırlıdır, bu nedenle sürükleyici bir tam ekran düzeni arıyorsanız, toplam artı düşünmek isteyebilirsiniz. Her şeyden önce, neredeyse her zaman Getwid WordPress bloğunun bir bloğu kullanmanız gerekir. Bu, bir dizi başka bloğu işleyebilen bir kaptır. Böylece, kahramanınız herhangi bir içeriği görüntüleyebilir. Konteynerin kısmı hakkında önemli bir şey, birçok arka plan türü sunmasıdır: resimler, renkler, videolar (WP veya YouTube medya kütüphanesinden), çok renkli gradyanlar ve daha fazlası. Web sitesi alanını bir blok blokla tasarlarken ana göreviniz: Yukarıdaki içeriğin okunabilmesi ve netleştirilebilmesi için arka plan türünü seçin ve ayarlayın.
İstenen sıraya gerekli bloğu girin.
Mesafeyi ayarlayın (iç ve dış alanı düzenlemek için görsel oluşturucuda olduğu gibi sürüklenebilecek bir açı vardır).
İsteğe bağlı: Animasyon, form bölücü ve diğer dekorasyon öğeleri ekleyin.
Şimdi bir örnekle gidelim. Örnek 1. Ürün Sergisi
Bu örnekteki tüm bloklar blok bölümüne yerleştirilmiştir:
Gelişmiş başlık
Gelişmiş başlık
Grup düğmesi
Arka plan bölümü: görüntü (konum> sağ üst; boyut> otomatik)
Başlık bloğu, Google yazı tiplerini, metin boyutunu, yazı tipi ağırlığını vb. Kullanmanızı sağlar. Düğmeler için birkaç stil de vardır (içerik veya ana hatlar).
Olabilecek en büyük zorluk, doğru arka plan görüntüsünü bulmak ve doğru görüntü konumunu seçmektir, çünkü boyut otomatik olarak ViewPort’a göre değiştirilecektir. Örnek 2. Portföy özü
Tüm bloklar blok bölümüne yerleştirilmiştir:
Gelişmiş başlık Gelişmiş başlık
Üç sütun (paragraflar, resimler, resimler, resimler) Arka plan bölümü: gradyan
Ayrıca, Portföyün tamamı sayfasına bağlantı verecek şekilde Davet Düğmesi Yasasını da koyabilirsiniz. Örnek 3. Kahraman bölümündeki özellikler veya etkinlik kartları, ürünleri, etkinlikleri, hizmetleri, nesneleri, kişileri vb. Sergileyebilirsiniz.
Gelişmiş başlık blokları, herhangi bir yazı tipi seçmenizi sağlar:
Bu örnekte, gradyanın arka planını kullanıyoruz ve arka planın şeklini bölüyoruz (katmanlı dalgalar).
İki Gelişmiş Başlık
Cümle grubu Top Resim
Arka plan bölümü: gradyan + form bölücü
Örnek 4. Davet bölümü bir kez daha hareket eder, bölüm bloğuyla başlamanız gerekir. Aşağıdaki örnekte olduğu gibi başlık yerleştirmek için, Getwid Şablon Kütüphanesinden bir şablon kullanabilir veya en başından bir desen yapabilirsiniz. Bu, arka plan görüntüsü, çeşitli başlıklar ve merkezi düğmeler ile çok kolay bir parça.
Üç gelişmiş başlık bloğu
Engelleme düğmesi
Arka plan bölümü: Opaklıklı Görüntü (boyut> kapak) Ayrıca, içerik seviyesini sürüklenebilecek bir açıyla ne kadar kolay ayarladığınızdan da keyif alacaksınız:
Bu aynı zamanda başlığı resmin üzerine koyarak bir ofset düzeni oluşturma eğilimidir:
GetWid’de, metin satırı için boş alanlarla eşleşen bir arka plan görüntüsü ayarlayarak başarabilirsiniz. Örnek 5. Etnik Alt Bölüm, genellikle alt etnik alt bölüm projeler veya insanlar hakkında daha fazla bilgi sağlar. Bu, ana biyografinizi, hikayenizi veya amacınızı görüntülemek için uygundur.
Görsel bir öğe olarak, Getwid tarafından birkaç stille birlikte gelen bir Pile Resim Galerisi bloğu kullanıyoruz. Ancak, bunu resimler, videolar veya diğer içerik öğeleriyle değiştirebilirsiniz. İki Cümle grubu Top Kazık resim galerisi bloğu
Arka plan bölümü: düz renk
Örnek 6. Resim galerisinin görsel aksanları, kaydırma ve videonun dikkat çeken kısımları yapmak 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 tarafından bir Medya Bloğu ve Metin Shift kullanabilirsiniz:
Medya ve Metin Makinesi
Arka plan bölümü: Gradyan + üst ve alt bölücü özel yüksekliğe sahip
Ayrıca kaydırıcıda sunulabilecek birçok post tabanlı GetWid bloğu vardır (web siteniz içeriğinizden otomatik olarak tedarik edilecektir). Kaydırıcı veya ızgara/liste biçiminde manuel olarak en son veya seçilen yayınlardan bazılarını sunmak ister misiniz? Bunun için bir blok var. Örnek 7. Getwid afişleri, varsayılan görüntüler ve metin kapları sunan pratik bir banner bloğu ile birlikte gelir. Ayrıca, daha dinamik bir afişle parça yapmanızı sağlayan animasyonlu efektler seçeneği vardır.
Bu blok geçici satışlar ve sürekli vurgular için çok uygundur.
Afiş
Arka plan bölümü: tek renkli gradyan
Örnek 8. Bilgilendirici Bölüm Yapılandırılmış ve özlü bir şekilde daha fazla bilgi görüntülemek istiyorsanız, Getwid bu amaç için üç özel blok sunar: sekmeler, akordeon ve geçiş. Aşağıda, akordeon bloğu ve yanındaki resim ile iki sütunun düzeni: Bu bloğun benzersiz özelliği, Widget sekmesine herhangi bir bloğu yükleme yeteneğidir. Yani, metne ek olarak, resimler, listeler, videolar, galeriler, sekmeler ekleyebilirsiniz. Pazarlama bölümünüze benzersiz işlevsellik ekleyebilen daha birçok blok vardır, örneğin bilgilendirici görüntü bölümleri, simge oluşturmak için resimlerin sıcak noktaları Hizmetler için kutular, Bait Instagram Galerisi gerçek zamanlı ve daha fazlası. Toplam sayfa ayarlarında gereken sayfanın düzenini seçerek Boş Gutenberg sayfasından benzer parçalar oluşturabilir ve tasarlayabilirsiniz. Bitirmek için, Gutenberg ve Getwid Combo’yu ücretsiz bir toplam temada kullanmanın en iyi şeyin ne olduğunu biliyor musunuz? Hayır, sadece önemli olan blok sayısı değil. Daha da önemlisi, ilginç içerik oluşturmak için tasarımcı gözlerine (veya geliştirici becerilerine) sahip olmanıza gerek yoktur. Size yardımcı olmaya hazır tasarımlar hazır, blok desenleri ve hazır tasarımlar var. GetWid WordPress Blocks, toplam ücretsiz sürüm kullanmaya devam edenler için sayfa yapımcıları için de iyi bir alternatiftir. Blok editörü yeterince pişene kadar, ek ek Gutenberg iyi bir başlangıç noktası olabilir. Gutenberg veya Getwid’i denediniz mi? Bize yorumlarda söyleyin.
