Bir Elementor Nasıl Kullanılır: Yeni Başlayanlar İçin Ana Kılavuz

Son on yıla geri dönersek, bir web sitesi oluşturmak, kimsenin rahatsız edilmez, bir kabus. Bir web sitesi oluşturmak için kullanıcılar en azından programlama dilini, çerçeveyi, veritabanı yönetim sistemini ve diğer teknik konuları öğrenmelidir. Ayrıca, web siteleri yapma görevi yalnızca yüksek kodlama becerilerine sahip geliştiriciler için kullanılabilir. Günler gitti! WordPress ve Elementors gibi popüler sayfa yapımcılarının kullanılabilirliğinden sonra, web siteleri oluşturmak, şüphesiz herkesin görevidir. Artık bilgi kodlamadan bir avukat, öğretmen, öğrenci veya girişimci olsanız da, WordPress ve Elementor kullanarak bir web sitesi bile oluşturabilirsiniz.
Sahip olmanız gereken tek şey olağanüstü bir şey yaratmak için kararlılık, azim ve zihniyettir. Şimdi milyon dolarlık soru – Elementor’u WordPress’te nasıl kullanacağınızı biliyor musunuz? Bana bu görünümü verme! Bilmiyorsanız, bundan sonra bu makaleden yönergeler aramak için birlikte başlayalım. Çünkü bu Elementor hakkında Elementor’un her bölümüne ve ayarına dokunan bir makale. Haydi başlayalım! İçindekiler
Elementor’u tanıyın
WordPress için En Popüler Sayfa Maker Elementor’u yapan şey
Elementor Gösterge Tablosunu Tanıtmak
WordPress ile Elementors nasıl kullanılır
Gelişmiş Elementor özelliği nasıl kullanılır
Artıları ve Eksileri WordPress sitenizde Elementor sayfa yapımcısını kullanın
Tasarımınızı geliştirmek için Elementor’un en iyi üçüncü taraf eklentileri
Ücretsiz Eğitim: Elementor ve Happy Addons kullanarak e -ticaret web sitenizi oluşturun
SSS öğesi
Sana
Elementor’u tanıyın

Elementor çok sayıda özellik ve işlev vardır. Yeni başlayan olarak, ilk başta, bu şeyleri bilmeniz gerekir, eğer değilse, Elementor ile çalışmak sizin için zor görünebilir. Elementor Elementor’un temel özelliği, tüm web sitelerinden belirli yön sayfalarına bir şey oluşturmanıza izin verir. Satış sayfaları, promosyon sayfaları ve hatta özel formlar tasarlayabilirsiniz. Hayal edebiliyorsanız, bu platform tasarlamanıza yardımcı olabilir. Bunu yapmanıza izin vermek için element ile birlikte gelir;
Tema Maker: Tema Maker, sitenizin başlıklar, altbilgiler, ürün sayfaları ve diğerleri doğrudan düzenleyiciden tasarlamanıza yardımcı olur.
Popup Maker: Diğer sitelerinizle önemli ve tamamen tutarlı bir şekilde yapmanıza yardımcı olur.
80+ Widget: Elementor’daki her widget, tasarımı tamamlamak için ek eklentiler yüklemenize gerek kalmaz gelişmiş tasarım ayarları sunar.
100+ Tasarım Öncesi Şablon ve 300+ Blok: Tasarımınızı birkaç dakika zenginleştirmek için 100’den fazla tam sayfalık WordPress şablonu ve 300 blok arasından seçim yapabilirsiniz.
Free Elementor vs. Elementor Pro, Elemento Pro’nun daha fazla widget, önceden yapılmış bloklar, şablonlar ve premium özellikler sunduğu açıktır. Ancak, yalnızca ücretsiz Elementor’u kullanarak, sıfırdan bir web sitesi oluşturmak mümkündür.
Ücretsiz Eleman Pro Elementor

/td> Evet ya

40+ Temel Widgets

/td> 50+ Pro Hayır Evet

/td> Hayır Paralaks ve farenin etkisi dahil hareket etkisi no ya

vip, doğrudan sohbet dahil no Ya

Evet woocommerce üreticisi + 15'ten fazla mağaza widget'ı Hayır Evet

Yeni başlayan olarak, önerimiz önce ücretsiz elementleri denemek, ardından sizin için gerçekten gerekli ise Pro Elementor'u seçmektir. WordPresSelementor için en popüler sayfa yapıcı Elementor'u yapan şey, WordPress için bir sürükleme ve bırak sayfası üreticisidir. Bu eklenti, görsel bir düzenleyici kullanarak güzel bir sayfa oluşturmanıza yardımcı olur. Bu WordPress eklentisi, web sitesi tasarımınızın her parçasını tek bir platformda kontrol etmenizi sağlayan eksiksiz bir çözümdür.
Temel olarak, Elementor çok popüler çünkü teknik geçmişleri olmayan insanları profesyoneller tarafından yapılan kadar güzel görünen web siteleri tasarlamaya teşvik ediyor. Web siteleri oluşturmak için Elementors kullanma:

