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

Son on yıla bakacak olursak, bir web sitesi oluşturmak, kimseyi rahatsız etmeyen bir kabustu. Bir web sitesi oluşturmak için insanların en azından bir programlama dili, çerçeve, veritabanı yönetim sistemi ve diğer teknik bilgileri öğrenmesi gerekiyordu. Ayrıca, web sitesi oluşturma görevi yalnızca yüksek kodlama becerisine sahip geliştiriciler için mevcuttu.

O günler geçti! WordPress ve Elementor gibi popüler sayfa oluşturucularının kullanıma sunulmasından sonra, bir web sitesi oluşturmak kuşkusuz herkesin görevi haline geldi. Artık WordPress ve Elementor kullanarak bir web sitesi oluşturabilirsiniz; ne olursa olsun, sıfır kodlama bilgisine sahip bir avukat, öğretmen, öğrenci veya girişimci olun.

Sahip olmanız gereken tek şey katıksız kararlılık, azim ve harika bir şey yaratma zihniyetidir. Şimdi milyon dolarlık soru şu: WordPress'te Elementor'u nasıl kullanacağınızı biliyor musunuz?

Bana öyle bakma! Bilmiyorsanız, bu makaleden yönergeler arayarak bundan sonra birlikte başlayalım. Elementor'un her bir bölümüne ve ayarına değinen Elementor hakkında bir makale olduğu için. Öyleyse başlayalım!

İçindekiler

• Elementor'u Tanıyın
• Elementor'u WordPress için En Popüler Sayfa Oluşturucu Yapan Nedir?
• Elementor Dashboard ile tanışın
• WordPress ile Elementor Nasıl Kullanılır
• Elementor Gelişmiş Özellikleri Nasıl Kullanılır
• WordPress Sitenizde Elementor Sayfa Oluşturucu Kullanmanın Artıları ve Eksileri
• Tasarımınızı Geliştirmek için En İyi 3. Parti Elementor Eklentileri
• Ücretsiz Eğitim: Elementor ve Happy Addons Kullanarak e-Ticaret Web Sitenizi Oluşturun
• Elementor SSS
• Sana doğru

Elementor'u Tanıyın

Elementor'un çok sayıda özelliği ve işlevi vardır. Yeni başlayan biri olarak, ilk başta bunları bilmeniz gerekir, aksi takdirde Elementor ile çalışmak size zor gelebilir.

Elementor Temel Özellikleri Hakkında Bilgi Edinin

Elementor, tüm web sitelerinden belirli açılış sayfalarına kadar her şeyi ve her şeyi oluşturmanıza olanak tanır. Satış sayfaları, promosyon sayfaları ve hatta özel formlar tasarlayabilirsiniz. Hayal edebiliyorsanız, bu platform onu ​​tasarlamanıza yardımcı olabilir.

Bunu yapmanıza izin vermek için Elementor ile birlikte gelir;

• Tema Oluşturucu: Tema oluşturucu, sitenizin üstbilgi, altbilgi, ürün sayfası ve daha fazlası gibi bölümlerinin her birini doğrudan Editör'den tasarlamanıza yardımcı olur.

• Popup Builder: Öne çıkan ve site tasarımınızın geri kalanıyla tamamen tutarlı olan pop-up'lar oluşturmanıza yardımcı olur.

• 80+ Widget: Elementor'daki her bir widget, tasarımınızı tamamlamak için ekstra eklentiler yüklemenize gerek kalmaması için gelişmiş tasarım özelleştirmesi sunar.

• 100'den Fazla Önceden Tasarlanmış Şablon ve 300'den Fazla Blok: Tasarımınızı dakikalar içinde zenginleştirmek için 100'ün üzerinde tam sayfa WordPress şablonu ve 300 blok arasından seçim yapabilirsiniz.

Elementor Ücretsiz ve Elementor Pro

Elemento Pro'nun daha fazla widget, hazır blok, şablon ve üstün özellikler sunduğu açıktır. Ancak, yalnızca Elementor'un ücretsiz sürümünü kullanarak sıfırdan bir web sitesi oluşturmak mümkündür.

Yeni başlayan biri olarak önerimiz, önce Elementor'u ücretsiz denemeniz, ardından sizin için gerçekten gerekliyse Elementor pro'ya gitmenizdir.

Elementor'u WordPress için En Popüler Sayfa Oluşturucu Yapan Nedir?

Elementor, WordPress için bir sürükle ve bırak sayfa oluşturucusudur. Bu eklenti, görsel bir düzenleyici kullanarak güzel sayfalar oluşturmanıza yardımcı olur. Bu WordPress eklentisi, web sitesi tasarımınızın her bölümünü tek bir platformda kontrol etmenizi sağlayan hepsi bir arada bir çözümdür.

