Elementor Review (2021): Bu gerçekten söyledikleri kadar iyi mi?

Elementor incelemeleri yazan ilk sitelerden biriyiz. O zamandan beri dört yıldan fazla oldu. Ve dört yıldan fazla bir süredir, olağanüstü büyüme yaşadıklarını gördük. Sadece sıfırdan 700.000’den fazla aktif kurulumdan (2018 güncellememiz) beş milyondan fazla kuruluma (2020 güncellememiz) gitmekle kalmadılar, aynı zamanda ekibin hızlı bir şekilde birçok harika yeni özelliği teşvik etmeye devam ettiğini görüyoruz. Elementor pek çok yeni özellik yayınladığından, incelememizi tekrar güncellememiz gerektiğine karar verdik. Başlangıçta 2016’da yayınladık. Sonra 2018’de yeniledik. Sonra Mayıs 2020’de tekrar güncelledik … ve şimdi Ekim 2020’de tekrar güncellemek için geri döndük çünkü 3.0 sürümünü yayınladıkları! Elementlerin yavaşlayabilmesi için çok iyi olurdu, böylece bir mola verebilmem için, ancak Elementor’un bu gibi kliplerde yararlı olan yeni özellikleri teşvik etmeye devam etmesi sizin için şaşırtıcı.
İncelememizde, aşağıdakiler gibi tüm büyük özellikleri tartışacağız:
Tema üreticisi
Dinamik içerik
Pop -up üreticisi
WooCommerce Maker
Temel olarak, Elementor bu özelliği Ekim 2020’den önce yayınlarsa, bu incelemede tartışacağız. Kontrol etmeye hazır mısınız? Keşfetelim … bu eklentinin işlevi hangi öğeyi alın? Özünde, Elementor hala bir WordPress sayfa üreticisidir. Bu terminolojiye aşina değilseniz, bu, temel kodla oynamanızı istemek yerine, yalnızca Elementor’un içeriğinizi ve web sitelerinizi sürükleme kontrolü ve basit ve görsel önizlemeleri doğrudan web sitenizden kullanarak oluşturmanıza yardımcı olduğu anlamına gelir. Yine: Lego gibi sayfalarınız birlikte. Oldukça ilginçsiniz ve bir tasarım yapmak için birlikte farklı bir “öğe” yayınlıyorsunuz.
Herhangi bir kod bilmenize gerek yok.
Ziyaretçilerinizin tam olarak ne göreceğine bakın, bu da son tasarımınızın tam olarak nasıl görüntülendiğini bulmayı kolaylaştırır.
Çoğu geliştiriciler, HTML/CSS’yi öğrenmeye gerek kalmadan daha şık içerik oluşturmanıza izin verdikleri için sayfa üreticisi eklentisini gerçekten sever. Hatta sizin için çok fazla iş yapan hazır bir şablonu bile içe aktarabilirsiniz. Çekirdek Elementor sayfası üreticisi% 100 ücretsizdir. Kendi başına, zaten yalnızca ücretsiz sürümle birkaç iyi sayfa yapabilirsiniz.
Aşağıda bağlı makaleler

Ancak, eklenti Pro satın alırsanız, şu adrese de erişirsiniz:
TEMANLAR – Başlıklar, altbilgi, arşiv sayfaları, tek sayfalar ve aynı sürükleme ve gevşek arayüze sahip diğerleri oluşturun.
Dinamik İçerik – Tasarımınızdaki özel alanlardan dinamik içerik ekleyebilirsiniz.
Popup Maker – Esnek açılır pencere tasarlayabilir ve sitenizde görüntüleyebilirsiniz.
WooCommerce Builder – Mağaza ve mağaza arşivinizi tasarlayabilirsiniz. Yazı tipi ve Global Color – Bu, uyumlu bir site tasarımı sağlamayı ve sitenizde hızlı bir şekilde değişiklik yapmayı kolaylaştırır.
Daha fazla unsur – Web sitenizi oluşturmak için yararlı olan birçok yeni öğe elde edersiniz.
Pro Şablon-Ücretsiz sürüm birkaç ücretsiz şablon içermesine rağmen, en iyi şablonların çoğu eklenti Pro’nun bir parçasıdır.
Global Widget – Bu, aynı widget’ı birkaç sayfada yeniden kullanmanıza ve ardından widget’ı bir konumdan düzenlemenizi sağlar.
CSS Geleneksel Doğrudan – Özel CSS’yi doğrudan Elementor Arayüzünden kolayca ekleyin.
Ana arabirimin nasıl çalıştığı tartışılacak giriş ve çıkışların birçok detayı vardır, ancak ücretsiz Elementor sayfası üreticisi ile nasıl bir sayfa oluşturabileceğinize dair temel bir görünümle başlayalım.
Bir Elementor’u ilk başlattığınızda, bazı ek öğelerle doğrudan web sitenizden görsel önizleme göreceksiniz (bu, tasarımınızı gerçekten yapmanıza izin veren şey budur).
Yapacağınız üç temel alan vardır (aşağıda işaretlenmiştir):
1 – Bu, önizlemeyi doğrudan tasarımınızdan gördüğünüz yerdir. Ziyaretçilerinizin sitenize geldiklerinde tam olarak ne göreceğini görüyorsunuz, bu da tasarlanmayı çok kolaylaştırıyor. Bu aynı zamanda “widget” ınızı ayarlamanıza yardımcı olan bir “parça” yapabileceğiniz bir yerdir.