Zamanınızı kaydedin ve web sitenizde daha hızlı tasarlamanıza ve tekrarlamanıza yardımcı olun.
Ziyaretçileriniz için olumlu bir çevrimiçi deneyim sağlamak için daha eksiksiz ve kapsamlı bir web sitesi oluşturabilmeniz için üçüncü taraf widget'larını entegre etmenize olanak tanır. Genellikle web sitenizin karmaşıklığı, hataları kaldırın ve güncellemeler ve güncellemeler açısından daha kolay bir bakım süreci oluşturmanızı sağlar. test yapmak.
Paranızı tasarruf edin ve proje fiyatını daha iyi belirleyebilmeniz için maliyetleri basitleştirin.
WordPress geliştiricileri için, bu hala komut dosyasının optimizasyonu, özel özellikler ve geri alma sürümü ile en iyi seçim platformudur.
Daha iyi bir anlayış elde etmek için Toppress sayfaları arasında bir karşılaştırma yaptık. Hadi kontrol edelim! Elementor vs Divi vs Beaver Builder - Elementors dışındaki karşılaştırma tabloları, birkaç popüler WordPress sayfası mevcuttur. Sayfanın yapımcıları arasında Divi ve Beaver, Elementor için en zorlu rakiplerdir. Bu nedenle, elementin sayfanın üreticisinden daha iyi olup olmadığını öğrenmek için bir karşılaştırma tablosu yapıyoruz. no > Pro $ 49 $ 89

TD> $ 99

Visual? 31

/td> no bitmiş şablon 300+ 110+ 50+

tema

Aktif kurulum ücretsiz sürüm 5 milyon+ t/a 300RB+

Kullanıcı derecesi 4.8/ 5 (5.7RB+ Derecelendirme) t/a 4.8/5 (350+ sıralama) Bir karşılaştırma tablosu mu, hangi sayfa yapımcısı yeni başlayanlar için daha iyi? Bu Elementor, değil! Bu yüzden diğer popüler sayfa yapımcılarından ziyade elementleri seçtik. Yani, Elementor sayfasının üreticisine bilgi verme zamanı. Elementor kontrol panelini tanıtmak
Elemnetor gösterge paneline erişmek için, her şeyden önce Elementor'u WordPress sitemize yüklememiz gerekiyor. Elementor'u pasta kadar kolay takın. Elementor'u birkaç dakika içinde kurmak ve etkinleştirmek için aşağıdaki adımları izleyin. WordPress'e Elementor'u nasıl yükleyip etkinleştiririm? Adım 01: WordPress Dashboard> Eklentinizi Aç> YENİ EKLE
Adım 02: Arama kutusuna "Elementor" yazın ve arama sonuçlarının elementini bulun. Ardından Yükle düğmesini tıklayın.
Adım 03: Son olarak, Elementor'u etkinleştirmek ve kullanmak için Etkinleştir düğmesini tıklayın.
Eleman Ayarları Elementor sayfası yapımcısını etkinleştirdikten sonra, aşağıda görüntülenen arayüze gideceksiniz. Veya bu arayüzü almak için WP Dashboard> Elementor'unuzu açın.

Ayarlama :
Genel: Elementor ayarlarındaki genel sekmede, kullanılacak yazı türünü seçebilir ve rengi ve varsayılan rengi devre dışı bırakabilirsiniz.

Stil: Varsayılan jenerik yazı tipi ayarlarını, tabletleri ve kesme noktası hücresinin yanı sıra LightBox görüntüsünü etkinleştirmek için onay kutularını içeren seçenekleri bulacaksınız.

Devam: CSS yazdırma yöntemini ayarlama, sunucu problemini çözerken yükleyici yöntemini değiştirme ve SVG desteğini etkinleştirme seçeneğini bulacaksınız.

Rol Yöneticisi:
Farklı kullanıcı türleri, rollerine bağlı olarak web sitenize farklı erişim seviyelerine sahip olabilir. Pro sürümünüz varsa, kullanıcı erişimini yalnızca içerikle de sınırlayabilirsiniz.

Teçhizat:
Genel: Genel araçlar, web sitenizde CSS'yi yeniden oluşturmanıza ve gerekirse Elementor kütüphanenizi manuel olarak senkronize etmenize olanak tanır.
URL'yi Değiştir: URL Değiştirme sekmesi, adından da anlaşılacağı gibi, Site adresini değiştirirseniz URL'yi değiştirebileceğiniz bir yerdir. Bakım Modu: Bakım Modu sekmesinde, ihtiyacınız olan web sitesi bakım modunun tüm kontrollerini alırsınız .
Font Awesome: Bu, şaşırtıcı olan ve daha hızlı performans ve tasarım esnekliğinin tadını çıkaran 1.500'den fazla harika yazı tipi 5 simgesine erişmenizi sağlar.