Temel olarak, Elementor son derece popülerdir çünkü herhangi bir teknik altyapıya sahip olmayan insanlara profesyoneller tarafından yapılanlar kadar güzel görünen web siteleri tasarlama imkanı verir.

Bir web sitesi oluşturmak için Elementor'u kullanmak:

• Zamandan tasarruf edin ve web sitelerinizi daha hızlı tasarlamanıza ve yinelemenize yardımcı olun.
• Ziyaretçilerinize olumlu bir çevrimiçi deneyim sağlamak için daha kapsamlı ve eksiksiz bir web sitesi oluşturabilmeniz için üçüncü taraf widget'ları entegre etmenize izin verin.
• Web sitelerinizin karmaşıklığını azaltın, hataları ortadan kaldırın ve güncellemeler ve testler söz konusu olduğunda daha kolay bir bakım süreci oluşturun.
• Bir projenin fiyatını daha iyi değerlendirebilmeniz için paradan tasarruf edin ve maliyetleri basitleştirin.

WordPress geliştiricileri için, komut dosyası optimizasyonu, özel nitelikler ve geri alma sürümleriyle hala en iyi tercih edilen bir platformdur.

Daha iyi anlamak için en iyi WordPress sayfa oluşturucuları arasında bir karşılaştırma yaptık. Hadi kontrol edelim!

Elementor vs Divi vs Beaver Builder - Karşılaştırma Tablosu

Elementor dışında, birkaç popüler WordPress sayfa oluşturucu mevcuttur. Bu sayfa oluşturucular arasında Divi ve Beaver, Elementor için en zorlu rakiplerdir. Bu nedenle, Elementor'un bu sayfa oluşturuculardan daha iyi olup olmadığını öğrenmek için bir karşılaştırma tablosu oluşturduk.

Karşılaştırma tablosunu inceledikten sonra, yeni başlayanlar için hangi sayfa oluşturucunun daha iyi olduğunu düşünüyorsunuz? Elementor, doğru! Bu nedenle, diğer popüler sayfa oluşturucular yerine Elementor'u seçtik. Bu nedenle, Elementor sayfa oluşturucuyu tanımanın zamanı geldi.

Elementor Dashboard ile tanışın

Elemnetor panosuna erişmek için ilk önce WordPress sitemize Elementor'u yüklememiz gerekiyor. Elementor'u kurmak çok kolay. Elementor'u birkaç dakika içinde kurmak ve etkinleştirmek için aşağıdaki adımları izleyin.

WordPress'te Elementor Nasıl Kurulur ve Etkinleştirilir?

• Adım 01: WordPress panonuza gidin > Eklentiler > Yeni Ekle

• Adım 02: Arama kutusuna "Elementor" yazın ve arama sonucundan Elementor'u bulun. Ardından Yükle düğmesine tıklayın.

• Adım 03: Son olarak, Elementor'u etkinleştirmek ve kullanmak için Etkinleştir düğmesine tıklayın.

Elementor Ayarları

Elementor sayfa oluşturucuyu etkinleştirdikten sonra, aşağıda gösterilen arayüze gideceksiniz. Veya bu arayüzü almak için WP panonuz > Elementor'a gidin.

Ayarlar :

• Genel: Elementor ayarlarının Genel sekmesinde, kullanmayı planladığınız gönderi türlerini seçebilir ve varsayılan renkleri ve yazı tiplerini devre dışı bırakabilirsiniz.

• Stil: Varsayılan genel yazı tiplerini, tablet ve mobil kesme noktalarını ayarlamayı ve ayrıca görüntü Işık Kutusunu etkinleştirmek için bir onay kutusunu içeren seçenekler bulacaksınız.

• Gelişmiş: CSS yazdırma yöntemini ayarlama, sunucu sorunlarını giderirken 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 düzeylerine sahip olabilir. Pro sürümünüz varsa, kullanıcıların yalnızca içeriğe erişimini de sınırlayabilirsiniz.

Araçlar:

• Genel: Genel araçlar, web sitenizdeki CSS'yi yeniden oluşturmanıza ve gerekirse Elementor kitaplığınızı manuel olarak eşitlemenize olanak tanır.

• URL'yi Değiştir: URL'yi Değiştir sekmesi, adından da anlaşılacağı gibi, site adresini değiştirdiyseniz URL'leri değiştirebileceğiniz bir yerdir.

• Bakım Modu: Bakım Modu sekmesinde, web sitesinin bakım modu üzerinde ihtiyaç duyacağınız tüm kontrollere sahip olursunuz.

• Harika Font: 1.500'den fazla harika Font Awesome 5 simgesine erişmenizi ve daha hızlı performans ve tasarım esnekliğinin keyfini çıkarmanızı sağlar.

Elementor Panosu