2 – Bu, tasarımınızı oluşturmak için kullanabileceğiniz bir widget. Onu doğrudan önizlemeye sürüklersiniz. Ardından, her widget’ı aynı yan çubuğu kullanarak ayarlayabilirsiniz.
3 – Bu, tasarımınızın farklı cihazlarda (akıllı telefonlar gibi), iptal/tekrar tekrar değişiklikleri ve diğer bazı yararlı işlevlerde nasıl görüleceğini görmenizi sağlayan yararlı bir kontroldür. Satınca, widget’larla/öğelerle oluşturunsa, sayfalarınızı oluşturun Sayfa yapımcılarına, bu sizi şaşırtmayabilir. Ama eğer yapmazsan … bu oldukça havalı.
Bu yüzden insanlar Sayfa Maker’ı sever: sayfanıza bir düğme eklemek istediğinizi söyleyin … her zamanki gibi html/css ile uğraşmak yerine, tek yaptığınız öğeleri sürüklemek:
Daha fazla tasarım öğesi eklemek için widget’ı sürükleyin. Çeşitli şeyleri anladıktan sonra, bir kod çizgisi yazmadan böyle bir şey yapabilirsiniz:
Bu örnek, Elementor ile bir yön sayfası oluşturma konusundaki yazımızdan alınmıştır. Orada daha ayrıntılı bir süreç görebilirsiniz.
Aşağıda bağlı makaleler

Bireysel öğeleri düzenleme: Selemal metnini düzenleme veya sekmelerde çalışma öğelerini sürükledikten sonra, doğru şekilde davranmak için düzenlemeniz gerekebilir.

Elemanlarınızı düzenlemenin iki ana yolu vardır. İlk olarak, metni olan öğelerle uğraşıyorsanız, metni ve yazıyı tıklamanız yeterlidir (buna satır düzenleme denir):

Ardından, 3 farklı sekme ile kenar çubuğu alanını da alırsınız. Her sekmede mevcut olan ayarlar, hangi öğeleri kullandığınıza bağlı olarak değişir, ancak genel fikirler aynı kalır: ne olursa olsun:

İçerik – Temel işlevselliği kontrol ettiğiniz yer burasıdır. Örneğin bir düğme için, düğmenin boyutunu, düğmenin bağlandığı vb.
Stil-Bu, yazı tipini, rengi ve diğer temel stil öğelerini kontrol ettiğiniz yerdir. Devam-Duyarlı ayarları kontrol edebileceğiniz, özel CSS (Pro’da) ve diğer daha sofistike şeyler kullanarak özel marj/dolgu ekleyebileceğiniz yerdir.

Bu gerçek zamanlı kontrol süresi, sayfa tasarımını gerçekten kazmanıza ve sizin haline getirmenizi sağlar. Ve görsel bir editörde çalıştığınız için, küçük bir şeyi değiştirir değiştirmez (yazı tipinin boyutu veya dolgu gibi), tam olarak nasıl göründüğünü bilirsiniz, böylece site önizlemenizdeki değişiklikleri hemen görürsünüz.
Parçanızı veya sütunu düzenleme Sıradan yayınlara yalnızca birkaç stil eklemek istiyorsanız, parçayı veya sütunu kazmanız gerekmeyebilir. Ancak bir yön sayfası oluşturmak veya daha “tam” bir web sitesi oluşturmak istiyorsanız, onu kullanmalısınız. Bir veya daha fazla widget için bir kap gibi parçalar. Yardım ediyorlar çünkü size izin veriyorlar:
Daha iyi bir mesafe sağlamak için işleri bir araya getirin
Tüm grubun bir birim olarak kontrolü (sadece belirli bir widget değil, tüm parçalara arka plan eklemek gibi)

Diğer harika şekiller ve özellikler ekleyin
Sütun, kısımdaki başka bir gruplama öğesidir. Gerekirse sayfanızı yatay olarak paylaşmanıza yardımcı olurlar.
Örneğin, yukarıdaki ekran görüntüsünde iki farklı öğem var. Her öğeyi tek tek düzenleyerek, bunun gibi gerçek öğelere arka plan ekleyebilirim (bu çirkin – sadece bir şey kanıtlıyorum!):
Ama çoğu zaman yapmak istediğiniz şey bu değil. Bunun yerine, parçayı doğrudan düzenleyerek, bunun gibi uyumlu bir arka plan ekleyebilirim: aşağıda bağlı makale
Bunu bir tür hiyerarşi olarak görebilirsiniz: bir veya daha fazla sütun içeren parça. Her sütun daha sonra sıfırdan sınırsız widget/element içerebilir.
Bu farklı sınıf arasındaki etkileşimi anladıktan sonra, elementin tüm gücünü açabileceksiniz. Tasarımınızın görünümünü çeşitli Tamam cihazlarda incelemek ve kontrol etmek, şimdi Elementor’un nasıl çalıştığına dair temel bir giriş yaptım, Elementor’u “yalnızca sayfa üreticisinden” en hızlı “olarak taşıyan bazı belirli özelliklere bakalım ve en popüler sayfa yapımcıları “. İlk olarak, Elementor Duyarlı Tasarım Kontrolünüz var. Hücresel internet trafiğinin çok büyük olduğu bir dünyada, mobil cihazlarda ve bir masaüstünde iyi görünmesini sağlamak için bir tasarıma ihtiyacınız var.
Bunu gerçekleştirmenize yardımcı olmak için Elementor size iki yararlı seçenek sunar. İlk olarak, sol alt köşedeki bir düğmeyi kullanarak tasarım ekranınızın önizlemesini farklı bir cihazda görebilirsiniz:

Ancak bunun ötesinde, Gelişmiş sekmesindeki kullanıcının cihazına göre öğeleri, sütunları veya parçaları da görüntüleyebilir veya gizleyebilirsiniz:

Bu özellik çok yararlıdır, çünkü neredeyse her zaman masaüstünde harika görünen, ancak hücresel (büyük resimleri düşünün) önleyen bir dizi unsurunuz vardır. Hepimizi caydırmak için bir revizyon kullanmak bir hata yapar … ve hayatın geri kalanı hataları iptal etmeyi kolaylaştırmasa da, Elementor bunu yapar. İstediğiniz zaman, listeyi gözden geçirmek için geçmiş düğmesine tıklayabilirsiniz: Oturum sırasında yaptığınız belirli eylemler burada listelenmiştir.