Eleman gösterge paneli
Elementor Dashboard'a erişmek için WordPress Dashboard> Sayfalar> Yeni Ekle'yi açın.

Ardından, sayfa başlığını girin ve açılır şablonun sağ tarafından Canvas Elementor seçeneğini seçin.
Son olarak, "Elementor ile Düzenle" düğmesini tıklayın ve en güçlü sayfa üreticisiyle çalışmaya başlayın.
Ancak, Elementor ile ilginç bir sayfa düzenlemek istiyorsanız, tüm sayfaları> bir sayfanın üzerine gelerek açın.
Ardından "Elementor ile Düzenle" düğmesi görünecektir. Şimdi düğmeyi tıklayın ve sayfanızı düzenlemeye başlayın.
İşte burada. Yüksek beklenen Elementor Gösterge Tablomuz. Hadi içine girelim.
Bu, sayfalarınızı sürükleme ve gevşek öğelerle tasarlayabileceğiniz ve sitenizi doğrudan görebileceğiniz arayüzdür.
Sol üstte bazı varsayılan ve küresel ayarlar için Hamburger simgesini bulacaksınız.
Sağ üstte, ana panele dönmek için arama düğmesini bulacaksınız

Bundan sonra, arama kutusunun kayıtlı ve gerekli widget'ı hızlı bir şekilde bulduğu ortaya çıktı
Sol panelde tüm faydalı modülleri bulacaksınız

Altta, sayfa ayarları, hızlı gezinme, geçmiş, duyarlı mod ve önizleme için bazı yararlı simgeler bulacaksınız.

Ayrıca burada sayfanızı açmak veya daha sonra kullanmak üzere taslak/şablon kaydetmek için verilen düğmeyi alacaksınız. Ayrıca, panelin sağ tarafında görünen oku tıklayarak modül panelini kaldırabilirsiniz.
Bu şekilde, sayfanızın tam bir önizlemesini alacaksınız. Bonus Puanları: HappyAddons gibi 3. taraf araçlarını kullanarak Elementor deneyiminizi geliştirebilirsiniz
Elementor, WordPress için güçlü bir sayfa üreticisidir. Bununla birlikte, web sitenizi tasarlarken daha güçlü hale getirmek ve size ekstra esneklik sağlamak için, üçüncü Partisi Addon rolünü oynamaya gelir. HappyAddons, fütüristik bir tasarım ve bir sonraki seviye oluşturmanıza yardımcı olabilecek üçüncü taraf eklentileridir. 200.000'den fazla aktif kurulum olan HappyAddons, Elementor ile sorunsuz çalışan en popüler eklentilerden biridir. İle birlikte gelir
100'den fazla widget
200'den fazla önceden yapılmış blok
Çapraz etki alanını kopyala
Yuvalama bölümü sınırsız
Resimleri gizleme
Mutlu Parçacık Etkisi

500+ satır simgeleri
Eşit yükseklik ve daha fazlası
Elementor ile HappyAddons kullanarak, sitenize kısa sürede premium bir ekran verebilirsiniz.
Bana HappyAddons hakkında daha fazla bilgi verin
WordPress ile Elementors nasıl kullanılır
Daha önce söylediğimiz gibi, Elementor bir sürükleme ve gevşek sayfa yapımcısı ve tema üreticisi ile geldi. Şimdi, bu iki inşaatçının nasıl kullanılacağını öğreneceğiz ve nihayet elementini kullanarak bir şablon yapacağız.
Bir Elementor Sayfa Yapıcısı Nasıl Kullanılır
Bir Elementor Tema Makinesi Nasıl Kullanılır
Elementor'da bir açılır pencere nasıl yapılır
Temel olarak, öğreticimiz bu bölümden başlayacaktır. Daha önce Elementor'u biliyorduk, şimdi onunla gerçek bir şekilde çalışacağız. Bir Elementor Sayfa Maker'ı nasıl kullanılır Bir Elementor sayfası üreticisini nasıl kullanacağınızı göstermek için, şimdi seyahat web siteleri için bir veranda yapacağız. Aşağıdaki adımları izleyin ve hızlı bir şekilde öğrenmek için Editörünüzde kendi ana sayfanızı tasarlamaya çalışın. Adım 01: WordPress Gösterge Tablosunu Oluşturun Barubuka Sayfası> Sayfalar> Yeni Ekle
Bu sayfayı adlandırın. Burada buna ana sayfa diyorum.
Elementor ile tüm sayfaları oluşturmak istediğimiz için varsayılan şablonu "Elementor Canvas" olarak ayarlayın. Tüm sayfayı menü olmadan ayarlamanızı sağlayan tam genişlik elementini seçebilirsiniz.

