Elementor ile Gutenberg Nasıl Kullanılır - Doğru Yol

Elementor, tüm zamanların en popüler WordPress eklentilerinden biridir ve bunun iyi bir nedeni vardır. Sayfa oluşturucu, WordPress lejyonlarının kodlamayı öğrenmeden güzel web siteleri oluşturmasına yardımcı olarak web tasarımı oyun alanını düzleştirdi. Ancak son zamanlarda, Gutenberg blok düzenleyicisi, WordPress içerik oluşturma için yeni standart olarak ortaya çıktı. Bu iki araç arasındaki benzerlikler göz önüne alındığında, çoğu kişi Elementor'a hala ihtiyaç olup olmadığını merak etmeye başladı. Tersine, bazı uzun süredir Elementor kullanıcıları, Gutenberg'i kullanmanın web sitelerini bozup bozmayacağını merak ediyor.

Bu yazıda açıklayacağım gibi, Elementor vs. Gutenberg bir ya/ya da önermesi değildir. Her aracın sunabileceği bir şey vardır. Doğru kullanıldığında Elementor ve Gutenberg birlikte iyi çalışır. Her aracın güçlü ve zayıf yönlerini anlamanıza ve ikisini web sitenize entegre etme planına yardımcı olur.

Bu gönderide, Gutenberg'i Elementor ile kullanmak için en iyi uygulamalarımı paylaşacağım. WordPress'in gelecekteki sürümleriyle uyumluluğu korurken her iki araçtan da en iyi şekilde yararlanmak için bu yönergeleri izleyin.

Elementor'u Gutenberg ile Karşılaştırma

Gutenberg ve Elementor'u birlikte nasıl kullanacağımı açıklamadan önce, her bir aracın göreceli özelliklerini biraz açmak istiyorum.

Gutenberg'in ve Elementor'un yetenekleri ve her aracın bir web tasarımı iş akışına nasıl uyduğu konusunda bazı karışıklıklar var. Bana göre, bu kafa karışıklığının bir kısmı Gutenberg'in mevcut durumunu abartma eğiliminden kaynaklanıyor. Gutenberg hızla gelişiyor ve her yinelemede daha iyi oluyor, ancak hala Elementor kadar zengin özelliklere sahip veya sağlam değil.

Tam tema düzenleme gibi yeni özellikler geldikçe, Gutenberg'in tasarım iş akışlarımızdaki yerini yeniden gözden geçirmemiz gerekecek. Ancak Gutenberg'in geçmişi göz önüne alındığında, bu yeni özelliklerin üretim ortamında kullanılabilir hale gelmesi muhtemelen biraz zaman alacak.

Elementor Kullanma Nedenleri

• Elementor, tek sayfa düzenlerinden tam site tasarımına kadar web sitenizin tasarımı üzerinde daha fazla ve daha iyi kontrol sunar.
• Ön uç içerik düzenleme, Elementor'u son derece sezgisel hale getirir ve kullanıcılara değişikliklerin gerçek zamanlı önizlemesini sağlar. Gördüğün şey, aldığın şey. Gutenberg'in bu konuda kat etmesi gereken çok yol var.
• Elementor Pro'nun Tema Oluşturucusu, herkesin özel bir WordPress teması oluşturmasını sağlar. Elementor'un Görüntüleme Koşulları, site sahiplerinin her bir tema bölümünün nerede görüntüleneceğini kontrol etmesine olanak tanır. Örneğin, farklı üstbilgi ve altbilgilere sahip özel site bölümleri oluşturmak çok kolaydır.
• Elementor'un global tasarım ayarları, renk ve yazı tipi seçimi de dahil olmak üzere sitenizin tasarım ayarlarını oluşturmak ve yönetmek için merkezi bir yerdir. Bu tasarım ayarları, Elementor arayüzünden erişilebilen ön ayarlar haline gelir.
• Açılır pencereler ve site bakım modu gibi özellikler, ek eklentilere olan ihtiyacı ortadan kaldırır.

Gutenberg'i Kullanma Nedenleri

• Gutenberg, varsayılan WordPress içerik düzenleyicisidir. WordPress'i gelecek yıllarda kullanmayı planlıyorsanız, Gutenberg kullanıyor olacaksınız. WordPress'in gelecekteki sürümleriyle ileriye dönük uyumluluk sağlamak için içeriğinizi (çoğu) Gutenberg ile oluşturun.
• Gutenberg yol haritası geniş ve iddialı. Blok düzenleyici, geleneksel kenar çubuğu widget'larının yerini alacak şekilde genişliyor. Yakında, Gutenberg tema düzenleme yeteneklerine sahip olacak. Zamanla Gutenberg, Elementor'a daha da çok benzeyecek.