Revizyon – İçeriği her kaydettiğinizde veya yayınladığınızda, burada listelenir
Önceki sürüme geri dönmek için tek yaptığınız tıkır:
Birçok sayfa yapımı bu işlevi sunarken, Elementor önceki sürüme dönmenize izin verme esnekliği nedeniyle öne çıkıyor. Şablonu bu boş tuvalin bir sayfa tasarımına dönüştürmek çok basit bir özelliktir … ancak çok önemlidir ve her zaman Elementor’u sevdiğim nedenlerden biridir. Bir yön sayfası oluşturmak için bir sayfa üreticisi kullanmak istiyorsanız, başlık başlığınızı, altbilginizi ve kenar çubuğu teması WordPress’i gizlemenin bir yoluna ihtiyacınız vardır. Bunun için daha kolay hale getiren temalar bulabilmenize rağmen, çoğu tema bu işlevi sunmaz. Diğer birçok sayfa yapımcısı ile, bu daha az şanslı olduğunuz anlamına gelir. Ancak Elementor ile, doğrudan boş bir tahtadan çalışmak için dahil edilen Canvas Elementor şablonunu kullanabilirsiniz:

Genel olarak: Elementor tüm çağdaş WordPress temalarıyla çalışır. Kütüphane: Önceden oluşturulmuş şablonlar bazen çok zaman kazandırır, tüm tasarımlarınızı en baştan inşa etmek istemezsiniz. Bu olduğunda, Elementor şablonu günleri tasarruf eder. Elementor şablonu, daha sonra sıradan bir Elementor arayüzü kullanarak düzenleyebileceğiniz ve ayarlayabileceğiniz tasarımı kolayca içe aktarmanıza olanak tanır. Elementor’un kendisi varsayılan şablon kitaplığını içerir: Şablon şu anda iki farklı formatta geliyor, bu da Elementor 2.0’ın bir başka geliştirmesi:

Blok – Bu, bir sayfa oluşturmak için toplayabileceğiniz ayrı bir sayfadır (LEGO gibi). Ayrıca tema yapma özellikleri için de yararlıdır.
Sayfa – Bu, her şeyin sizin için bir araya getirildiği tam bir sayfa tasarımıdır.
Elementor tarafından sunulan şablona ek olarak, şunları da yapabilirsiniz:
Daha sonra yeniden kullanılacak bir şablon olarak kendi tasarımınızı kaydedin

Üçüncü taraf kaynaklarından Elementor Şablonunu İçe Aktar

Örneğin, EasyThePacks, kendi sitenizde kullanabileceğiniz premium Elementor şablonları satar (Bkz. EasyThePacks incelememize bakın). Sağ -Sıkıştırma ve Navigator Hızlı Düzenleme için Doğru Çıkarma Doğru, çok fazla düşünemeyebileceğiniz şeylerden biridir … ancak bir şeyi nasıl tasarladığınızı hızlandırmak çok yararlıdır. Neyse ki, Elementor hızlı bir şekilde sağlanmanıza izin vermek için sağ tıklamayı tamamen destekler:

Elemanları Düzenle
Yinelenen öğe
Elemanları/kuvveti kopyalayıp yapıştırın (stili öğeler arasında kopyalayabilmek için çok yararlıdır, böylece çalışmanızı çoğaltmanıza gerek kalmaz)
Öğeleri sil
Elementleri Global Şablon olarak Kaydet (Pro Sürümlü)
Navigatörü aç
Navigator hakkında konuşmak … Gezgin, tasarımınızın genel düzenini (veya geliştiriciyseniz DOM) azaltmanıza ve görmenize izin veren çok kullanışlı bir araçtır. Belirli öğeleri düzenlemek için tek yapmanız gereken Gezgin Listesinde tıklamaktır ve Elementor yan taraftaki ayarları açacaktır. Hatırlamanıza yardımcı olmak için Navigator’daki öğelerin adını da değiştirebilirsiniz. Örneğin, parçayı “Kahraman Bölümü” olarak çağırabilirsiniz, böylece tüm WordPress sitelerinizi tasarlamak için yukarıdan aynı arayüzü kullanarak tasarımınızın alanında olduğunu bilirsiniz – üstbilgiyi değiştirebilirsiniz, altbilgi, altbilgi , blog yazısı sayfası, vb. – Oldukça havalı, değil mi? Pro 2.0 Elementor’da insanları bu kadar heyecanlandıran şey budur. Bu sürüm, gerçek temayı Elementor’a yapma işlevselliğini ekler. Bu, temel olarak WordPress sitenizin% 100’ünü tasarlamak için Elementor’u kullanabileceğiniz anlamına gelir. Elementor, mümkün olduğunca kolay hale getirmek için tasarlanmış ücretsiz bir tema bile yaptı. Yeni tema üreticisinin işlevselliği böyle çalışır … Yeni bir şablon oluşturun Tema üreticisi “Şablon” aracılığıyla çalışır. Bir şablon oluştururken, şablon türünü açılır menüden seçebilirsiniz:
Örneğin, bir başlık tasarlamak için bir başlık seçeceksiniz. Aynı şekilde, tek bir yazı şablonu tasarlamak için bir single seçeceksiniz. Bir başlık yayın şablonu tasarlayacağım, ancak temanın hangi kısmında çalışırsanız çalışın aynı genel ilke geçerlidir. Bir yapı taşı seçin veya en baştan uyanma, oluşturulacak şablon türünü seçtikten sonra, Elementor, her zaman baştan her şeyi oluşturabilseniz bile, içerik türüne uygun blokların bir listesini görüntüler, bu yapı bloğu olabilir. Zamanınızı kaydedin. Arayüzü başlattıktan sonra, yukarıdan aynı Elementor arabirimini kullanarak tema bölümünüzü düzenleyebilir veya oluşturabilirsiniz. Ayrıca kullanım için bir dizi yeni tema öğesi alacaksınız. Örneğin, demomumdaki “yeni blogunuz” çok etkileyici görünmese de, aslında site başlığı widget’ını kullanıyor (WordPress ayarlarınızdan otomatik olarak çizilir):
Bu temanın tüm unsurları dinamik bilgileri çeker. Örneğin, yayın başlığı öğesini kullanırsanız, her yayının gerçek başlığını dinamik olarak görüntüler. Ayrıca, temaların belirli kısımları için geçerli olan yeni bir stil seçeneğine sahip olacaksınız. Örneğin, başlık öğeleri içeren parçayı düzenlerseniz, belirli bir cihazda yapışkan bir başlık oluşturmanızı sağlayan kaydırma efekti seçeneğini alırsınız:
Tema bölümünüzü yayınlayın Tema bölümünüzü yayınlamaya gittikten sonra Elementor, tema bölümünüzün tam olarak nerede görüntülendiğini kontrol etmek için hükümleri kullanmanıza izin verecektir. Başlıklar için, her yerde görüntülemek için tüm site seçeneğini seçmek isteyebilirsiniz. Ancak bu kontrol aslında oldukça ayrıntılıdır, bu da belirli bir blog yazısı kategorisine belirli bir gönderi şablonu uygulamak istiyorsanız yararlı olabilir: ve yayınladıktan sonra, temanızın kısmı yakında çalışmaya başlayacaktır. Çok iyi görünen bir başlık tasarlamasam da, başlığın gerçekten sitemde yayınlandığını görebilirsiniz:
Şimdiye kadar özel yazı türü için bir şablon oluşturun, özellikle tema oluşturucunun her zamanki WordPress siteniz için nasıl uygulandığına odaklanıyorum. Ancak, özel bir içerik sitesi oluşturuyorsanız, başka bir güçlü seçenek, özel yayınlar için bir şablon oluşturma yeteneğidir. Bu, daha sonra tartışacağım dinamik içerik özellikleriyle birleştiğinde, gerçekten özel birkaç WordPress sitesi oluşturmanıza olanak tanır. Örneğin, bir gayrimenkul sitesi oluşturursanız, “ev” için özel bir yazı türü oluşturabilir ve ardından ev Cantuman şablonunuzu tasarlamak için kullanabilirsiniz:
Bir kez daha, bu özelliğin gücünü gerçekten kullanmak için, onu dinamik içerikle eşleştirmeniz gerekir, bu yüzden daha sonra tartışalım. Tema tasarımınıza dinamik içerik ekleyin Özel bir WordPress sitesi oluşturmak istiyorsanız Elementor, tema üreticisi: Dinamik İçerik ile diğer harika özellikleri içerir. Dinamik içerikle, WordPress ve/veya eklediğiniz özel alanlardan dinamik içerik ekleyebilirsiniz. Bu özellik olasılığı sınırsızdır ve WordPress’i tam bir hizmet içerik yönetim sistemi olarak kullanmanıza izin veren şey budur. Gayrimenkul listesi örneğimize dönelim … “ev” özel post tipinizi takip etmek için, yatak odaları gibi ev detayları için özel alanlar eklemek isteyebilirsiniz.
Banyo