Bundan sonra, sağ kenar çubuğundan bir sayfa verin. Ayrıca taslak olarak da kaydedebilirsiniz.
"Elementor ile Düzenle" yi tıklayın ve Elementor sayfası üreticisine yönlendirilirsiniz.
Adım 02: Seyahat web siteniz için uygun bir şablon seçin Ev sayfası Elementor birçok ücretsiz ve pro hazır şablonla birlikte gelir, başlangıçtan itibaren bir sayfa oluşturmanız bile gerekmez. Yolculuğunuza başlamak için orada olan şablonu seçmeniz yeterlidir.
Şablon Ekle düğmesini tıklayın.
Şablonlardan birini seçebileceğiniz ve ihtiyaçlarınıza göre ayarlayabileceğiniz şablonları kullanmaya hazır olacaksınız.
Kullanmak istediğiniz kişiye karar verdikten sonra, Ekle seçeneğini tıklayın.

Adım 03: Şablona girdikten sonra başlığı ana sayfanıza ekleyin, sayfa hazır olacak ve seyahat web sitenizde kullanılmak üzere ayarlayabilirsiniz.
Web sitemizin adlarını ve sloganlarını görüntüleyecek olan sayfaya başlık ekleyerek başlayacağız. Bunu sadece drag & drop ve biraz düzenleme ile yaptığınız yoldur. Haader, ziyaretçilerin web sitenize girdikten sonra marka kimliğinizi anında göstermeye yardımcı olur. Başlığı ayarladıktan sonra, şimdi verandanın gövdesini ayarlayacağız. Adım 04: Bir başlık ile bitirdikten sonra otel tesisinizi vurgulayın, verandanın ana kısmını tasarlamanın zamanı geldi. Birisi otelinizde kalmak istiyorsa, otelinizde ne tür otel olanakları sunarsınız.
Yerel depolama alanınızdan herhangi bir resim yükleyebilir veya mevcut görüntüleri medya bölümünden yüklenen görüntülerle değiştirebilirsiniz. Bunu yapmak için aşağıdaki GIF dosyasını izleyin.
Yükseklik, genişlik, opaklık, marj, dolgu ve tüm düzenleme seçeneğinden ayarlayabilirsiniz.

Düzenleme seçeneklerinden düğmeler, metin, açıklamalar ekleyin.
Adım 05: Video ve referans ekleyin

Çevrenizin nasıl olduğunu ve insanların buradayken tesisinizden nasıl keyif aldığını göstermek için videolar ekleyebilirsiniz.
Referans eklemek, insanlara müşterinizin fikrinin sizin hakkınızda ne olduğunu söylemek için akıllıca bir karardır.

Adım 06: İletişim formunu ekleyin
Ziyaretçilerinizin sizinle iletişime geçebilmesi için iletişim formunu ekleyin. İletişim sayfasında, sormak istediğiniz sorular varsa ziyaretçilerinizin sizinle iletişim kurmasına yardımcı olacak telefon numarası, e -posta veya WhatsApp numarası gibi iletişim numaranızı ayarlayın.

İnsanların sizi geldiğiniz yerden bulabilmesi için bir Google haritası da ekleyebilirsiniz.
Adım 07: Platform genelinde yanıt verebilirlik yapın. Sayfalarınızın tamamen duyarlı olduğundan ve tüm cihazlarda iyi görüleceğinden emin olun. Bunu yapmak için duyarlı mod seçeneğini tıklayın.
Ayarlama tamamlandıktan sonra Güncelle düğmesini tıklayın.
Ana sayfamıza genel bakış, yeni yaptığımız ana sayfamızın son gösterisidir. Ana sayfa, iletişim sayfaları, özellikler sayfaları veya diğer sayfaları anında dahil olmak üzere herhangi bir sayfa oluşturmak için bir Elementor Sayfa Maker'ı bu şekilde kullanabilirsiniz.

Bir Elementor Tema Makinesi Nasıl Kullanılır
Elementor Tema Maker, web siteniz için bir başlık, altbilgi ve diğer dinamik içerik oluşturmanıza izin verdiği için sayfa üreticisine aşina olan herkes için bir oyun değiştiricidir. WordPress temanızın yönlerini bir kenara koymanıza bile izin verir, böylece hangi işlevleri koruyabilir ve yalnızca istediğiniz değişiklikleri yapar! Bu bölümde, bir Elementor tema üreticisi ile nasıl güzel bir başlık oluşturabileceğinizi göstereceğiz. Not: Elementor tema üreticileri Pro sürümü için kullanılabilir. Ücretsiz sürüm çok sınırlı özelliklerle birlikte gelir. Adım 01: Şablon türünü seçin
WordPress Gösterge Tablosu> Şablon> Tema Makinesi'ni açın.

Ardından yeni ekleme düğmesine tıklayın veya istediğiniz gölgeyi gördüyseniz, bir başlangıç ​​noktası olarak kullanılmak üzere içe aktarabilirsiniz.
Yeni Plus düğmesini tıkladıktan sonra, açılır ekran önünüzde görünecektir. Orada şablon türü arasından seçim yapabileceğiniz bir römorkör menüsü göreceksiniz.
Tapınak türünü seçin, burada bir başlık seçiyoruz.

