ev borcu WordPress sitesi
Getwid ile Gutenberg Optimize Edilmiş GeneratePress Temanızı Daha İleriye Taşıyın
İçindekiler
GeneratePress temasının Gutenberg blok düzenleyicisindeki Getwid eklentisiyle nasıl çalıştığını öğrenmek için bir arayış içindeyseniz, burası doğru yer.
GeneratePress teması, Gutenberg uyarlamasından geçen ilk öncüler arasındaydı. Bununla birlikte, ikincisinin mevcut sürümü, daha karmaşık özelleştirme zorlukları için hala daha fazla destekleyici araç gerektiriyor.
Genel olarak GeneratePress teması, performansa ve temiz, mobil dostu tasarımlara odaklanır ve her ölçekte ve amaca yönelik bir web sitesi için sağlam bir başlangıç noktası sağlar.
Henüz bu harika temada değilseniz, daha fazla profesyonele bir göz atalım. Tema size hafif stil, oldukça zengin WordPress Özelleştirici ayarları (tipografi ve düzenler dahil) ve Gutenberg ile sorunsuz entegrasyon sağlar.
Ayrıca, Twenty Twenty'nin aksine, yazı içeriği başlığını boş bir tuval şablonuyla sıfırdan başlatmak için devre dışı bırakmak için size süper basit bir yol sunar. Herhangi bir ihtiyacı karşılamak için önceden hazırlanmış bir dizi düzen de yeterlidir.
Getwid ile eklenebilecek WordPress blok örnekleri
Bu yazıda, GeneratePress Gutenberg için optimize edilmiş temanın ücretsiz sürümüne (artı, daha özel stille) Getwid ile temanın performansını etkilemeden ne tür WordPress blokları ekleyebileceğinize dair birkaç örnek göstereceğim.
Bu gönderideki örneklerde olduğu gibi blok eklemek için, çok sayıda önceden hazırlanmış tasarım ve çok amaçlı blok seçeneğiyle birlikte gelen ücretsiz bir WordPress blok kitaplığı olan Getwid'i yüklemeniz gerekir.
Sizin İçin Manuel Olarak Seçilmiş Yayınlar
Temel bilgilerden başlayarak GeneratePress temasındaki Getwid'in yetenekleri hakkında daha fazla bilgi edelim.
Getwid ile GeneratePress Gutenberg optimize edilmiş temasında mizanpajları ayarlama
Varsayılan düzen stili, WordPress Özelleştirici aracılığıyla kolayca ayarlanabilir, bununla ilgili herhangi bir sorun yaşamazsınız:
Ayrıca, Gutenberg'de Getwid'i kullanarak, Bölüm bloğu ile önceden ayarlanmış herhangi bir hizalama ile başlayabilirsiniz. İçeriğinizi ana düzenlerden birine yerleştirmenize olanak tanır:
- Geniş ekran (sabit içerikli tam genişlik)
- Tam genişlik (içerik ve bölüm, ekranın tam genişliğini tamamen kaplar)
- Tam ekran (bölüm ekrana yayılır)
WordPress Özelleştirici aracılığıyla ayarladığınız varsayılan GeneratePress düzen kaplarına otomatik olarak ayarlanmalıdır.
Getwid ile WordPress blok düzenleyicide mizanpajları görsel olarak da ayarlayabilirsiniz:
Renk şemaları
Görebildiğim kadarıyla GeneratePress teması, bloklar için iki varsayılan renk sağlıyor. Onlardan memnun değilseniz veya daha fazlasına ihtiyacınız varsa, varsayılan blok renkleri kullanmanız veya kendi renklerinizi eklemeniz gerekir.
Ücretsiz Block Editor Colors eklentisi ile bloklar için kendi renk şemanızı oluşturarak bu sorunu kolay yoldan çözebilirsiniz. Bloklarınıza global olarak renkler katacaktır. Örneğin, test siteme dört tamamlayıcı renk daha ekledim:
Artık GeneratePress'teki renk paletimde görünecekler, böylece gerektiğinde kolayca uygulayabilirim:
Bu nedenle, varsayılan renk şeması size yeterli seçenek sunmuyorsa, kendi renklerinizi ayarlayın ve web sitenizde görsel tutarlılığı korumak için bunları kolayca uygulayın.
Örneğin, artık birkaç tıklamayla daha fazla özel düğmem olabilir:
Paletten renkleri seçerek sadece birkaç tıklamayla arka planları, degradeleri ayarlamamı, düğme renkleri uygulamamı ve daha fazlasını sağlıyor. Diğer örneklerimde varsayılan GeneratePress olanlarla birlikte farklı renk şemaları kullanacağım.
Şablon kitaplığı: Getwid'den Gutenberg blok tasarımları
Getwid sadece bloklardan ibaret değildir, eklentiyle entegre olarak gelen Gutenberg şablonlarıyla (önceden hazırlanmış kullanıcı arayüzü kalıpları) temiz hiyerarşi düzenleri oluşturmanıza yardımcı olur.
GeneratePress'te iyi çalışırlar, bazı hizalama ayarları kutudan çıkar çıkmaz mükemmel olmayabilir, ancak çoğu zaman ön uçta iyi görünürler.
Kitaplık, kategorize edilmiş şablonları hızlı bir şekilde sıralamanıza ve gerekli bölümleri bulmanıza olanak tanır – bir alt kahraman bölümünden referanslara, iletişim sayfasına, galerilere vb. herhangi bir şey olabilir. Bunları bir tıklamayla ekleyin ve özelleştirmeye başlayın.
Tasarımlar öncelikle Getwid bloklarından yapılır, bu nedenle Gutenberg'de içerik oluşturma iş akışınızı önemli ölçüde hızlandırmanıza yardımcı olmaları gerekir.
Herhangi bir web sitesi bölümü için çarpıcı arka planlar oluşturun
Herhangi bir içerik için daha gelişmiş bir düzen oluşturmanız gerekiyorsa, onu en üst düzey Bölüm bloğunun içine koyun ve gerçekten çarpıcı görsel deneyimler oluşturun.
Standart görüntülere ek olarak Getwid, arka planlar için daha fazla araç kullanmanıza olanak tanır:
- Süslü şekiller eklemek için ayırıcıları kullanın:
Ve içeriğinizi bölümlere ayırın:
- Gradyan arka planları uygulayın – Getwid'de önceden ayarlanmış renk şemalarının yanı sıra özel renk şemaları ekleme özelliği vardır:
- Kaydırıcı arka planı ekleyin (kaydırıcınızın üzerine başlıklar, simgeler, düğmeler vb. yerleştirebilirsiniz).
- Bir video arka planı oluşturun:
- Animasyon ekle:
GeneratePress Gutenberg'de ortak web sitesi bölümleri oluşturun
Getwid blokları veya şablonlarıyla, en yaygın web sitesi bölümlerini kolayca oluşturabilir ve stilleri GeneratePress temasına bırakabilir veya blokların ayrı ayar panellerini kullanarak kendinizinkini uygulayabilirsiniz.
Sadece birkaç örnek sıralayalım:
- Ekip üyelerini, blogunuzun yazarlarını veya diğer yapılandırılmış profilleri sergilemek için mükemmel olan Ekip bölümü (bu, Kişi bloklarından ve diğer öğelerden oluşan bir Getwid tasarımıdır).
- Yönetici tarafından eklenen özellik referansları.
- Veri görselleştirme ile içeriği daha iyi sunmak için fiyatlandırma ve karşılaştırma listeleri oluşturun.
- Hazır bir iletişim sayfası ekleyin. Getwid, özel bir İletişim formu bloğu ile birlikte gelir, ancak oldukça basit olduğundan, tercih ettiğiniz iletişim formuyla kolayca değiştirebilirsiniz.
- Hizmetleri ve verileri görüntüleyin (simgeler, resimler ve daha fazlasını içeren önceden hazırlanmış birkaç blok vardır).
- SSS bölümleri (varsayılan GeneratePress Gutenberg stili):
Benzersiz Getwid eklenti bloklarıyla web sitenizi renklendirin
Getwid eklentisi, bazı amaçlar için kullanışlı olacak birkaç benzersiz blok sunar:
- Fotoğraflarınızı veya grafiklerinizi ayrıntılı olarak göstermek için Image Hotspot bloğu:
Alacağınız şey odur (işaretçiler tamamen özelleştirilebilir) –
- Tanıtım klipleriniz için bir video açılır penceresi oluşturun. Blok, size video küçük resimlerini özelleştirmeniz ve videoları güzel bir açılır pencerede oynatmanız için bir araç sunar:
- Resim Yığını Galerisi ile süslü şekilli galeriler ekleyin:
Otomatik kaynaklı içeriği sergilemek için WordPress Özel Gönderi Türlerini kullanın
Getwid, gönderileriniz, sayfalarınız veya özel gönderi türleriniz tarafından oluşturulan içeriği sergilemeye adanmış gerçekten harika bir blokla övünebilir. İkincisi durumunda, bu bloğu WooCommerce ürünleri veya herhangi bir özel gönderi türü için kullanabilirsiniz.
Bu bloğun en büyük özelliği, önceden ayarlanmış düzenlere ve sayısız ayara ek olarak, istediğiniz tipografiyi, renkleri, boyutları, hizalamayı vb. ayarlayarak ihtiyacınız olan tasarımı oluşturmanız için size ulaşılabilir bir yol sunmasıdır.
Örneğin, neredeyse hiç hesaplama yapmadan, tüm blok için kullanmak üzere kendi şablonunuzu ekleyebilirsiniz:
İlk düzeni seçmeniz istenecektir:
Seçtiğiniz düzen daha da özelleştirilebilir. Örneğin, blog gönderileri için "Arka planda görüntü" düzeni geniş ekran kaydırıcılar için iyidir; özel gönderi türleri için özel bir arka plan seçmekte özgürsünüz; ürünler için genellikle iki sütunlu bir düzen uygundur. Ancak bunlar sadece öneriler, herhangi biriyle gidebilirsiniz.
Her bileşenin ayarlarını gözden geçirmek ve arka plan görüntüsünü ve içerik bloklarını düzenlemek ve ayrıca özel gönderi türüne (simgeler, düğmeler, gönderiler meta vb.)
Örneğin, Hotel Booking özel gönderi türleri tarafından oluşturulan gönderileri besleyelim. Örneğin, belirli odaları tanıtmak için geniş ekran bir kaydırıcıyla gidebilir ve yalnızca belirli gönderileri gösterebilirim:
Veya bir gönderi atlıkarınca olabilir:
Ürünleri öne çıkarmak da mümkündür:
Banner reklamlarınızın işletmeniz için çalışmasını sağlayın
Banner reklamlarınıza biraz hareket katın, izlenim bırakın. Getwid, banner olarak kullanabileceğiniz resimlere metin, animasyon ve çerçeveler koymanıza olanak tanır:
Son söz: Getwid ile GeneratePress Gutenberg temasına daha fazla harika içerik bloğu ekleyin
Gutenberg sizi bazı içerik oluşturma yönlerinde sınırlayabilirken, Getwid hem ortak WordPress blokları hem de benzersiz bloklar ekleme konusunda size daha fazla güç verir.
Biraz düğme tıklama ayarıyla GeneratePress, Getwid ile yeterince sorunsuz çalışır. Gutenberg'deki tüm özelleştirme sorunlarını çözmek için sihirli bir formül yoktur, ancak Getwid bloklarını (temel WordPress bloklarıyla birlikte) kullanmaya çalıştığınızda, renk düzeninizi ekleyin, tasarım tutarlılığını koruyun ve minimal formlara sadık kalın, GeneratePress Gutenberg optimize edilmiş temayı, aklınıza koyduğunuz işlevsel bir web sitesine dönüştürün.
Getwid ayrıca Google Haritalar, Instagram ve Mailchimp gibi popüler hizmetlerle kolay API entegrasyonu sağlayarak bunları ekstra eklentiler olmadan WordPress ile entegre etmeyi kolaylaştırır.
Hiç şüphe yok ki Getwid, GeneratePress tema özelleştirme araç setinize mükemmel bir ek olabilir. Sonuçta, Getwid eklentisini denemek size bir kuruşa mal olmaz.