Kare kayıt (veya metre!)

Vb.

Dinamik özelliklerle, “ev” şablonunuza ayrıntıları otomatik olarak girebilirsiniz. Ardından, Elementor, özel alanlardan tüm bilgileri otomatik olarak çekerek her ev listesi için doğru ayrıntıları dolduracaktır. Elementor inceleme test web sitemde, gelişmiş özel alana eklediğim özel bir yazı ve birkaç özel alan hazırladım. Bu, WordPress editörüne yeni bir “ev” eklediğimde görünüm:

Şimdi, tema üreticisini kullanarak bir şablon oluştururken bu bilgileri kullanabilirsiniz. Orijinal WordPress düzenleyicisinden ev başlıkları ve açıklamalar eklemek için, tema yapıcısına dahil olan yayın başlığı ve sıradan yayın başlık widget başlıkını kullanabilirsiniz. Peki ya özel alan? Eklemek için sıradan bir metin düzenleyicisi ekleyebilirsiniz. Ardından, metin düzenleyicisinde, özel alanınızı hedeflemek için ACF alanını seçebileceğiniz dinamik düğmeye tıklarsınız. Ardından, belirli bir alanı seçebilir ve verilerden sonra içerik ekleyebilir veya ekleyebilirsiniz: ve voila! Özel alandan tasarımınıza dinamik içerik çektiniz. İşlemi gerektiği gibi ek alanlar için tekrarlayabilirsiniz. Dinamik içeriği sadece metin editörlerinden daha fazlası ile de kullanabilirsiniz. Örneğin, dinamik olarak doldurabilirsiniz:

Görüntüler görüntü widget’ları, arka plan, kaydırıcı vb. Haline gelir.

Sayı, zaman sayma zamanı veya fiyat tablosu haline gelir.

Link (URL) bir düğme veya metin bağlantı haline gelir.

Gelen kullanıcılar için kullanıcı profili bilgileri (örneğin, bir ön uç kullanıcı profili sayfası oluşturabilirsiniz).