Sonra isim.
Ve son olarak, Şablon Oluştur seçeneğini tıklayın.
Not: Ücretsiz Elementor yalnızca bölüm ve sayfaları içerir. Pro sürüm, küresel widget'lar, üstbilgiler, altbilgi, single ve arşivler dahil olmak üzere birkaç ek şablon kategorisi içerir. Adım 02: Başlığınızı Elementor'da ayarlayın Kendi başlığınızı tasarlamayı seçebilirsiniz veya yapılan olanı seçebilirsiniz. Kütüphane şablonunun elemanı.

Editörünüze önceden hazırlanan başlık yüklemek için şablon ekle seçeneğini tıklayın.

Bu adım tanıdık geliyorsa, editörün daha önce tam bir sayfa yapmak için kullandığımızla aynı olmasıdır. Şimdi, web siteniz için bir başlık oluşturmak için bu deneyimi burada kullanın. Başlığınızı ayarladıktan ve 'Yayınla' düğmesine tıkladıktan sonra, isterseniz, başlığınızın görüntülenmesini istediğiniz koşulları ayarlayabilirsiniz. Not: Web siteniz için bir altbilgi oluşturmak için aynı adımları da izleyebilirsiniz. Elementor Tema Builder'ı kullanarak altbilginizi tasarlarken şablon türünüz olarak 'altbilgi' seçtiğinizden emin olun. Elementor'da Popup'ın Elementor ile açılır kesici yapılması çok kolaydır. Pop -up'ınızı her şeyin sürüklediği ve bıraktığı görsel bir Elementor arayüzü ile tasarlayabilirsiniz. Elementor ayrıca önceden hazırlanmış bir açılır şablon sunduğu için işiniz daha kolaydır. Sadece bir şablon seçin, yayınlayın ve tetiği ayarlarsınız. İşte burada! Not: Elementor tema yapıcıları yalnızca Pro sürümü için kullanılabilir. Adım 01: Yeni bir dosya ekle

WordPress Gösterge Tablosu> Şablon> açılır pencereyi açın. Ardından üst taraftaki yeni eklenen düğmesini tıklayın.
Açılır pencerenizi adlandırın ve şablon düğmesini tıklayın.
Kullanmak istediğiniz açılır şablonu seçin. Farenizi üzerine gidin ve Elementor Düzenleyicisine götürmek için Ekle düğmesine tıklayın. Not: Başından beri bir açılır pencereyi yapmayı tercih ederseniz, Elementor Düzenleyicisini açmak için şablon kitaplığını kapatmanız yeterlidir. Adım 02: Daha önce tasarlanmış açılır pencereyi girdikten sonra açılır pencereyi ayarlayın, açılır pencereyi ayarlama zamanı. Elementor'un editöründe açılır pencereyi ayarlayabilirsiniz. Varsayılan içeriği kendi içeriğinizle değiştirebilirsiniz. Daha önce tasarlanmış Elementor şablonunu nasıl ayarlayacağınızı gösterdik. Bittiğinde yayın düğmesini tıklayın. Adım 03: Durum ve görüntü tetikleyicisini ayarlayın Bir sonraki adımda, koşulları ayarlamanız ve görüntüleme tetikleyicilerini ayarlamanız istenecektir. Daha fazla kural belirleme seçenekleri de vardır.

Görüntüleme Koşulu: Tüm web sitelerinizde hangi sayfada açılır pencerenin göründüğünü belirleyin. Tüm web sitelerinde, belirli sayfalarda, belirli yayınlarda, belirli kategoriler vb.
Tetikleyici: Tetikleyici, görüntülenecek bir eylemdir. Elementor 6 tür tetikleyici türünü destekler: Sayfaları yüklerken, kaydırma yaparken, öğeye kaydırırken, tıklarken, etkin değil, sayfaya niyet edin.
Gelişmiş Kurallar: Ortaya çıkacak şekilde gereksinimler karşılanmalıdır. Örneğin, ziyaretçiler belirli bir arama makinesi veya ur aracılığıyla web sitenizi ziyaret ederse açılır pencereyi görünecek şekilde ayarlayabilirsiniz. Elementor Popup Builder'ın kendisi, aralarından seçim yapabileceğiniz 7 gelişmiş kural seçeneğine sahiptir.
Kullanıcı düğmeye tıkladığında açılır pencereyi görüntülemek istiyorsanız, Tetikleyiciler sekmesini açın ve tıklama seçeneğini etkinleştirin. Ardından Kaydet ve Kapat'ı tıklayın.

Adım 04: açılır pencereyi sayfaya bağlayın Yeni bir sayfa/yazı oluşturun ve Elementor ile düzenleyin (mevcut olanı da düzenleyebilirsiniz). Sol panelden tuval alanına sürükleyerek bir düğme widget'ı ekleyin. Veya, zaten düğmeler içeren mevcut sayfaları düzenlerseniz, Düzenleme Moduna dönüştürmek için Düğme Widget'ı tıklatın.