• Elementor panosuna erişmek için WordPress Kontrol Paneli > Sayfalar > Yeni Ekle'ye gidin.

• Ardından, bir sayfa başlığı girin ve sağ taraftaki şablon açılır menüsünden Elementor Canvas seçeneğini seçin.

• Son olarak, “ Elementor ile Düzenle ” düğmesine tıklayın ve en güçlü sayfa oluşturucu ile çalışmaya başlayın.

• Ancak, Elementor ile heyecan verici bir sayfayı düzenlemek istiyorsanız, Tüm Sayfalar> Bir Sayfanın Üzerinde Gezinme seçeneğine gidin.

• Ardından “ Elementor ile Düzenle ” düğmesi görünecektir. Şimdi düğmeye tıklayın ve sayfanızı düzenlemeye başlayın.

İşte burada. Çok beklenen Elementor Kontrol Panelimiz . Hadi bir gezintiye çıkalım.

Sürükle bırak öğeleriyle sayfanızı tasarlayabileceğiniz ve sitenizin canlı ön izlemesini görebileceğiniz arayüzdür.

• Sol üstte, bazı varsayılan ve genel ayarlar için bir hamburger simgesi bulacaksınız.

• Sağ üstte, ana panele geri dönmek için bir arama düğmesi bulacaksınız.

• Bundan sonra, listelenen ve gerekli widget'ları hızlı bir şekilde bulmak için bir arama kutusu görünür.

• Tüm yardımcı modülleri sol panelde bulacaksınız

• Alt kısımda sayfa ayarları, hızlı gezinme, geçmiş, duyarlı mod ve önizleme için bazı kullanışlı simgeler bulacaksınız.

• Ayrıca burada, sayfanızı yayınlamak veya daha sonra kullanmak üzere taslağı/şablonu kaydetmek için bir Yayınla düğmesi alacaksınız.

Ayrıca panelin sağ tarafında görünen ok işaretine tıklayarak modül panelinin kaybolmasını sağlayabilirsiniz.

Bu şekilde, sayfanızın tam bir önizlemesini alacaksınız.

Bonus Puan: HappyAddons gibi 3. Parti Araçlarını Kullanarak Elementor Deneyiminizi Geliştirebilirsiniz

Elementor, şüphesiz WordPress için güçlü bir sayfa oluşturucudur. Ancak, web sitenizi tasarlarken daha güçlü hale getirmek ve size ekstra esneklik sağlamak için üçüncü taraf eklentiler rollerini oynamaya gelir.

HappyAddons, fütüristik ve sonraki seviye tasarımlar oluşturmanıza yardımcı olabilecek bir üçüncü taraf eklentisidir. 200.000'den fazla aktif kuruluma sahip HappyAddons, Elementor ile sorunsuz çalışan en popüler eklentilerden biridir. İle gelir,

• 100+ Widget
• 200'den Fazla Hazır Blok
• Etki Alanları Arası Kopyalama Yapıştır
• Sınırsız Bölüm Yerleştirme
• Görüntü Maskeleme
• Mutlu Parçacık Etkisi
• 500+ Satır Simgesi
• Eşit Yükseklik ve daha fazlası

HappyAddons'ı Elementor ile kullanarak sitenize kısa sürede birinci sınıf bir görünüm kazandırabilirsiniz.

WordPress ile Elementor Nasıl Kullanılır

Daha önce de söylediğimiz gibi, Elementor bir sürükle ve bırak sayfa oluşturucu ve bir tema oluşturucu ile birlikte gelir. Şimdi bu iki oluşturucuyu nasıl kullanacağımızı öğreneceğiz ve sonunda Elementor kullanarak bir şablon oluşturacağız.

1. Elementor Sayfa Oluşturucu Nasıl Kullanılır
2. Elementor Tema Oluşturucu Nasıl Kullanılır
3. Elementor'da Pop-up Nasıl Oluşturulur

Yani, temel olarak, eğitimimiz bu bölümden başlayacak. Elementor hakkında daha önce bilgi sahibi olmuştuk, şimdi onunla gerçek bir şekilde çalışacağız.

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

Size Elementor sayfa oluşturucuyu nasıl kullanacağınızı göstermek için, şimdi bir Seyahat web sitesi için bir Ana Sayfa oluşturacağız. Aşağıdaki adımları takip edin ve hızlıca öğrenmek için editörünüzde kendi ana sayfanızı tasarlamaya çalışın.

Adım 01: Yeni Bir Sayfa Oluşturun

• WordPress panonuza gidin > Sayfalar > Yeni Ekle