Genel olarak, bu özellik çok esnektir ve bu, Elementor Pro’daki en sevdiğim özelliklerden biridir. Bununla birlikte, özel teknik bilgi gerektirmeden gerçekten özel bir web sitesi oluşturmak için WordPress’i kullanabilirsiniz. Tema üreticisi için entegre arayüz – Elementor 3.0’da sadece Elementor sürüm 2.0’da tam tema geliştirmenin desteğini eklediğinde, önceki bölümde tartıştığım gibi tasarım yeteneklerinde büyük bir artış oldu. Ancak, temanın inşası hala biraz “kokulu” hissediyor. Her şeyin nasıl bağlandığını görselleştirmeyi zorlaştıran her ayrı şablon. Örneğin, tüm şablonlarınız listede yeni birleştirildi ve her şablonun nasıl olduğunu ve sitenizde nerede kullandığınızı kolayca göremiyorsunuz. Elementor 3.0’da (Eylül 2020’de piyasaya sürüldü) düzeltildi. Elementor Pro şimdi yalnızca şablonunuzun tüm bölümlerinin birbirine nasıl uyduğunu kolayca görmenizi sağlayan bir tema yapmak için entegre bir arayüze sahiptir. Ayrıca, doğru tema bölümünü hızlı bir şekilde düzenlediğinizden emin olmak için çok rahat olan entegre arayüzden her doğrudan şablonun önizlemelerini de görebilirsiniz:
Belirli bir şablona tıklarsanız, çok daha büyük bir önizleme alabilir ve sitenizin şablonu nerede kullandığını görebilirsiniz. Ayrıca, tam bir Elementor arayüzü açmanıza gerek kalmadan ekran koşullarını düzenleyebilirsiniz (bir şablon kullanarak yerinizi değiştirmenizi sağlar):
Son olarak, başka bir yararlı özellik doğrudan ZIP’yi doğrudan Elementor Editor’dan doğrudan bu arayüze açabilmenizdir.Elementor 3.0’ın biraz önce gelen diğer yararlı özellikler arayüzünü bırakmadan temanın farklı bir bölümünü düzenleyin. Elementor arayüzünden ayrılmak zorunda kalmadan farklı şablon bölümlerini düzenleme yeteneğidir.Örneğin, tek yazı şablonunuzu düzenlediğinizi varsayalım.Ancak düzenleme işlemi sırasında, başlığınızda değiştirmek istediğiniz bir şey görürsünüz.Geçmişte, editörü kapatmanız, şablon listesini girmeniz ve ardından başlık şablonunu düzenlemeniz gerekir.Ardından, bittiğinde, tek bir yazı şablonuna geri dönmelisiniz.Artık olmadı.Şimdi, arabirimde şablonu düzenlemeye başlamak için tıklamanız yeterlidir:
Ardından, bitmişse, tek yazı şablonunu yeniden düzenlemek için tekrar tıklamanız yeterlidir. Elementor 3.0’da kendi entegre tema tasarım sisteminizi uygulayın Entegre tema üreticisi, Elementor 3.0’da uyumlu bir sitenin oluşturulmasını kolaylaştıran tek yeni özellik değildir. Elementor 3.0 ayrıca, her bir sayfanın varsayılan olarak aynı yapışkan stili korumasını sağlamak için küresel rengi ve yazı tipini kolayca ayarlamanızı sağlayan yeni bir tasarım sistemi özelliği ekler. Gelecekte değişiklik yapmak istiyorsanız, tek yapmanız gereken renkleri veya global yazı tiplerini bir kez girmek ve düzenlemek ve değişikliklerin sitenizde uygulanacağı. Tabii ki, gerektiğinde global renkleri ayrı ayrı değiştirme gücüne sahipsiniz, sitenizin “varsayılan” ekranı ile oynama konusunda endişelenmenize gerek yok. Daha teknik bir düzeyde çalışmak istiyorsanız, tasarım sistemi CSS değişkeni tarafından desteklenir. Tüm bu küresel ayarlara Elementor tarafındaki yeni site ayarları alanından erişebilirsiniz: Ve ilginç olan şey, gerektiğinde ayarlanmış çok fazla renk veya yazı tipi ekleyebilmenizdir – herhangi bir ayarla sınırlı değilsiniz. Örneğin, “WPLIFT Özel Sos” için renkler bile yapabilirim (size bu rengin ne olduğunu söyleyemem – renk çok özel):
Element İncelemesi: WooCommerce Maker İlk Elementor Tema İnşaatçısı başlatıldığında, sadece sıradan WordPress siteleri içindi. Artık! Şimdi bu, tema oluşturucuya sahip WooCommerce Builder’ı da içeriyor. Temel fikir tamamen aynı – sadece tema oluşturucu almak ve WooCommerce mağazanıza uygulamak ve WooCommerce mağazasının tüm önemli ayrıntılarına yeni bir widget eklemek. Elementor WooCommerce Builder ile tek mağaza arşivleri sayfanızı ve sayfalarınızı tasarlayabilirsiniz. İlginç olan, ürününüz için bazı şablonlar oluşturabilmenizdir, bu da WooCommerce mağazası için çok kullanışlıdır, çünkü tüm ürünleriniz için aynı düzeni kullanmak en uygun olmayabilir. Örneğin, T -Shirt kategorisindeki ürünler için şablon #1’i kullanabilirsiniz.
Çanta kategorisindeki ürünler için şablon #2

Tek ürün sayfanız için, tüm önemli alanları işlemek için 13 yeni widget alacaksınız:

Ayrıca ürün arşiv sayfanızı oluşturmanıza yardımcı olacak yeni bir widget alacaksınız. Temel olarak, mağaza ürünlerinizle ilgili neredeyse her şeyi tasarlamak için Elementor WooCommerce Builder’ı kullanabilirsiniz. Ancak, şu anda WooCommerce Builder Elementor’u kullanamayacağınız iki önemli sayfa var:
Alışveriş sepet sayfanız.
Ödeme sayfanız.
Bu nedenle, WooCommerce Builder Elementor’ı kullansanız bile WooCommerce dostu temasını kullanmak istiyorsunuz. Bu şekilde, şunları yapabilirsiniz:
Tek ürününüzü, kategorinizi ve tasarımınızı kontrol etmek için WooCommerce Builder’ı kullanın (tüm normal WordPress içeriğinizle birlikte.
Sepet sayfalarınızı ve kontrollerinizi kontrol etmek için WordPress temanızı kullanın.

POPUP MAKER – Elementor ekibi Elementor 2.0 ile tema üreticisini başlattıktan sonra özel açılır oluşturun, bence bu Elementor ile tasarlayabileceğiniz içerik türü için. Yanılmışım … Ocak 2019’da Elementor başka bir yeni araç başlattı – pop -up üreticisi. Adından da anlaşılacağı gibi, Popup Builder aynı görsel arayüzü, sürükle ve bırak kullanarak kendi özel açılır pencerenizi oluşturmanıza izin verir. Ayrıca, size çok fazla esneklik sağlayan tüm Elementor Widget’larına ve tasarım seçeneklerine erişebilirsiniz. Örneğin, şunları sağlayabilirsiniz: doğrudan e-posta pazarlama hizmetine bağlanmak için bir form widget’ı kullanan e-posta katılımının pop-up’ları.

Giriş ve kayıt widget’ı kullanan giriş/kayıt açılır.

CTA, ziyaretçileri harekete geçirmeye teşvik etmek için düğmeler kullanan ortaya çıkar.

Giren kullanıcılar için açılır pencereyi görüntülediğinizde, birisinin adını otomatik olarak girmek gibi çeşitli yeni özellikler açan dinamik içeriği açılır. Pop -up’ı tüm sitelerinize veya yalnızca belirli içerik bölümlerine hedefleyebilirsiniz. Ardından, diğer WordPress açılır eklentileri gibi, hedefleme ve ek tetikleyiciler kuralını alırsınız. Çıkış gibi tüm popüler tetik kurallarını alırsınız:

X saniye sonra (veya hemen)

Yüzde veya ziyaretçiler belirli unsurlara ulaştığında kaydırma derinliği
X Tıklama sayısı (Ziyaretçiler iki katılım adımı oluşturmak için düğmeyi tıkladığında açılır pencereyi de tetikleyebilirsiniz)
Aktif değil
Niyetsiz

Ayrıca size izin veren daha fazla hedefleme kuralları alırsınız:
Sayfa X veya Oturumdan Sonra Açılır Pop -up’ı gösterin
Kaç kez açılır pencereyi gösterir
Belirli konumlardan (örneğin arama motorları) gelen ziyaretçiler için açılır pencereler veya hatta URL yönlendirmeleri, giren ziyaretçiler (veya belirli kullanıcıların rolü) için pop -up’ları gizlemeye kararlıdır.
Belirli cihazlara hedef açılır (örneğin yalnızca masaüstü ziyaretçiler için görüntü)
Ayrıca açılır pencereniz için tuval üzerinde tam kontrole sahipsiniz. Herhangi bir boyutta yapabilir ve sitenizdeki herhangi bir yere yerleştirebilirsiniz. Örneğin, şunları yapabilirsiniz:
Merkezi merkezi
Tam ekran tebrik mat
Üstte veya altta görünen bildirim çubuğu
Köşede görünen slayt
Vb.
Genel olarak, Popup Builder, Popup eklentileri veya üçüncü taraf seçme ihtiyacını tamamen değiştirebilen güçlü bir araçtır. Tek eksik şey, analitik veya A/B testi için varsayılan özelliktir (etkinliğe uymak için Google Analytics’i kullanabilmenize rağmen). Popup Builder Elementor böyle çalışır … Başlamak için yeni bir açılır pencere oluşturun, şablonlara gidersiniz → Popup → Yeni ekleyin. Diğer Elementor şablonları gibi, boş bir tahtadan başlamak veya daha önce yapılan birçok açılır şablondan seçim yapabilirsiniz:
Başlangıç ​​noktasını seçtikten sonra, diğer Elementor tasarımlarında yaptığınız gibi düzenleyebilirsiniz:
Tek önemli fark, sol alt köşedeki dişli simgesini tıklayarak erişebileceğiniz açılır pencereniz için tuvali kontrol etmek için bazı yeni seçenekler almanızdır. Bu ayar, boyutu (genişlik/yükseklik), konum, animasyon vb. Kontrol etmenizi sağlar.
Örneğin, tam ekran dolgu maddesi veya bildirim çubuğu (veya diğer birçok seçenek) arasında seçim yapacağınız yerdir. Hedefleme ve Tetikleyici Kuralını seçin, ortaya çıkışı tamamladıktan sonra, hedefleme kurallarını ve tetikleyicilerini seçmek için yayın düğmesine tıklayabilirsiniz. Bu üç sekmeye ayrılmıştır. Koşullar sekmesinde, açılır pencerenizi belirli WordPress içerik türlerinde görüntüleyebilirsiniz. Tüm sitelerinizi veya özelliklerinizi hedefleyebilirsiniz: kategoriler
Etiket
Gönderi türü
yazar
Vb.
İçeriğin her bölümünü bile hedefleyebilirsiniz.
Tetik sekmesinde, ortaya çıkışınızı görüntülemek için zaman seçebilirsiniz:
Ve sonra Gelişmiş Kurallar sekmesinde, belirli cihazlar için ortaya çıkan/gizlenen ve girilen (veya belirli kullanıcılar) gizlenen gizleme seçenekleri de dahil olmak üzere daha ayrıntılı bir hedefleme kuralları seçebilirsiniz:
Yeni tema üreticisinin işlevselliği gelmeden önce bile sevdiğim diğer dört özellik, zaten bir dizi yararlı özellik vardı. İşte en iyilerden bazıları … 1. Birçok yararlı widget (diğer eklentileri değiştirebilir) Pro Elementors, tasarımınızda kullanabileceğiniz birçok yeni öğe ekle:
Bu öğeler, sitenizdeki birçok eklentinin yerini alabilir. Örneğin, elementlerin kolayca yapılmasını sağlarsınız:
Biçim
Vardiya
Fiyat Tablosu
Sosyal Paylaşım Düğmesi
Ayrıca, en son blog yayınlarınızı göstermenize yardımcı olan öğeler alırsınız (Woocommerce ürün bilgilerinin yanı sıra WPLIFT ana sayfasındaki en son blog yayınlarını görüntülemek için kullandığımız şeydir).

Bu gönderiyi widget üzerinden gösteriyoruz

2. Global Widget Global Widget, aynı içeriği birkaç sayfada yeniden kullanmanız gerekiyorsa çok yararlıdır. Temel olarak, istediğiniz yerde aynı küresel widget’ı girebilirsiniz. Ardından, widget’ın göründüğü her yeri güncellemek için Global Widget’ı bir kez düzenleyebilirsiniz. CSS Custom doğrudan özel CSS doğrudan widget, bölüm veya sütuna ekleyebilirsiniz. Diğer birçok sayfa üreticisi sınıflar veya CSS kimlikleri eklemenize izin verirken, Elementor, arayüzden ayrılmadan gerçek CSS kodunu yazmanıza izin verir, bu çok daha rahattır:

4. Son Pro Şablon, tasarım sürecinizi hızlandırabilecek daha fazla şablon ve sayfa bloklarına da erişirsiniz. Üçüncü taraf elementin uzantısı, sadece olağanüstü ürünler yaratmanın yanı sıra her şeyi daha serin hale getiriyor, bence Elementor’un bu kadar başarılı olmasının bir başka nedeni de Elementor ekibinin üçüncü bir taraf geliştirme topluluğunu kucaklamasıdır. Daha fazla işlevselliğe ihtiyacınız varsa, WordPress siteniz üzerinde daha fazla kontrol sağlamak için birçok ücretsiz ve premium Elementor uzantısı bulabilirsiniz. İşte en sevdiğimiz eklenti öğelerimizden bazıları. Fiyat: Maliyeti ne kadar? Çekirdek Elementor Sayfa Maker eklentisi% 100 ücretsizdir ve wordpress.org adresinde bulunabilir. Tek başına bile, ücretsiz sürüm yeterince güçlü. Ancak, tema üreticisine ve Pro Elementor’daki diğer tüm harika özelliklere erişim istiyorsanız, üç farklı paketiniz var: özel paketler, ayrıca paketler ve uzman paketler. Fiyatlar 49 $ ‘dan başlıyor:
Elementor’u rekabetle hemen karşılaştırmayacağım (kendinizi sayabilirsiniz) … ancak diğer popüler sayfa üreticilerinin fiyatını nasıl görüyorsanız, bunun çok rekabetçi olduğunu düşünüyorum, özellikle de şimdi bir bina teması aldığınızı düşündüğünüzde fiyat artışları. Bu paranız için büyük bir değer. Ücretsiz vs. Pro – Hangisini seçmeniz gerekiyor? Ücretsiz aldığınız özellikler açısından Elementor, herhangi bir WordPress sayfa üreticisinin en ucuz ücretsiz sürümlerinden birine sahiptir. Sadece ücretsiz sürümle, zaten oldukça şaşırtıcı tasarımlar yapabilirsiniz. Ancak aynı zamanda, Pro Elementor yeni bir tasarım widget ve seçeneği ve tema üreticisinde, WooCommerce üreticileri ve pop -up üreticilerinde çok güçlü üç araçla doludur. Peki, Free Elementor vs. Pro hakkında konuşurken hangisini seçmelisiniz? Açıkçası, burada tek bir cevap yoktur ve bu karar benzersiz durumunuza çok bağlıdır. Ama bazı senaryolara bakalım … Elementor’u kullanmak istiyorsanız …
Blog yayınınıza bazı yetenekler ekleyin.
Blogunuz için “Hakkında” sayfasını düzenlemek gibi daha iyi görünen bir temel sayfa oluşturun.
Temel yönde birkaç sayfa oluşturun.
Bence özgür element ile iyi olabilirsiniz. Temel olarak, çoğunlukla sitenizin stili için temalara güveniyorsanız, ancak sadece buraya ve oraya biraz pop eklemek istiyorsanız, ücretsiz sürüm çalışmayı tamamlayabilir. Ancak, bir web sitesi oluşturmak ve/veya pazarlama hedeflerine ulaşmaya çalışıyorsanız, Pro Elementor’a artırmak isteyebilirsiniz. Elementor Pro’nun gerçekten parıldadığını düşündüğüm bazı durumlar … Temalarınızdan daha fazla özelleştirme seçeneğinden daha fazla özelleştirme seçeneği istiyorsunuz, temanızla birlikte gelen tasarım seçimi ile sınırlı hissettiyseniz, Pro Elementor’u seveceksiniz çünkü temelde ortadan kaldırıyor tema ihtiyacı. Bunun yerine, sitenizdeki her piksel üzerinde tam kontrol elde edersiniz ve her şeyi görsel bir arayüz olan sürükle ve bırak elementinden yapabilirsiniz. Özel bir içerik sitesi oluşturuyorsunuz, özel bir içerik sitesi oluşturuyorsanız, Pro sürümü doğru seçimdir. “Özel İçerik Sitesi” ile kastettiğim bir site: Bir İş Kurulu
Emlak Listesi Sitesi

İş deri

Vb.

Temel olarak, yayın ve sıradan WordPress sayfaları ve sayfalarının ötesine geçtiğiniz her türlü site. Örneğin, yeni içerik türlerini saklamak için özel bir yazı türü ve özel alan kullanmak. Elementor Pro’nun özel içerik siteleri için iyi olmasının iki nedeni vardır. İlk olarak, tema üreticisine erişirsiniz, yani kullandığınız her özel gönderi türü için kendi şablonunuzu kolayca oluşturabilirsiniz. İkincisi, dinamik özellik, özel alan, araç seti, bölme vb. Genellikle, bu tür dinamik özel veriler eklemek, tema şablonu dosyanızda PHP ile doğrudan çalışma gerektirir. Ancak, Pro Elementor ile, görsel arayüzden, sürükle ve bıraktan başlayarak her şeyi yapabilirsiniz. Geliştirici olmayan bir şekilde, kurtarıcı olarak dinamik bir özellik buldum çünkü sonunda WordPress’in gücünü tam bir CMS olarak kullanmama izin veriyor. Bir Woocommerce Shop inşa ediyorsanız, WooCommerce Shop’u çalıştırıyorsunuz, Pro çok kolay. İlk olarak, WooCommerce Builder’a erişebilirsiniz, bu da mağaza sayfalarınız ve ürünleriniz için kendi şablonunuzu oluşturabileceğiniz anlamına gelir. İkincisi, mağaza tasarımınız için temanıza güvenmeyi planlasanız bile, Elementor Design’a ürün bilgilerini bir kez girmek için kullanabileceğiniz birçok özel WooCommerce widget’ına erişebilirsiniz. Pazarlamacıysanız pazarlamacısınız, Pro Elementor daha fazla ziyaretçiyi dönüştürmenize yardımcı olacak bir özellik ile doludur.

İlk olarak, her türlü kurşun gen formunu oluşturmanızı sağlayan form widget’ına erişirsiniz. Bu, popüler e -posta sağlayıcılarla doğuştan entegrasyonun yanı sıra diğer hizmetlere veya CRM’ye bağlanmanıza yardımcı olabilecek Zapier entegrasyonunu da içerir. Tabii ki, başka bir form eklentisi kullanabilir ve formu Elementor’a ekleyebilirsiniz, ancak formunuz için tüm Elementor tasarım seçeneklerine erişmek daha kolaydır, bu yüzden varsayılan form widget’ını seviyorum. Bununla birlikte, pazarlamacılar için en güçlü özellik muhtemelen pop -up oluşturucudur. Popup yapımcıları size tüm Elementor arayüzüne erişim sağladığından, bunu tüm türler için kullanabilirsiniz.
CTA
İki adım katılımı (tek bir tıklama ile tetiklenerek)
Ayrıca, doğru kişinin teklifinizi görmesini sağlamak için çok fazla hedefleme ve tetikleme kuralları alırsınız. Dinamik özelliklerle, açılır pencerenizi kullanıcılara kişiselleştirebilirsiniz, bu da dönüşüm oranınızı artırmanın başka bir yoludur. Form widget’ın dışında, aşağıdakiler gibi diğer pazarlama widget’larına da erişebilirsiniz:
Aciliyete eklemek için zaman sayma süresi
Sosyal kanıtlar için referanslar

CTA özellikle eylemi teşvik etmek için
Fiyat Tablosu

Son olarak, Elementor’ın tüm genel tasarım esnekliğini hala elde edersiniz, bu da geliştirici ile çalışmaya gerek kalmadan yön sayfalarını kolayca oynayabileceğiniz anlamına gelir. Müşteriler için bir web sitesi oluşturuyorsunuz, müşteriler için bir web sitesi oluşturuyorsanız, yukarıda tartıştığım her şey doğrudur. Buna ek olarak, Pro sürümü aşağıdakiler gibi birkaç iyi tesis sunar:

Daha kolay fiyatlandırma – Bir fiyata birçok özelliğe erişebildiğiniz için, proje fiyatlarının belirlenmesini basitleştirebilirsiniz.Örneğin, form eklentileri, kaydırıcı eklentileri vb. İçin ayrı olarak ödeme yapmanız gerekmez.Elementor Pro tüm bunları tek bir fiyata içerir. Basit yenileme – her şey Pro Elementor’dan (ayrı bir eklenti koleksiyonu değil) geldiğinden, müşterinizin güncelleme sırasında bir şeye zarar vermesi olası değildir.

Ve müşterinin bir şeyi mahvettiğinden gerçekten endişeleniyorsanız, onlara Elementor’a erişim sağlamamayı seçebilirsiniz. Bunun yerine, özel alanlardan içerik eklemek için dinamik içeriği kullanabilirsiniz. Ardından, müşterinin özel alanı WordPress’in güvenliğinden özel alanı düzenlemesine izin verebilirsiniz. Sonunda 3.0’da eskisinden daha hızlı, performans hakkında kısa görüşmelerle incelememizi kapatalım. Performans, insanların Elementor da dahil olmak üzere sayfa yapımcıları hakkında her zaman eleştirdikleri şeylerden biridir. Ne yazık ki, bu bir dereceye kadar, sadece idare etmeniz gereken bir şey. Basit bir görsel sürükle ve bırak arayüzü istiyorsanız ve tüm şaşırtıcı görsel efektleri istiyorsanız, her şeyi başlangıçtan itibaren kodlamanız gibi temiz bir kod tabanı alamazsınız. Bununla birlikte, bazı sayfa yapımcıları performans açısından diğerlerinden daha iyidir ve hala sayfa yapımcıları tarafından kendilerini daha hafif hale getirmek için yapılabilecek bazı şeyler vardır. Eylül 2020’de piyasaya sürülen Elementor 3.0’da, Elementor bu en iyi uygulamalardan bazılarını çok daha hafif hale getirmek için uyguladı. Elementor 3.0’daki en büyük değişikliklerden biri, Elementor tarafından yapılan DOM öğelerinin sayısında büyük bir azalmadır. Bunun ne anlama geldiğini bilmiyorsanız, temel olarak bu, Elementor’un daha az “kaos” eklediği anlamına gelir.

Site kodu tabanınıza, yani kodun daha temiz olduğu ve yükleme süresi daha hızlı olduğu anlamına gelir. Buna ek olarak, Elementor 3.0 ayrıca Elementor Server tarafını oluşturma işleminde büyük bir artış ve Elementor’un dinamik CSS değerlerini nasıl oluşturduğunu da içerir. Bu değerleri her ziyaret için dinamik olarak oluşturmak yerine, Elementor artık önbellekte saklıyor ve gerektiğinde önbellekten daha az zaman gerektirebilir. Bu sunucu işleminin tüm taraflarını hızlandırarak, sitenizin ilk bayta (TTFB) süresi ve toplam yükleme süresi Elementor 3.0’da çok daha hızlı olacaktır. Buna ek olarak, Elementor ekibi kullanıcılarının performansa önem verdiğini bilir, bu nedenle Elementor’daki insanlar Elementors ile daha hızlı sitelere izin vermek için bunun üzerinde çalışmaya devam edecektir. Ve merak ediyorsanız, diğer WordPress performansının en iyi uygulamasını uyguladığınız ve hızlı barındırma seçtiğiniz sürece, Elementor ile yıldırım kadar hızlı bir WordPress sitesi oluşturmak için% 100 mümkün. Sitenizde kullanmalı mısınız?