İçerik sekmesinin altındaki düğme seçeneğinde, bağlantıyı açığa ayarlayın. Bunu yapmak için bağlantıdan dinamik olarak tıklayabilirsiniz.
Popup alanındaki İngilizce Anahtar simgesini tıklayın ve az önce oluşturduğunuz açılır pencereyi seçin. Açılır pencerenizi bulmak için açılır pencere adları yazın.

Sayfayı düzenlemeyi bitirdikten sonra Yayınlama/Güncelle'yi tıklayın. Yayıncılık düğmesini tıklamadan önce, açılır pencerenin çalışıp çalışmadığını görmek için önce sayfalarınızı görebilirsiniz.
Gelişmiş Elementor özelliği nasıl kullanılır

Bu bölümde iki farklı konuya odaklanacağız. Onlar,

Elementor'daki Wooocommerce Ürün Sayfası Nasıl Ayarlanır

JSON Dosyalarından Elementor Şablonları Nasıl İçe Aktarılır
Öyleyse topu yuvarlamaya başlayalım. WooCommerce Ürün sayfasını Woocommerce ürün sayfanızı ayarlayabilmeniz için Woocommerce ürün sayfasını nasıl ayarlarsınız WOOCOMMERCE'i WordPress Gösterge Tablonuza yüklemeniz ve etkinleştirmeniz gerekir. Ayrıca web sitenize bazı ürünler eklemeniz gerekir. Bunu yapmak için, bu WooCommerce Hazırlık Kılavuzu'ndan (adım adım) yardım isteyebilirsiniz. Hazırlıktan sonra ürün sayfalarınızı tasarlayabilirsiniz. Bu adımı takip edin. 1. Adım: Tek bir ürün şablonu oluşturun
WordPress kontrol panelinizde Elementor> şablonumu açın.
Yeni Eklenen düğmesini tıklayın.
Şablon türünüz olarak tek bir ürün seçin ve bir şablon oluşturun.

Adım 2: Daha önce tasarlanmış olan ürün sayfası şablonunu seçin veya Kütüphane Elementor'un başlangıcından itibaren bir tane oluşturun.
Ardından, daha önce tasarlanmış veya en baştan oluşturulan ürün sayfası şablonunu seçin.
Bitmiş bir ürün sayfası şablonu seçerseniz, tasarım becerilerinize göre ayarlayın (şimdi bu bölümden hemen önce sayfayı nasıl ayarlayacağınızı gösterdiğimiz için tasarımı ayarlama deneyiminiz var).

Adım 03: Sayfanızı ayarlamak için farklı bir ürün widget ekleyin

Şimdi, ürün sayfalarınızı oluşturacak öğeler oluşturma zamanı. Ürün sayfalarınızı tasarlamak için aşağıdaki ekran görüntülerini izleyin. İhtiyacınız olan widget'ları ekleyebilir veya silebilirsiniz.
Adım 04: Bir sayfa yayınlayın

Sayfalarınızı görmeye hazır olduğunuzda, sol alt paneldeki göz simgesini tıklayın.
Ayarları tıklayın, ardından görüntülemek istediğiniz ürünü seçin.
Sayfanızı yayınlamak için sol alt paneldeki Yeşil Yayın düğmesini tıklayın.
Aşağıdaki resim gibi görünebilir.
JSON Elementor dosyasından Elementor Şablonları nasıl içe aktarılacağı, şablonu JSON dosyasından içe aktarmanıza olanak tanır. Bunu yapmanıza izin vermek için orada iki yol var. Nasıl çalıştığını öğrenelim!
1. Şablon Kütüphanesi aracılığıyla
Şablon Ekle düğmesini tıklayın.

Ok simgesine tıklayın - Şablonu İçe Aktarın.
Şimdi, içe aktarmak istediğiniz JSON dosyasını seçmek için Dosya Seç düğmesini tıklayın.
Şablon kütüphanesindeki şablon sekmeme yeni içe aktardığınız şablonu bulabilirsiniz.
Yeni içe aktardığınız şablon görünmüyorsa, yeniden yükleme simgesini tıklayarak şablonu yeniden yükleyin. Farenizi şablona getirin ve Elementor tuvaline yüklemek için ek düğmesini tıklayın. 2. WordPress Gösterge Tablosu Yöneticiniz aracılığıyla bir şablon> depolanmış şablon açın.

Şablon İçe Aktar düğmesini tıklayın.
Ardından JSON dosyasını seçmek için dosyayı seçin.

Son olarak, içe aktarmak için şimdi İçe Aktar düğmesine tıklayın.
Bunlar, Elementor şablonunu JSON dosyasından içe aktarmanın iki yoludur. Çalışmanızı tamamlamanın bir yolunu seçebilirsiniz.
Artıları ve Eksileri WordPress sitenizde Elementor sayfa yapımcısını kullanın
Her şeyin de karanlık bir tarafı olduğu açıktır. Ama elementler açısından, aslında karanlık taraf değil. Bunun yerine, zaman içinde artırılabilecek bazı sınırlamaları olduğunu söyleyebiliriz. Bu da ne? Ondan önce, avantaja bakalım. Elementor'u WordPress'te kullanmanın avantajları
Bu ücretsiz bir eklenti! Çoğu kullanıcı, Pro sürümüne artmak zorunda kalmadan sitelerini tam olarak oluşturabilir.