Elementor ile Gutenberg Kullanmak İçin Nedenler

Elementor, Gutenberg'in (henüz) yapamadığı şeyleri yapabilir. Ve Gutenberg bunları yaptıktan sonra bile, nasıl karşılaştırılacağını veya Elementor ile pariteye yaklaşmanın ne kadar süreceğini bilmiyoruz. Çoğu insanın bundan üç yıl sonra değil, bugün bir web sitesi oluşturması gerekiyor.

Bu arada, site tasarımcıları en azından bundan üç yıl sonra neler olabileceğini düşünmelidir.

Elementor'da yüzlerce blog yazısı oluşturmanızı önermiyorum. Aslında, Elementor'da herhangi bir blog yazısı oluşturmanızı önermiyorum. Göreceğiniz gibi, gönderilerinizi Gutenberg ile oluşturmak ve bu gönderilerin Elementor tarafından tasarlanmış şablonlara akmasını sağlamak tamamen mümkündür. Bu yöntem her iki dünyanın da en iyisidir.

Elementor ve Gutenberg'i Birlikte Kullanmak İçin En İyi Uygulamalar

Elementor'u Gutenberg ile kullanmamak için hiçbir neden yok, ancak bunu geleceğe yönelik bir gözle yapın. Bir gün Gutenberg, özellikler ve kullanım kolaylığı açısından Elementor'u gölgede bırakabilir. O gün gelene kadar, ikisini bir arada, çatışma olmadan bu şekilde kullanabilirsiniz.

1. Elementor'u Destekleyen ve Ona Karşı Savaşmayan Bir Tema Kullanın

Mükemmel temayı aramayı bırakın çünkü Elementor ile kendi temanızı oluşturacaksınız.

Bununla birlikte, başlamak için hala bir temaya ihtiyacınız var. Ancak özellikler, kişiselleştirici ayarlar ve özel şablonlarla dolu bir tema aramak yerine, yoldan çekilen ve Elementor'un işini yapmasına izin veren minimalist bir tema kullanın.

Merhaba Elementor temasını deneyerek başlayın. Elementor ekibi tarafından Elementor ile kullanım için yapılmıştır. Bu temayı ilk etkinleştirdiğinizde hayal kırıklığına uğramayı bekleyin. Merhaba, olabildiğince sade ve tüm mesele bu.

Astra başka bir iyi seçimdir. Astra, Hello'dan daha fazla özellik içerir, ancak eklentiyi ilk yüklediğinizde çoğu özellik devre dışı bırakılır. Astra özelliklerini ihtiyaç duyduğunuzda etkinleştirmek kolaydır.

2. Elementor Pro Tema Oluşturucuyu Kullanın

Elementor'un araç kutusu o kadar heyecan verici ki Tema Oluşturucu'yu atlamak ve hemen güzel web sayfaları oluşturmaya başlamak çok kolay. Bunu yapma! Bunun yerine, Tema Oluşturucu'nun nasıl çalıştığını öğrenmek için biraz zaman ayırın ve sitenizin temel öğelerini oluşturarak başlayın.

Önce site üstbilginizi ve altbilginizi oluşturmanızı öneririm. Bunlar, site tasarımınızın her sayfada görünen temel bileşenleridir.

Ardından, gönderiler ve sayfalar için şablonlar oluşturun. Gutenberg tarafından yazılan içeriğiniz bu şablonlara akar. Bu yaklaşımın sonuçlarını tam olarak anlamak önemlidir. Gönderilerin şablonunu tasarlamak için Elementor'u kullanırken, gönderilerinizi Gutenberg'de oluşturacak ve düzenleyeceksiniz.

3. Gönderiler İçin Elementor'u Kapatın

Belirttiğim gibi, Elementor'un bireysel gönderiler tasarlamak için kullanılması gerektiğini düşünmüyorum.

Aktif bir web sitesinin zaman içinde yüzlerce gönderi oluşturması zor değildir. Elementor'da bireysel gönderiler yazmak, zamanın verimsiz kullanımıdır. Bunu yapmak, gelecekte Elementor kullanmayı bırakmayı seçerseniz, bu gönderileri yeniden oluşturmanız gerekeceğini garanti eder.

