Elementor vs Gutenberg: son kullanıcının perspektifinden
Elementors ve Gutenberg’in karşılaştırılması oldukça haksızdır çünkü element çok üstündür. Ancak, bu sorunla ilgili birçok soru nedeniyle (Elementor vs Gutenberg), cevabı tanımlamaya çalışacağız. İkisi arasındaki temel farkı anlayarak başlayalım. Elementor bir sayfa yapımcısı, Gutenberg ise bir blok editörüdür. Fark ne? Sayfa üreticisi, oluşturduğunuz sayfadaki her şeyi kontrol etmenizi sağlar. Düzen, tasarım öğeleri, tasarım öğeleri, tasarım öğeleri vb. Bu arada Block Editor, oluşturduğunuz sayfalara tam özgürlük sunmaz. Bazı açılardan, temanızın sunulduğu şeyle sınırlısınız. En kolay örnek, temanız tam genişlikte bir sayfayı desteklemiyorsa, Gutenberg’de tam genişlikte bir sayfa oluşturamazsınız.
Block Editor’da tasarım öğeleriniz tema ayarlarınız tarafından kontrol edilir. Bunu kanıtlamak için, iki farklı temaya başlık ve düğme eklemeyi deneyebilirsiniz. Block Editor (bu durumda Gutenberg), tasarım öğelerini gerçekten ayarlamanıza izin verir. Ancak seçim çok sınırlı. Blokları bloke etmek için, örneğin, yalnızca metnin rengini ve metin boyutunu değiştirebilirsiniz. Yazı tipi ailesini, yazı tipi ağırlığını, yazı tipi stilini vb. Değiştirme seçeneği yoktur. Yazı tipi ailesini gerçekten değiştirebilir ve belirtildiği gibi başka bir ayar yapabilirsiniz, ancak temanın ayarlanmasına gitmeniz gerekir (görünüm -> özelleştir). Başka bir deyişle, Gutenberg aracılığıyla değişiklikler yapılmaz.
İçindekiler
Elementor vs Gutenberg: Düzenleme Deneyimi
– Sayfa Yapısı
– Sayfa Düzen Kontrolü
– Duyarlı düzenleme
– Marj ve dolgu kontrolü – Tipografik Kontrol
– Görüntüler ve düğmeler için düzenleme seçeneği
Elementor vs Gutenberg: Aminasyon etkisi
Elementor vs Gutenberg: Tarihi Düzenleme
Karar
Elementor vs Gutenberg: Devam etmeden önce Gutenberg hakkında kısa bir giriş düzenleme deneyimi. Klasik düzenleyicinin yerini alarak sürüm 5.0’dan beri varsayılan WordPress düzenleyicisi olarak bulunmaya başladı. Classis editörü hala WordPress’in özünde mevcuttur, ancak varsayılan editör olarak belirlenmez. Gutenberg ile içerik oluşturmakta rahat değilseniz, klasik editörleri geri yüklemek için Gutenberg’i devre dışı bırakabilirsiniz.
Görünüşünün başlangıcında, Gutenberg daha modern bir düzenleme deneyimi ile klasik editörleri değiştirmede umut verici görünüyordu-tüm WordPress kullanıcıları ondan gerçekten etkilenmemiş olsa da. Daha temiz bir arayüze sahip hoş bir içerik düzenleme deneyimi sunar. Ancak Gutenberg son zamanlarda daha karmaşıklaşıyor. Çok fazla blok var (bazı bloklar gerçekten işe yaramaz). Her temanın farklı bir düzenleme deneyimi sunduğu gerçeğinden bahsetmiyorum bile. Bir blog yazısı oluşturmak için Gutenberg çok iyidir. Ancak sayfa için bunun olduğunu düşünmüyoruz. Bu arada elementler (ve diğer sayfa yapımcıları) bahçeler yapmaya odaklanırlar. Sayfalar arasında durmaz ve Gutenberg gibi blog yazıları yapmaz. Sonuç olarak, doğrudan düzenleme deneyimi ve tasarım öğesinin üzerinde daha fazla ayar seçeneği ile daha iyi bir düzenleme deneyimi sayfası vardır.
– Sayfa Yapısı Elementors ve Gutenberg arasındaki en net farklılıklardan biri, deneyimi düzenleme açısından sayfa yapısıdır. Gutenberg’de, tüm öğeler bloklar, hatta birçok tasarım öğesini (metin, düğmeler, görüntüler vb.) Tutan kaplar olarak kabul edilir. Elementor’da öğeler üç türe ayrılmıştır: Parça (kaplar)
Kolon
Widget (gerçek tasarım öğesi)
Elemanları üç farklı türe bölme fikri, çok daha iyi bir avlu düzenleme deneyimi sunar. İlk olarak, bu düzeni daha kolay tasarlamanızı sağlar. İkincisi, uzun bir sayfa için, bu öğeleri daha kolay tanımlamanıza olanak tanır. Üçüncüsü, fikir ayrıca Figma ve Adobe XD gibi araçlarla yapılan tasarım kavramlarını doğrudan bir sayfaya dönüştürmenizi kolaylaştırır.
En önemlisi, öğeleri çeşitli türlere bölme fikri, özellikle yeni kullanıcılar için Elementor’un kullanımını kolaylaştırır (Okuma: Elementors nasıl kullanılır). – Sayfa düzenini kontrol edin Element eklemeye başlamadan önce, bir sayfa oluşturmak için yapmanız gereken ilk şey sayfa düzenini ayarlamaktır. Sayfanın kenar çubuğu olup olmadığını ayarlayabilirsiniz. Kenar çubuğuna sahip bir sayfa oluşturmak istiyorsanız, kenar çubuğunun konumunu ve boyutunu ayarlayabilirsiniz. Gutenberg’de, Ayarlar panelindeki sayfa sekmesinin sayfa düzenini ayarlayabilirsiniz. Her farklı tema tarafından sunulan düzen seçenekleri. Örneğin, GeneratePress temasında, aşağıdaki sayfa düzen seçeneğiniz vardır.
Duyarlı düzenleme çok önemlidir, çünkü her bir cihaz türü farklı bir ekran boyutuna sahiptir. Bir tablet ve masaüstünden daha küçük bir ekran boyutuna sahip olduğu için akıllı telefondaki tüm öğeleri her zaman görüntülemenize gerek yoktur. Duyarlı düzenleme ile, ana hedef kitle hedefinize göre belirli cihaz türlerindeki sayfaları optimize edebilirsiniz. Elementor’da, Ayarlar panelindeki aygıt simgesini tıklayarak cihaz türleri arasında geçiş yapabilirsiniz.
– Marj ve Dolgu Kontrolü Kenar boşluğu ve dolgu yönetme yeteneği web sayfaları yapımında çok önemlidir (okuma: dolgu ve marj arasındaki fark). Bu özellik, belirli öğeler ve çevre elemanlar arasındaki boşluğu ayarlamanıza olanak tanır. Marj ve dolgu yönetme yeteneği olmadan, yalnızca dağınık bir sayfa yapabilirsiniz. Elementorlar (ve çoğu sayfa yapıcı), marj ve eleman rulmanlarını düzenlemek için varsayılan bir ayar seçeneğine sahiptir. Kısmen, sütun veya widget olsun. Sofistike duyarlı bir düzenleme özelliği sayesinde her bir cihaz türünde farklı ayarlar bile kullanabilirsiniz. Bu arada Gutenberg, marj ve dolgu düzenlemek için varsayılan bir ayarı yoktur. – Tipografik Kontrol Sayfaya metin eklemek için birkaç orijinal Gutenberg bloğu vardır. Başlık blokları ve paragraf blokları dahil. Bu bloğu eklediğinizde, boyutu ve rengi ayarlayabilirsiniz. Ancak yazı tipi ailesini değiştirme seçeneği yok. Varsayılan aileyi değiştirmek istiyorsanız, tema ayarına gitmelisiniz. Bu arada Elementor, tipografiyi kontrol etmek için daha fazla ayar sunuyor. En önemlisi, ayarlar panelinden ayarlar yapabilirsiniz. Yazı tipi aileleri, yazı tipi boyutu ve metin rengi gibi temel ayarlar yapmanın yanı sıra, yazı tipi ağırlığı, yazı tipi stili, satır yüksekliği, harf alanı ve dekorasyon da ayarlayabilirsiniz. Ardından, isterseniz özel bir yazı tipi kullanabilirsiniz (Elementor, Adobe yazı tipleriyle entegrasyonu bile destekler). – Gazete temasındaki görüntüler ve düğmeler için düzenleme seçeneği, Gutenberg’de aynı ayarları (örneğin, boyut) kullandığınızda bile Avada’dan (veya diğer temalardan) farklıdır. Bunun nedeni, bu öğenin (düğme) temanız tarafından kontrol edilmesidir. Gutenberg’de sadece rengi, tesviye ve metin boyutunu ayarlayabilirsiniz. Kadence blokları veya tespitler gibi eklentileri kullanmadığınız sürece, Hover efekt, sınır yarıçapı veya sınır boyutu gibi şeyleri düzenleyemezsiniz. Tıpkı düğme bloğu gibi, Gutenberg de görüntü bloğunu düzenlemek için çok küçük seçenekler sunuyor. Sadece görüntünün boyutunu, tesviye ve stilini ayarlayabilirsiniz (varsayılan ve yuvarlak). Elementor’da düğmelere veya resimlere daha fazla stil seçeneği uygulayabilirsiniz. Düğmeler için Hover efektini uygulayabilir, özel sınır yarıçapını ayarlayabilir, özel boyutu ayarlayabilir, simgeler ekleyebilir, düğme metninin tipografisini ayarlayabilirsiniz. Görüntülere gelince, CSS filtreleri, görüntü maskeleme, sınır yarıçapı ve boyutu, kaydırma efektleri vb. Uygulayabilirsiniz. Elementor vs Gutenberg: Bazı insanlar için aminasyon etkisi, animasyon etkileri çok önemli değildir. Ancak bazı insanlar için animasyon efektleri eklemek, kullanıcılarını etkilemenin bir yoludur. Hover etkisi, Elementor tarafından sunulan animasyon etkisinin bir örneğidir. Ayrıca, bir öğeye animasyonlu efektler de uygulayabilirsiniz. Kısmen, sütun veya widget olsun. Pro sürümünü kullanırsanız, bir fare efekti ve kaydırma efekti bile ekleyebilirsiniz. İşte Elementor tarafından sunulan animasyon etkisi: Efekt
CSS dönüşümü Fare Etkisi
Haddeleme etkisi
Canlandırılmış
paralaks
Ve unutmayın, Elementor ayrıca Lottie animasyonu eklemenize izin veriyor. Ya Gutenberg? Şimdiye kadar, Gutenberg’in animasyonlu bir etkisi yok. Animasyon bile girer. Elementor vs Gutenberg: Yapma/düzenleme geçmişini düzenlemek birçok eylem içerir. Düzen ayarlarından, renk ayarlarından, tipografik ayarlardan vb. Bazen, hiç istemediğiniz değişiklikler yapabilirsiniz. Ya da bu vakayı hayal edin: web sitenizde zaten bir sayfanız var ve düzenlemek istiyorsunuz. Düzenlemeyi bitirdikten sonra, yeni değişikliklerden memnun değilsiniz ve önceki tasarıma geri dönmek istiyorsunuz. Elementor’da, yaptığınız yeni değişikliklerden memnun değilseniz, önceki tasarım sürümünü geri yüklemenize izin verecek bir düzenleme geçmişi özelliğiniz vardır. Ayarlar panelindeki geçmiş simgesine tıklayarak bu özelliklere erişebilirsiniz. Açabileceğiniz iki sekme vardır: Eylem sekmesi ve revize sekmesi. Eylem sekmesi bugün yaptığınız değişiklikleri (24 saat içinde) kaydederken, revize edilmiş sekmede dün (veya daha uzun) yaptığınız değişiklikleri tutar. Gutenberg de aynı özelliklere sahiptir, ancak kullanımı daha karmaşıktır. Bu, tuval alanında Elementor gibi değişiklikler göstermez. Bunun yerine, bu sadece sayfa sürümünüzü yaptığınız değişiklikleri göstermek için karşılaştırır. Gutenberg değişikliklerin önizlemesini görmedi. Bunun yerine, yalnızca değişimle ilgili kodu vurgular.