Ücretsiz eklentiler için çeşitli çok geniş özelliklere sahiptir. Ücretsiz sürümde ayarlanan özellikler, birçok ücretli eklenti rakibi.
Gerçek zamanlı editörler, sitenizde değişiklik yapmanıza ve gerçek zamanlı olarak neler olduğunu görmenize olanak tanır, bu nedenle birkaç ekran arasında gidip gelmenize gerek yoktur.
Sitenizin, masaüstü, hücresel ve tabletinizin çeşitli sürümlerini düzenleyebilir ve görebilir ve bu sürümlerin her birinde benzersiz değişiklikler yapabilirsiniz.

WordPress'te Elementors kullanma eksileri
Elementor harika bir editördür, ancak tüm esneklik ve ayar seçenekleriyle, her şeyi düzeltmek zor olabilir. Bazen sayfalarınızda farklı içerik katmanına sahip olabilir ve zor olabilir ve istediğiniz alanı bulmak için zaman ayırabilir Düzenle.

Bir Elementor kullanarak bir site oluşturursanız, bir eklenti yüklemeye devam etmelisiniz, aksi takdirde yaptığınız tüm tasarımları ve ayarları kaybedersiniz.

Tasarımınızı geliştirmek için Elementor'un en iyi üçüncü taraf eklentileri
Eklentisi üçüncü taraf bir Elementor enerji santralidir. Elementor 80'den fazla fantastik unsur sunsa da, daha sofistike ve benzersiz bir şey istiyorsunuz. Bu nedenle, üçüncü taraf geliştiricileri Elementor'ın işlevselliğini genişletmeye ve kendi Elementor eklentilerini geliştirmeye karar vermelerindir. Buna ek olarak, eklenti, örneğin gelişmiş fiyatlar, ekipler, sosyal unsurlar, yaratıcı unsurlar, şekil öğeleri, geriye sayım vb. Sonuç olarak, Elementor artık onları Elementor'un resmi sayfasında sunarak katkıda bulunanlar olarak tanıyor. Bunlar arasında, WordPress web sitenizi tasarlarken kullanabileceğiniz ilk 3. taraf eklentisi Elementor'un bir listesi.
Mutlu eklentiler: 100'den fazla widget ve 200+ blok ile donatılmıştır, böylece web sitenizi daha kısa ve daha az bütçe tasarlamak için tam özgürlük elde edebilirsiniz.
Elementor için Premium Eklentiler: Yüksek düzeyde ayarlanmış 55+ eklenti ve önemli Elementor Widget'ları sunan, web sitelerini kolayca daha kısa sürede tasarlamanıza yardımcı olan 300'den fazla önceden yapılmış element şablonu. Elementor için özel eklentiler: 700'den fazla önceden yapılmış blok ve 10+ koleksiyonu koleksiyonu: Kullanılabilecek şablonlar, kodlamadan daha kısa sürede bir web sitesi oluşturmanıza yardımcı olacaktır.
Elementor için PowerPack: Elementor deneyiminizi geliştirmek için 60+ widget ve Creative Elementor Uzantısı sunuyor.

Bu eklenti, olağanüstü özellikleri ve düzeni ile web sitenizin tasarımını güçlendirme fırsatı sunar. Ayrıca, bir Elementor uzantısı kullanarak özel bir titreşim yapabilirsiniz. Ücretsiz Eğitim: Elementor ve Happy Addons kullanarak e -ticaret web sitenizi oluşturun
Elementor kullanarak bir e -ticaret web sitesi oluşturmak çok kolaydır. Ve HappyAddons'ı Elementor ile birleştirmek, web sitesini daha eğlenceli hale getirerek. Bu, ihtiyaçlarımıza göre tasarım için sınırsız esneklik gibidir. Elementors ve HappyAddons'ı kolayca kullanarak e -ticaret web sitemizi nasıl tasarlayabileceğimizi kontrol edelim. E -ticaret sitenizi oluşturmak için bir ön koşul:

Alan adınızı ve web barındırma paketinizi seçin
WordPress ve Woocommerce'ı yükleyin
Öğeleri yükleyin
Son Yüklen HappyAddons (Ücretsiz + Pro)
05: E -ticaret şablonunu seçin
WordPress Gösterge Tablonuzu Aç> Sayfalar> Yeni Ekle
Bu sayfayı adlandırın.
Elementor ile tüm sayfaları oluşturmak istediğimiz için varsayılan şablonu "Elementor Canvas" olarak ayarlayın. Tüm sayfayı menü olmadan ayarlamanızı sağlayan tam genişlik elementini seçebilirsiniz.
Bundan sonra, sağ kenar çubuğundan bir sayfa verin. Ayrıca "Elementor ile Düzenle" taslağı olarak da kaydedebilirsiniz ve Elementor Page Maker'a yönlendirilirsiniz.
E -ticaret siteniz için daha önce tasarlanmış şablonu eklemek için HappyAddons'a tıklayın.