Gönderi içeriğinizi Gutenberg (veya Klasik Düzenleyici) ile yazarak, ileriye dönük uyumluluk sağlıyorsunuz. Gelecekte Elementor'u kullanmayı bırakırsanız, bu, web sitenizin tamamını sıfırdan yeniden oluşturmaktan çok temanızı değiştirmek gibidir.

Elementor'da yanlışlıkla bir gönderi oluşturmadığınızdan emin olmak için, gönderiler için Elementor'u devre dışı bırakmanızı öneririm. Bunu yapmak, yazı yazarlarının yanlışlıkla "Elementor'da düzenle" düğmesine basmasını önleyecek ve beklenmedik yazarlar için her türlü baş ağrısına yol açacaktır. Elementor tarafından tasarlanan şablonlarınız, sonradan düzenleme devre dışı bırakıldıktan sonra bile çalışmaya devam edecektir.

Sonradan düzenleme için Elementor'u kapatmak için.

1. Elementor -> Ayarlar'a gidin.
2. Gönderi türlerinin yanındaki Gönderiler kutusunun işaretini kaldırın.
3. Ayarlarınızı kaydedin.

4. Özel Sayfalar İçin Tek Seferlik Şablonlar Oluşturmak İçin Elementor'u Kullanın

Tema Oluşturucu'yu kullanmanın yanı sıra, ana açılış sayfalarınızı tasarlamak için Elementor'u kullanmalısınız. Genellikle bunlar, ana site gezintinize dahil edilen sayfalardır.

Bazı örnekler:

• Ana Sayfa
• Kaydolma sayfaları
• Ürünler ve servisler
• Fiyatlandırma sayfası
• İletişim sayfası

Elementor şablon kitaplığında bunun gibi sayfalar için çeşitli başlangıç ​​tasarımları bulacaksınız.

Elementor'dan uzaklaşırsanız, bu sayfaları yeniden oluşturmanız gerekeceğini unutmayın. Ancak aynısı, çoğu temayı benzersiz şablonlar ve tasarım özellikleriyle kullanırken de geçerlidir.

5. Elementor Tasarım Sistem Ayarlarını Kullanın

İyi düşünülmüş bir tasarım sistemine sahip olmak, web sitenizde tutarlılığı korumanın anahtarıdır. Bu, özellikle Elementor şablon kitaplığından çeşitli tasarımları içe aktardıysanız geçerlidir. Elementor tarafından tasarlanan sayfaları Gutenberg tarafından yazılan gönderilerle karıştırmaktan bahsetmiyorum bile.

3.0 sürümünden itibaren Elementor Pro, tasarım ayarları üzerinde kapsamlı kontrol sunar. Bu ayarlar, kullanıcıların site genelinde kullanılacak renkleri, yazı tiplerini ve diğer tasarım tercihlerini kolayca tanımlamasına olanak tanır. Yazı tipi ve renk ayarları, Elementor arayüzünden kolayca erişilebilen hazır ayarlar haline gelir.

Bu tasarım ayarları, Gutenberg ile yazdığınız gönderi içeriğine taşınır. Bunu, bir temada tercih edilen yazı tiplerini ve renkleri ayarlamaya eşdeğer olarak düşünebilirsiniz.

Tasarım Ayarları, Elementor'u bir süredir kullanıyorsanız gözden kaçırmanız kolay olan ince özellik geliştirmelerinden biridir. Bu yeni ayarlara alışmak için harcadığınız zaman, modern bir tasarım iş akışı aracılığıyla defalarca geri ödenecektir.

Sadece bu değil, bu ayarlar tek bir yerde büyük renk ve yazı tipi değişiklikleri yapmanıza izin vererek gelecekteki yeniden tasarımları hızlandıracaktır.

Geleceğe bakmak

Gördüğünüz gibi Elementor Pro ve Gutenberg birbirini tamamlayan araçlardır. Anahtar, gelecekteki uyumluluk zorluklarından kaçınırken her aracın güçlü yönlerinden nasıl yararlanılacağını bilmektir.

Bu gönderiyi beğendiyseniz, yeni kursum "Elementor Pro ile Tema Oluşturma" da ilginizi çekebilir. Kurs, Elementor Pro ile bir tema oluşturma sürecinde size yol gösteren 90+ dakikalık adım adım video eğitimi içerir.

Theme Builder kursuna ve tüm eğitim kitaplığımıza erişmek için WP Apprentice eğitim ve koçluk programına katılın.