• Bu sayfaya bir ad verin. Buraya Ana Sayfa adını verdim.
• Tüm sayfayı Elementor ile oluşturmak istediğimiz için varsayılan şablonu “ Elementor Canvas ” olarak ayarlayın. Tüm sayfayı menü olmadan özelleştirmenize izin verecek olan Elementor Full Width öğesini seçebilirsiniz.
• Bundan sonra, sayfayı sağ kenar çubuğundan yayınlayın. Taslak olarak da saklayabilirsiniz.
• “ Elementor ile Düzenle ”ye tıklayın ve Elementor sayfa oluşturucuya yönlendirileceksiniz.

Adım 02: Seyahat Web Sitenizin Ana Sayfası için Uygun Bir Şablon Seçin

Elementor, birçok ücretsiz ve profesyonel hazır şablonla birlikte gelir, sayfaları sıfırdan oluşturmanıza bile gerek yoktur. Yolculuğunuzu başlatmak için sadece mevcut bir şablonu seçebilirsiniz.

• Şablon Ekle düğmesini tıklayın.

• Şablonlardan herhangi birini seçebileceğiniz ve bunları ihtiyacınıza göre özelleştirebileceğiniz bir dizi hazır şablon alacaksınız.
• Hangisini kullanmak istediğinize karar verdikten sonra Ekle seçeneğine tıklayın.

Adım 03: Ana Sayfanıza Bir Başlık Ekleyin

Şablonları ekledikten sonra sayfa hazır olacak ve onu seyahat web siteniz için kullanmak üzere özelleştirebilirsiniz.

• Sayfaya, web sitemizin adını ve sloganını gösterecek bir başlık ekleyerek başlayacağız. Bunu sadece sürükleyip bırakarak ve biraz stil uygulayarak nasıl yapabileceğiniz aşağıda açıklanmıştır.

Başlık, ziyaretçileriniz web sitenize girdiğinde anında marka kimliğinizi görüntülemenize yardımcı olur. Başlığı özelleştirdikten sonra şimdi ana sayfanın gövdesini özelleştireceğiz.

Adım 04: Otel Tesislerinizi Öne Çıkarın

Header ile işiniz bittiğinde, ana sayfanın ana bölümünü tasarlamanın zamanı geldi. Bu, otelinizde kalmak isteyen biri varsa, otelinizde sunduğunuz gibi Otel tesisleridir.

• Yerel depolama alanınızdan herhangi bir görsel yükleyebilir veya mevcut görseli medya bölümünden önceden yüklenmiş görsellerle değiştirebilirsiniz. Bunu yapmak için aşağıdaki gif dosyasını takip edin.
• Düzenleme seçeneklerinden yüksekliği, genişliği, opaklığı, kenar boşluğunu, dolguyu ve her şeyi ayarlayabilirsiniz.
• Buton, metin, açıklama ekleme, düzenleme seçeneğinden her şey mümkündür.

Adım 05: Bir Video ve Görüş Ekleyin

• Çevrenizin neye benzediğini ve insanların buradayken tatil yerinizden nasıl keyif aldıklarını göstermek için bir video ekleyebilirsiniz.
• Bir referans eklemek, insanların müşterilerinizin sizin hakkınızda ne düşündüklerini bilmelerini sağlamak için akıllıca bir karardır.

Adım 06: Bir İletişim Formu Ekleyin

• Ziyaretçinizin sizinle iletişim kurabilmesi için bir iletişim formu ekleyin. Telefon numarası, e-posta veya Whatsapp numarası gibi iletişim numaralarınızı, ziyaretçinizin herhangi bir sorusu olduğunda sizi aramasına yardımcı olacak iletişim sayfasında ayarlayın.
• Ayrıca bir Google haritası da ekleyebilirsiniz, böylece insanlar sizi bulunduğunuz yerden bulabilir.

Adım 07: Tüm Platformlarda Duyarlı Hale Getirin

• Sayfanızın tamamen duyarlı olduğundan ve tüm cihazlarda düzgün görüneceğinden emin olun. Bunu yapmak için Duyarlı Mod seçeneğini tıklayın.
• Özelleştirme tamamlandıktan sonra Güncelle düğmesine tıklayın.

Ana Sayfamıza Genel Bakış

İşte yeni oluşturduğumuz Ana Sayfamızın son görünümü. Ana sayfa, iletişim sayfası, özellik sayfası veya başka herhangi bir sayfa dahil olmak üzere herhangi bir sayfayı anında oluşturmak için Elementor sayfa oluşturucuyu bu şekilde kullanabilirsiniz.

Elementor Tema Oluşturucu Nasıl Kullanılır

Elementor tema oluşturucu, web siteniz için özel üstbilgiler, altbilgiler ve diğer dinamik içerikler oluşturmanıza olanak tanıdığından, sayfa oluşturuculara aşina olan herkes için ezber bozan bir araçtır. WordPress temanızın özelliklerini geçersiz kılmanıza bile izin verir, böylece neyin işe yaradığını koruyabilir ve istediğiniz değişiklikleri yapabilirsiniz!

Bu bölümde, Elementor Tema oluşturucu ile nasıl güzel başlıklar oluşturabileceğinizi göstereceğiz.

Not: Elementor tema oluşturucu pro sürümünde mevcuttur. Ücretsiz sürüm çok sınırlı bir özellikle birlikte gelir.

Adım 01: Bir Şablon Türü Seçin

• WordPress panonuz > Şablonlar > Tema Oluşturucu'ya gidin .
• Ardından Yeni Ekle düğmesine tıklayın veya görünümünü beğendiğiniz bir başlık gördüyseniz, başlangıç ​​noktası olarak kullanmak için içe aktarabilirsiniz.

• Yeni Ekle butonuna tıkladıktan sonra karşınıza bir açılır ekran gelecektir. Orada bir şablon türü arasından seçim yapabileceğiniz bir açılır menü göreceksiniz.
• Bir tapınak türü seçin, burada Header seçiyoruz.
• Sonra bir isim koy.
• Ve son olarak, Şablon Oluştur seçeneğini tıklayın.

Not: Elementor Free yalnızca bölüm ve sayfa şablonlarını içerir. Pro sürümü, genel pencere öğesi, üstbilgi, altbilgi, tek ve arşiv dahil olmak üzere birkaç ek şablon kategorisi içerir.

Adım 02: Elementor'da Başlığınızı Özelleştirin

Kendi başlığınızı tasarlamayı seçebilir veya Elementor Şablon Kitaplığı'ndan önceden hazırlanmış olanlardan herhangi birini seçebilirsiniz.

• Düzenleyicinize önceden hazırlanmış bir başlık yüklemek için Şablon Ekle seçeneğine tıklayın.

Bu adım tanıdık geliyorsa, bunun nedeni daha önce tam sayfa yapmak için kullandığımız düzenleyicinin aynısıdır. Şimdi, web siteniz için bir başlık oluşturmak için buradaki deneyimi kullanın.

Başlığınızı özelleştirdikten ve ' Yayınla ' düğmesine tıkladıktan sonra, isterseniz başlığınızın görüntülenmesini istediğiniz yer için koşullar belirleyebilirsiniz.

Not: Web siteniz için altbilgi oluşturmak için de aynı adımları uygulayabilirsiniz. Elementor Tema Oluşturucu'yu kullanarak altbilginizi tasarlarken Şablon Türünüz olarak 'Altbilgi'yi seçtiğinizden emin olun.

Elementor'da Pop-up Nasıl Oluşturulur

Elementor ile bir açılır pencere oluşturmak çok kolaydır. Pop-up'ınızı Elementor'un her şeyin sürükleyip bırakıldığı görsel arayüzü ile tasarlayabilirsiniz. Elementor ayrıca hazır açılır şablonlar sunduğundan işiniz kolaylaşıyor. Bir şablon seçebilir, yayınlayabilir ve tetikleyiciyi ayarlayabilirsiniz. Bu kadar!

Not: Elementor tema oluşturucu yalnızca profesyonel sürümünde mevcuttur.

Adım 01: Yeni Dosya Ekle

• WordPress kontrol paneliniz > Şablonlar > Açılır Pencereler'e gidin. Ardından üst taraftaki Yeni Ekle düğmesini tıklayın.

• Açılır pencerenize bir ad verin ve ŞABLON OLUŞTUR düğmesine tıklayın.

• Kullanmak istediğiniz açılır bir şablon seçin. Farenizi üzerine getirin ve Elementor düzenleyicisine götürmek için Ekle düğmesini tıklayın.

Not: Açılır pencereyi sıfırdan oluşturmayı tercih ederseniz, Elementor düzenleyicisini açmak için şablon kitaplığını kapatmanız yeterlidir.

Adım 02: Açılır Pencereyi Özelleştirin

Düzenleyicinize önceden tasarlanmış bir açılır pencere ekledikten sonra, bu açılır pencereyi özelleştirmenin zamanı geldi. Elementor düzenleyicide açılır pencereyi özelleştirebilirsiniz. Varsayılan içeriği kendi içeriğinizle değiştirebilirsiniz.

Önceden tasarlanmış bir Elementor şablonunu nasıl özelleştireceğinizi zaten gösterdik.

İşiniz bittiğinde, YAYINLA düğmesine tıklayın.

Adım 03: Görüntüleme Koşullarını ve Tetikleyicileri Ayarlayın

Bir sonraki adımda, görüntüleme koşullarını ve tetikleyicileri ayarlamanız istenecektir. Gelişmiş kurallar belirleme seçeneği de vardır.

• Görüntüleme koşulları: Web sitenizde açılır pencerenin hangi sayfalarda görüneceğini belirleyin. Açılır pencereyi tüm web sitesinde, belirli sayfalarda, belirli gönderilerde, belirli kategorilerde vb. görünecek şekilde ayarlayabilirsiniz.

• Tetikleyiciler: Tetik, açılır pencereyi gösteren bir eylemdir. Elementor 6 tetik türünü destekler: Sayfa Yüklendiğinde, Kaydırıldığında, Öğeye Kaydırıldığında, Tıklandığında, Hareketsizlikten Sonra, Sayfadan Çıkış Niyeti.

• Gelişmiş Kurallar: Açılır pencerenin görünmesi için gereksinimlerin karşılanması gerekir. Örneğin, bir ziyaretçi web sitenize bir arama motoru veya belirli bir UR aracılığıyla gelirse açılır pencereyi görüntülenecek şekilde ayarlayabilirsiniz. Elementor Popup Builder'ın kendisi, aralarından seçim yapabileceğiniz 7 gelişmiş kural seçeneğine sahiptir.

Bir kullanıcı bir düğmeyi tıkladığında açılır pencereyi görüntülemek istiyorsanız, Tetikleyiciler sekmesini açın ve Tıklandığında seçeneğini etkinleştirin. Ardından Kaydet ve KAPAT'ı tıklayın .

Adım 04: Açılır Pencereyi Bir Sayfaya Bağlayın

Yeni bir sayfa/yazı oluşturun ve bunu Elementor ile düzenleyin (mevcut olanı da düzenleyebilirsiniz).

• Sol panelden tuval alanına sürükleyerek bir Düğme widget'ı ekleyin. Veya, halihazırda bir düğme içeren mevcut bir sayfayı düzenliyorsanız, onu bir düzenleme moduna dönüştürmek için Düğme widget'ına tıklayın.

• İçerik sekmesinin altındaki Düğme seçeneğinde, bağlantıyı Popup olarak ayarlayın. Bunun için Bağlantı bölümünde Dinamik'e tıklayabilirsiniz.

• Açılır pencere alanındaki İngiliz 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 pencerenin adını yazın.

Sayfayı düzenlemeyi bitirdikten sonra Yayınla/Güncelle'ye tıklayın.

Yayınla/Güncelle düğmesini tıklamadan önce, açılır pencerenin çalışıp çalışmadığını görmek için önce sayfanızı önizleyebilirsiniz.

Elementor Gelişmiş Özellikleri Nasıl Kullanılır

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

• Elementor'da WooCommerce Ürün Sayfası Nasıl Özelleştirilir
• Bir JSON Dosyasından Elementor Şablonu Nasıl İçe Aktarılır

Öyleyse hadi topu yuvarlayalım.

Elementor'da WooCommerce Ürün Sayfası Nasıl Özelleştirilir

WooCommerce ürün sayfanızı özelleştirmeden önce, WordPress panonuza WooCommerce yüklemeniz ve etkinleştirmeniz gerekir. Ayrıca web sitenize birkaç ürün eklemeniz gerekecek. Bunu yapmak için bu WooCommerce kurulum (adım adım) kılavuzundan yardım isteyebilirsiniz.

Kurulumdan sonra ürün sayfanızı tasarlayabilirsiniz. Bu adımları takip et.

Adım 1: Tek Ürün Şablonunu Oluşturun

• WordPress kontrol panelinizde Elementor > Şablonlarım'a gidin.
• Yeni Ekle düğmesine tıklayın.
• Şablon türünüz olarak Tek Ürün'ü seçin ve Şablon Oluştur'a tıklayın.

2. Adım: Önceden Tasarlanmış Bir Ürün Sayfası Şablonu Seçin veya Sıfırdan Bir Ürün Oluşturun

• Elementor Kitaplığı yüklenecektir.
• Ardından, önceden tasarlanmış bir ürün sayfası şablonu seçin veya sıfırdan bir tane oluşturun.
• Hazır bir ürün sayfası şablonu seçerseniz, onu tasarım becerilerinize göre özelleştirin (Artık bu bölümden hemen önce bir sayfanın nasıl özelleştirileceğini gösterdiğimiz gibi bir tasarımı özelleştirme deneyimine sahipsiniz).

Adım 03: Sayfanızı Özelleştirmek için Farklı Ürün Widget'ları Ekleyin

• Şimdi, ürün sayfanızı oluşturacak öğeleri oluşturma zamanı. Ürün sayfanızı tasarlamak için aşağıdaki ekran görüntüsünü izleyin. İhtiyacınız olan herhangi bir widget'ı ekleyebilir veya kaldırabilirsiniz.

Adım 04: Sayfayı Yayınlayın

• Sayfanızı önizlemeye hazır olduğunuzda, sol alt paneldeki göz simgesine 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ınla düğmesini tıklayın.

Aşağıdaki resim gibi görünebilir.

Bir JSON Dosyasından Elementor Şablonu Nasıl İçe Aktarılır

Elementor, bir JSON dosyasından bir şablonu içe aktarmanıza olanak tanır. Bunu yapmanıza izin vermek için, orada iki yol var. Nasıl çalıştıklarını öğrenelim!

1. Şablon Kitaplığı Yoluyla

• Şablon Ekle düğmesine tıklayın.

• Ok simgesine tıklayın – Şablonu İçe Aktar .
• Şimdi, almak istediğiniz JSON dosyasını seçmek için DOSYA SEÇ düğmesini tıklayın.

• Yeni içe aktardığınız şablonu, şablon kitaplığındaki Şablonlarım sekmesinde bulabilirsiniz.

Yeni içe aktardığınız şablon görünmüyorsa, yeniden yükle simgesine tıklayarak şablonu yeniden yükleyin. Farenizi bir şablonun üzerine getirin ve onu Elementor tuvaline yüklemek için Ekle düğmesini tıklayın.

2. Şablon Yöneticisi Aracılığıyla

• WordPress kontrol panelinizden Şablonlar > Kayıtlı Şablonlar'a gidin.
• Şablonları İçe Aktar düğmesini tıklayın.
• Ardından JSON dosyasını seçmek için Dosya Seç düğmesine tıklayın.
• Son olarak, içe aktarmak için Şimdi İçe Aktar düğmesini tıklayın.

Bunlar, bir JSON dosyasından bir Elementor şablonunu içe aktarmanın iki yoludur. İşinizi yapmanın yollarından birini seçebilirsiniz.

WordPress Sitenizde Elementor Sayfa Oluşturucu Kullanmanın Artıları ve Eksileri

Her şeyin bir de karanlık tarafı olduğu aşikar. Ama Elementor açısından, aslında karanlık taraf değil. Bunun yerine, zamanla geliştirilebilecek bazı sınırlamaları olduğunu söyleyebiliriz. Onlar ne?

Pekala, ondan önce, artılarını bir bakışta kontrol edelim.

WordPress'te Elementor Kullanmanın Artıları

• Bu ücretsiz bir eklenti! Çoğu kullanıcı, sitelerini profesyonel sürüme yükseltmek zorunda kalmadan tamamen oluşturabilir.
• Ücretsiz bir eklenti için çok geniş bir özellik yelpazesine sahiptir. Ücretsiz sürümde ayarlanan özellik, birçok ücretli eklentiye rakip olur.
• Gerçek zamanlı düzenleyici, sitenizde değişiklikler yapmanıza ve gerçek zamanlı olarak neler olduğunu görmenize olanak tanır, böylece birden çok ekran arasında gidip gelmek zorunda kalmazsınız.
• Sitenizin, masaüstünüzün, mobil cihazınızın ve tabletinizin birden çok sürümünü düzenleyebilir ve görüntüleyebilir ve bu sürümlerin her birinde benzersiz değişiklikler yapabilirsiniz.

WordPress'te Elementor Kullanmanın Eksileri

• Elementor güçlü bir düzenleyicidir, ancak tüm esneklik ve özelleştirme seçenekleriyle her şeyi doğru yapmak zor olabilir.
• Bazen sayfalarınızda farklı içerik katmanlarından oluşan katmanlar olabilir ve düzenlemek istediğiniz alanı bulmak zor ve zaman alıcı olabilir.
• Sitenizi Elementor kullanarak oluşturursanız, eklentiyi yüklü tutmanız gerekir, aksi takdirde yaptığınız tüm tasarım ve özelleştirmeleri kaybedersiniz.

Tasarımınızı Geliştirmek için En İyi 3. Parti Elementor Eklentileri

Üçüncü taraf eklentiler, Elementor'un güç merkezidir. Elementor'un 80'den fazla Fantastik Öğe sunmasına rağmen, daha da gelişmiş ve benzersiz bir şey istemeniz çok olası. İşte bu yüzden üçüncü taraf geliştiriciler, Elementor işlevlerini genişletmeye ve kendi Elementor Eklentilerini geliştirmeye karar verdiler.

Bunun dışında eklentilerle birlikte gelişmiş fiyatlandırma, ekip, sosyal öğeler, yaratıcı öğeler, form şekillendirme öğeleri, geri sayım vb. gibi birçok özel amaçlı öğeye sahip olacaksınız.

Sonuç olarak, Elementor artık onları Elementor'un resmi sayfasında sunarak onları katkıda bulunanlar olarak kabul ediyor. Bunlar arasında, WordPress web sitenizi tasarlarken kullanabileceğiniz en iyi 3. taraf Elementor eklentilerinin bir listesi bulunmaktadır.

1. Mutlu Eklentiler: Web sitenizi daha kısa sürede ve daha az bütçeyle tasarlama özgürlüğüne sahip olabilmeniz için 100'den fazla widget ve 200'den fazla blok ile birlikte gelir.
2. Elementor için Premium Eklentiler: Bir web sitesini daha kısa sürede kolaylıkla tasarlamanıza yardımcı olan 55'ten fazla yüksek düzeyde özelleştirilebilir Elementor temel eklentisi ve widget'ı, 300'den fazla hazır Elementor şablonu sunar.
3. Elementor için Özel Eklentiler: 700'den fazla hazır blok ve 10'dan fazla kullanılabilir şablondan oluşan bir koleksiyon, web sitelerinizi kodlama olmadan daha kısa sürede oluşturmanıza yardımcı olur.
4. Elementor için PowerPack: Elementor deneyiminizi geliştirmek için 60'tan fazla yaratıcı Elementor widget'ı ve uzantısı sunar.

Bu eklentiler, şaşırtıcı özellikleri ve düzenleri ile web sitenizin tasarımını güçlendirme fırsatı verir. Ayrıca Elementor uzantılarını kullanarak özel bir hava yaratabilirsiniz.

Ü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. HappyAddons'ı Elementor ile harmanlamak, bir web sitesi tasarlamayı daha eğlenceli hale getirir. Gereksinimlerimize göre tasarlamak için sınırsız esneklik gibi bir şey. Elementor ve HappyAddons kullanarak e-Ticaret web sitemizi nasıl kolayca tasarlayabileceğimizi kontrol edelim.

E-Ticaret sitenizi oluşturmak için ön koşullar şunlardır:

1. Alan adınızı ve web barındırma planınızı seçin
2. WordPress ve WooCommerce'i yükleyin
3. Elementor'ı yükleyin
4. Sonunda HappyAddons'u Yükleyin (Ücretsiz + Pro)

05: Bir e-Ticaret Şablonu Seçin

• WordPress panonuza gidin > Sayfalar > Yeni Ekle
• Bu sayfaya bir ad verin.
• Tüm sayfayı Elementor ile oluşturmak istediğimiz için varsayılan şablonu “ Elementor Canvas ” olarak ayarlayın. Tüm sayfayı menü olmadan özelleştirmenize izin verecek olan Elementor Full Width öğesini seçebilirsiniz.
• Bundan sonra, sayfayı sağ kenar çubuğundan yayınlayın. Taslak olarak da saklayabilirsiniz.
• “ Elementor ile Düzenle ”ye tıklayın ve Elementor sayfa oluşturucuya yönlendirileceksiniz.

• E-Ticaret siteniz için önceden tasarlanmış bir şablon eklemek için HappyAddons işaretine tıklayın.

• Önceden tasarlanmış bir şablon seçin ve Ekle seçeneğini tıklayın.

06: Şablonu Özelleştirin

Tüm özelleştirme süreci, önceki bölümde – Elementor Sayfa Oluşturucu Nasıl Kullanılır bölümünde gösterdiğinizle aynıdır. Tasarımınızı yapmak için aynı adımları izleyin.

Logoyu, renk düzenini, gezinme bağlantılarını, web sitesi kopyasını ve dilediğiniz diğer özellikleri değiştirebilirsiniz. Web sitenize belirli işlevler eklemek için Elementor ve Happy Addons widget'larını da kullanabilirsiniz.

Adım 07: Sayfayı Yayınlayın

Web sitenizin tasarımından, arayüzünden ve işlevselliğinden tamamen memnun kaldığınızda, onu canlı olarak yayınlama zamanı.

• Siteyi önizlemek için simgeye tıklayın.
• Sonuçtan memnunsanız, devam edin ve Yayınla/Güncelle düğmesini tıklayın.
• Yayınlanan sayfayı görüntülemek için 'Bir Bakın'ı tıklayın.

Elementor SSS

Sana doğru

WordPress'te Elementor kullanmak aslında o kadar da karmaşık değil. Bu adım adım öğretici gibi tam kapsamlı bir rehberiniz varsa daha eğlenceli olabilir.

Sadece bu kılavuzu takip edin, iyileştirmeler için pratik yapmaya devam edin ve Elementor'un maestrosu olacağınız bir zihin düzeni hazırlayın. Elementor'u kullanmak ve birkaç dakika içinde bir WordPress web sitesi oluşturmak için ihtiyacınız olan tek şey bu.

Elementor'u kullanırken herhangi bir zorlukla karşılaşırsanız veya WordPress'te Elementor'un nasıl kullanılacağına dair bu kılavuzla ilgili herhangi bir öneriniz varsa, aşağıdaki yorum kutusundan bize bildirin. İyi şanlar!