Daha önce tasarlanmış şablonu seçin ve Ekle seçeneğini tıklayın.
06: Şablonu ayarlayın
Önceki bölümde gösterdiğiniz gibi ayarlama süreci - Elementor sayfası üreticisinin nasıl kullanılacağı. Tasarımınızı tamamlamak için aynı adımları izleyin. Logoyu, renk şemasını, navigasyon bağlantısını, web sitesinin kopyasını ve istediğiniz diğer özellikleri değiştirebilirsiniz. Web sitenize belirli işlevler eklemek için Widget Elementor ve Happy eklentilerini de kullanabilirsiniz. Adım 07: Sayfayı Yayınlayın Web sitesi tasarımınızdan, arayüzünüzden ve işlevselliğinizden gerçekten memnun kaldıktan sonra, doğrudan yayınlama zamanıdır.
Site önizlemesini görmek için simgeyi tıklayın.
Sonuçlardan memnunsanız, devam edin ve Yayın/Güncelleme düğmesini tıklayın.
Yayınlanan sayfayı görmek için 'Göre' yi tıklayın.

SSS öğesi
1. Elementor ücretsiz WordPress için mi?
Evet, ücretsiz WordPress'in indirilmesi ve kullanılması için Elementor. Aynı zamanda, Elementor'un da profesyonel versiyonu var. Daha fazla özellik, widget, önceden yapılmış bloklar ve şablonlar almak istiyorsanız, profesyonel sürümlerini satın almanız gerekir.
2. Elementor sitenizi yavaşlatıyor mu?
Elementors, büyük medya dosyaları, harici komut dosyaları ve ek eklentiler kullanarak kötü bir barındırma seçerseniz web sitenizi yavaşlatır. Değilse, Elementor WordPress sitenizi yavaşlatmaz.
3. Elementor tüm temalarla çalışıyor mu? Evet, Elementor, kodekleri tarafından belirlenen WordPress kodlama standartlarına saygı duyan tüm temalarla çalışır.
4. Elementor diğer WordPress eklentileriyle çalışıyor mu?
Evet, Elementor Free ve Pro dahil olmak üzere diğer tüm eklentilerle çalışır.
5. Pro Elementor nedir?
Elementor Pro 3 farklı abonelik paketinde geliyor. Kişisel, artı ve uzman gibi. Sadece üç web sitesi lisansı ve sınırsız web sitesi lisansları için 199 $ istiyorsanız 99 $ maliyeti.
6. Elementor SEO dostu nedir?

Elementor, WordPress için en SEO dostu sayfa üreticisidir. En katı standart kodla oluşturuldu ve bir sayfa tasarımı oluştururken en iyi performansı sağladı.

7. Elementor'un sahibi kimdir?

Yoni Lukenberg. Elementor'un CEO'su ve kurucularından biridir.

8. Pro Elementor'un süresi dolduğunda ne olur?
Pro lisansınızın süresi dolmuşsa, Pro Features ile yeni bir sayfa oluşturamazsınız. Ancak mevcut tüm projeleriniz bozulmadan kalacak ve önceki tasarımda kullandığınız Pro özellikleri daha önce olduğu gibi çalışmaya devam edecektir.
9. Blog sayfamı WordPress Elementor ile düzenleyebilir miyim?
Evet, blog sayfalarınızı öğelerle düzenleyebilirsiniz. Düzenlemek için bir tema üreticisine ihtiyacınız olacak.

10. Elementor ile kendi temamı yapabilir miyim?
Pro Elementor şablonunu kullanarak temanızın her bir bölümünü ayrı ayrı tasarlayabilirsiniz, ancak temaların tüm bölümlerini birleştiren eksiksiz temaları içe aktaramaz ve dışa aktaramazsınız. Ancak, temanın her bir bölümünü ayrı ayrı içe aktarabilir ve dışa aktarabilirsiniz.
Elementor'u WordPress'te kullanmak aslında çok karmaşık değildir.Bu adım adım öğretici gibi eksiksiz bir rehberiniz varsa daha eğlenceli olurdu.Sadece bu kılavuzu takip edin, iyileştirme için pratik yapmaya devam edin ve bir Elementor Maestro olacağınız zihin kurulumunu hazırlayın.Elementor'u kullanmak ve birkaç dakika boyunca bir WordPress web sitesi oluşturmak için ihtiyacınız olan tek şey budur.Elementor kullanırken komplikasyonlarla karşılaşırsanız veya bu kılavuz hakkında Elementor'un WordPress'te nasıl kullanılacağına dair önerileriniz varsa, aşağıdaki yorum kutusundan bize söyleyin.İyi şanlar!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir