Teknoloji Pazarlama, Bloglarınızdan ve Gadget'larınızdan Para Kazanın

WordPress ile Elementor Sayfa Oluşturucu Nasıl Kullanılır

WordPress ile Elementor Sayfa Oluşturucu Nasıl Kullanılır

WordPress sayfa oluşturuculardan bahsettiğimizde en popüler, en fazla aktif kurulum sayısına ve en geniş topluluğa sahip olan kesinlikle Elementor'dur. Şu ana kadar Elementor ile oluşturulmuş yaklaşık 8 milyondan fazla site var. Kullanım kolaylığı, hızı ve WordPress siteleri oluştururken sunduğu muazzam olanaklar nedeniyle birçok uzman tarafından tavsiye edilmektedir.

Elementor'un Pro sürümünü test ettim ve bir açılış sayfası oluşturdum. Sürükle ve bırak işleviyle birlikte gelir ve herhangi bir temayla çalışır ve tüm Ücretsiz, Pro ve WordPress widget'larını aynı anda kullanabilirsiniz. WordPress ile Elementor kurulumu ve yapılandırması hakkında daha fazla bilgi edinmek için bu makaleyi okuyalım.

Neden Elementor Sayfa Oluşturucu'yu Seçmelisiniz?

Elementor şu anda piyasadaki ilk ve en gelişmiş WordPress Sayfa oluşturucularından biridir. Ayrıca etrafında devasa bir ekosistem var ve birçok küçük yazar, nihai sonuç için gereken süreyi azaltmak için kullanabileceğiniz faydalı eklentiler ve şablonlar geliştiriyor.

Elementor'un durumunda, sonuç, ihtiyacınız olan veya ihtiyaç duyabileceğiniz tüm işlevlerle iyi tasarlanmış, gerçekten harika bir site olabilir. Elementor kullanarak oluşturamayacağınız hiçbir WordPress sitesi türünü bulamazsınız. Ekstra işlevselliğe ihtiyacınız varsa kısa kodlarla kolayca uygulanabilir.

Elementor Sayfa Oluşturucunun Özellikleri

Elementor'un ücretsiz sürümü sınırlı sayıda Öğeyle birlikte gelir, ancak Pro sürümüyle birlikte QI, Ultimate Eklentiler vb. gibi eklentilere sahip olursunuz. Ayrıca, sitenizi kolaylıkla oluşturmak için birçok yararlı öğeye ve şablona sahip olacaksınız. .

Bunu dışarıda bırakmak adil olmaz Krokoblok Yerel Elementor'un işlevlerini genişlettiği için çoğu Elementor kullanıcısının favori araçlarından biri olan Gutenberg ve Elementor eklentisi.

Elementor, özelliklerini 4 kategoriye ayırdı.

1. Temel Widget'lar

Temel Widget'lar ücretsiz sürümle birlikte gelir ve bunlar, İçindekiler Tablosu, Portföy veya Form gibi gelişmiş seçenekler gerektirmeyen çarpıcı bir web sitesi oluşturmak için oldukça yeterlidir. Ayrıca, ücretsiz sürümde, bir Başlık/Gezinme Menüsü oluşturamazsınız ve beğendiğiniz Gezinme Menüsü ile harika bir WordPress teması bulmanız gerekebilir.

2. Profesyonel Widget'lar

Elementor Pro'lu Pro Widget'lar, herhangi bir web sitesi oluşturmak için ihtiyaç duyabileceğiniz hemen hemen her yönü ve her widget'ı kapsar. Farklı kategorilerden, gönderi türlerinden gönderiler ekleyin ve seçin veya yalnızca en son olanları, Fiyat Tabloları, Galeri, Çevirme Kutusu, Gömülü Kolay Sosyal Medya Ağları, Çeşitli Medya Karuselleri, Lottie Widget ve HotSpot'u listeleyin (bu konu hakkında daha sonra konuşacağım).

3. Tema Öğeleri

Theme Elements ayrıca Elementor Pro ile birlikte gelir ve tüm şablon sayfalarını ve elbette tek gönderi şablonunu oluşturmak önemlidir. Bildiğiniz gibi Kategori, Etiket, Yazar vb. içeriklerle dinamik olarak doldurulan sayfalar var.

Okumak:  Film İndir: Türkçe Filmleri Ücretsiz İndirin ve Keyifle İzleyin!

Bu sayfalar için tema öğelerini kullanarak bir şablon oluşturmanız gerekir. Aynı şey, gönderileriniz için her seferinde oluşturmanıza gerek kalmadan tüm gönderiler tarafından kullanılacak güzel bir şablon tasarlayabileceğiniz Tek Gönderi için de geçerlidir. İçeriği alıştığınız gibi ekleyin ve işiniz bitti.

4. WooCommerce Widget'ları

Ve son fakat bir o kadar da önemlisi, WooCommerce Widget'ları. Bu widget'lar, WooCommerce öğelerini kullanarak Tema Oluşturucu'ya, şablon sayfalarına ve tek ürün şablonuna benzer şekilde yeniden oluşturmanıza olanak tanır.

Elementor Sayfa Oluşturucunun Fiyatlandırması ve Planları

Elementor Pro 5 farklı planla birlikte gelir; bunların tümü aynı Elementor Pro sayfa oluşturucuyu ve aşağıdaki gibi özellikleri içerir:

  • Sürükle ve Bırak Canlı Düzenleyici
  • Duyarlı tasarım
  • 90+ Temel ve Profesyonel Widget
  • 300+ Temel ve Profesyonel Şablon
  • Tema Oluşturucu

En düşük plan 1 site için Essential'dır ve fiyatı 49$'dır. Bu planla Premium Destek alırsınız, bu da 24 saat içinde yanıt bekleyebileceğiniz anlamına gelir. Bir sonraki plan Gelişmiş plandır ve aynı tür destekle 99 ABD Doları fiyata 3 site için bir lisansı kapsar.

Muhtemelen en popüler olanı 25 site için 199 dolardan Expert'tir. Ek olarak, tamamladığınız projelerinizi Elementor'da yayınlayabileceğiniz ve yeni müşteriler kazanabileceğiniz bir Elementor Uzman Profili alacaksınız.

En üstte yer alan 100 sitelik Studio, 499$ fiyatıyla burada ekstra VIP Destek avantajına sahip oluyorsunuz, bu da önceliğe sahip olduğunuz ve biletlerinizin 30 dakika içinde yanıtlanacağı anlamına geliyor. Aynı şey, 1000 $ fiyatındaki 1000 site için en pahalı Ajans planıyla birlikte geliyor.

Tüm planlar yıllıktır Aboneliğinizin süresi dolarsa sitelere ne olacağını merak ediyorsanız yanıt şu: siteler eskisi gibi görünecek ancak Elementro Pro'daki öğeleri ve şablonları düzenleyemeyecek veya kullanamayacaksınız.

Elementor'un Sistem/Barındırma Gereksinimleri

Elementor'un sistem gereksinimleri sayfasına göre, 128 MB PHP, MySQL 5.6 veya üstü ya da MariaDB 10.0 veya üstü ile bile çalışmalıdır. Ayrıca herhangi bir PHP 7+ ile çalışmalıdır. Test amacıyla 2GB PHP Bellekli VultrHF kullandım.

Elbette en son WordPress sürümüne ve diğer tüm eklentilerin güncel olmasına ihtiyacınız olacak.

Elementor Sayfa Oluşturucuyu Kurun ve Yapılandırın

Elementor'un ücretsiz sürümünü yüklemek, sitedeki diğer eklentilerle aynıdır. WordPress eklenti deposuWordPress Kontrol Panelinize → Eklentiler → Yeni Ekle'ye gidin, Elementor'a göz atın, eklentiyi yükleyin ve etkinleştirin.

Pro sürümü için Elementor'da otomatik olarak hesap oluşturacak planı satın almanız gerekir. Burada oturum açtığınızda, en son Pro sürümünü indirmek için indirme düğmesini göreceksiniz.

Elementor kontrol panelinde oturumunuz açıkken, WordPress Kontrol Panelinizde → Eklentiler → Yeni Ekle'de oturum açın ve Yükle'yi seçin, Elementor Pro'nun indirilen dosyasına bilgisayarınızdan göz atın, Yükleyin ve Etkinleştirin.

Okumak:  Google Analytics'in 2024'te izleyemediği veriler nelerdir?

İşiniz bittiğinde WordPress Kontrol Panelinizin sol kenar çubuğunda Elementor'a gidin → Lisans'a tıklayın → Bağlan ve Etkinleştir düğmesine tıklayın.

Tıklandığında, Etkinleştirmek için otomatik olarak Elementor'daki kontrol panelinize yönlendirilirsiniz. Yeşil Etkinleştir düğmesine tıklayın ve işiniz bitti. Elementor Pro'nuz bağlandı ve etkinleştirildi.

Etkinleştirmeden sonra Elementor'unuzun Etkin olduğuna dair onay göreceksiniz. Ancak siteyi bir hazırlama alanı üzerinde oluşturduysanız ve canlı yayın için başka bir lisans satın almak istemiyorsanız, hazırlamadaki hesabın bağlantısını kolayca kesebilir ve canlı alanda etkinleştirebilirsiniz.

Elementor'u kullanmaya başlamanın ve web sitenizi oluşturmanın zamanı geldi. Benim önerim, Elementor için özel olarak oluşturulmuş Elementor'un Merhaba Temasını kullanmaktır.

Bunu yapmak için bir “Ana Sayfa” sayfası oluşturup onu Elementor ile düzenleyerek başlayalım. Sayfalar → Yeni Ekle'ye gidin, Ana Sayfa olarak adlandırın ve Yayınlayın, ardından Elementor ile Düzenle düğmesini tıklayın.

Düzenleme sayfasında, Düzen varsayılan olarak ayarlandığından düzenleyemeyeceğiniz Öğeler'i göreceksiniz. Elementor'u boş bir tuvalde kullanmak için sol alt köşedeki dişli simgesine tıklayarak Elementor Tam Genişlik veya Elementor Canvas'ı seçin.

Siteyi oluşturmaya başlamadan önce sol üst köşedeki burger simgesine tıkladığınızdan ve işin geri kalanı için gereken tüm genel ayarları yaptığınızdan emin olun.

Site Ayarları temayı ayarlamaya oldukça benzer. Burada, kullanacağınız genel renkleri, yazı tiplerini ve her HTML etiketi için tam site tipografisini seçebilirsiniz.

Bunun yanı sıra, tutarlılığı korumak için genel düğme stilini, üstbilgiyi, altbilgiyi, Özel CSS'yi ve ayarlamanız gereken her şeyi ayarlayabilir ve tüm sitede bu şekilde tutabilirsiniz.

İkinci seçenek, dinamik olarak oluşturulan belirli sayfa, gönderi veya ürün tarafından otomatik olarak kullanılacak şablon sayfalarını ve tekli gönderi/ürün şablonlarını oluşturmanıza olanak tanıyan Tema Oluşturucu'dur. Her WordPress temasının yukarıdakilerin tümünü görüntülemek için şablon dosyalarına sahip olması gerektiği gibi, Elementor da bunu tek bir kod satırı bile yazmadan yapmanıza izin verecektir.

Son seçenek, Elementor'da çalışma ortamınızı ayarlayabileceğiniz kullanıcı tercihleridir; yönetici olarak kullanıcı arayüzünüz dışında sitenin kendisini etkileyen hiçbir şey yoktur.

Sitenizi başlatmak için mevcut tüm widget'lar sol taraftaki kenar çubuğuna yerleştirilir ve her şey görsel olarak ve sürükleyip bırakarak düzenlenebilir. Bunu yapmanın daha kolay bir yolunu istiyorsanız, klasör simgesine tıklayarak önceden hazırlanmış bloklardan veya şablonlardan birini kullanarak başlayabilirsiniz.

Klasör simgesi, önceden hazırlanmış blokların ve şablonların yanı sıra daha önce kaydettiğiniz blokları da görebileceğiniz bir açılır pencere açacaktır. Ayrıca oluşturduğunuz bir bloğu veya şablonun tamamını kaydedebilir ve başka bir dahili sayfada yeniden kullanabilirsiniz. Kaydedilmiş bloğunuzu referanslar için kullanmak oldukça yaygındır; her sayfada değil bazı sayfalarda görüntülenmesi gereken belirli bir harekete geçirici mesaj.

Daha önce herhangi bir deneyiminiz olmadan bir web sitesi oluşturmaya başladığınızda bilmeniz gereken bir şey daha var; kullanımı kolaydır, oldukça sezgiseldir ve herhangi bir deneyiminiz olmadan birkaç gün içinde kendinize güzel bir web sitesi oluşturma becerisinden çok daha fazlasını elde edeceksiniz. Hatta profesyonel görünümlü biri diyebilirim.

Okumak:  WordPress için Basit İş Panosu Nasıl Kurulur ve Kullanılır

Ancak sitenizin tüm cihaz boyutlarında harika görünmesi gerekir ve masaüstü sürümünü düzenlediğiniz gibi diğer tüm boyutları da düzenleyebilirsiniz. Öğelerin ve widget'ların yalnızca masaüstü sürümüne eklenebileceğini ve daha sonra daha küçük boyutlarda görünümü kandırabileceğinizi lütfen unutmayın.

Ayrıca, widget'ın veya bölümün görünürlüğünü farklı cihazlarda kolayca ayarlayabilirsiniz, böylece bir bölümü masaüstünde görünür, ancak tablet ve cep telefonunda gizli bırakarak benzer bir bölümde farklı içeriğe sahip olabilirsiniz. Benzer şekilde, bir diğeri masaüstünde gizlenir ancak tablette ve cep telefonunda görünür.

Mobil ve tablet sürümlerini düzenlemek için sol kenar çubuğunun alt kısmındaki duyarlı mod simgesini tıklayın; siteniz mobil cihazlarda gösterilecektir. Üst kısımda farklı ekran boyutları arasında geçiş yapabilirsiniz.

Daha fazla netlik sağlamak için, birinin mobil cihazda ve tablette, diğer bölümün ise masaüstünde gizlendiği iki bölüm ekledim. Lütfen aşağıdaki örneğe bakın.

Sonuç mobilde.

Ve masaüstündeki nihai sonuçta yalnızca bir bölüm var ama farklı olan.

DreamHost'te Elementor Sayfa Oluşturucu Performansı

Elementor oldukça iyi bir performans sergiliyor ve GTMetrix'te 100 puan alıyor ve diğer test araçları gerçekten harika bir performans gösteriyor. Yaptığımız tüm testler için hiçbir görseli tam olarak aynı sayfa boyutuna ve görsellere sahip olacak şekilde optimize etmediğimi lütfen unutmayın.

Özet

Sezgisel ve kullanımı kolay bir sayfa oluşturucuya ihtiyacınız varsa Elementor, güzel bir web sitesi oluşturmak için gereken tüm yönleri kapsayabilir. Biraz CSS bilginiz varsa, tasarımdan piksel mükemmelliğinde siteler oluşturmak o kadar da zor değil.

Devasa topluluk ve temel Elementor işlevlerini genişleten yüzlerce eklenti ve harici eklentiyle, Elementor kullanılarak oluşturulamayan hiçbir web sitesi türünü göremiyorum.

Elementor'un nasıl şişirildiğini, çok sayıda gereksiz kodun yüklendiğini, optimize edilmesinin zor olduğunu sık sık görüyoruz, ancak testlerden de görebileceğiniz gibi Elementor, DreamHost'te oldukça iyi performans gösteriyor. Açılış sayfasını, içinde 25 resim ve 7 bölüm + Üstbilgi ve Altbilgi ile test ettim; bu, ana sayfa için ortalamanın üzerindedir.

Elementor'un bir başka harika yanı da öğrenme eğrisinin dik değil oldukça hafif olmasıdır ve önceden hazırlanmış bazı şablonları veya blokları kullanarak sadece birkaç dakika içinde gerçekten güzel tasarlanmış, modern görünümlü bir web sitesine sahip olabilirsiniz.