Elementor Nasıl Kullanılır: Başlangıç ​​Kılavuzu

Elementor'da yeni misiniz? Bu yazıda size nasıl kullanılacağını göstereceğiz. Başlıktan da anlaşılacağı gibi, bu makale yeni başlayanlara, Elementor'da tamamen yeni olanlara adanmıştır. Elementor'u bir süredir kullanıyorsanız, orta ila gelişmiş Elementor eğitimlerini bulmak için bu sayfayı ziyaret edebilirsiniz.

WordPress sitenize Elementor'u yüklediğinizi ve etkinleştirdiğinizi varsayacağız. Henüz yapmadıysanız, Elementor'u WordPress'in resmi eklenti dizininden (ücretsiz sürüm) indirebilirsiniz. Veya pro sürümünü kullanmak istiyorsanız Elementor web sitesinden indirebilirsiniz.

Elementor nasıl kullanılır: Başlarken

Elementor, CSS veya HTML ile uğraşmak zorunda kalmadan WordPress sitenizde güzel bir sayfa oluşturmanıza izin veren bir sayfa oluşturucu eklentisidir. Elementor, bir sürükle ve bırak görsel düzenleyiciyle birlikte gelir. Bir sayfa oluşturmak için, widget panelinden tuval alanına tasarım öğelerini (widget olarak adlandırılır) eklemeniz yeterlidir. Elementor hem yazı hem de sayfada çalışır.

Elementor ile ilk sayfanızı oluşturmaya başlamadan önce bilmeniz gereken üç unsur:

• Widget: Sayfanızı oluşturmak için kullanacağınız gerçek tasarım öğesi.
• Sütun: Widget'ları yerleştirmek için daha küçük bir kap.
• Bölüm: Sütunları ve pencere öğelerini barındıran en büyük kapsayıcı.

Elementor'u kullanmaya başlamak için bir sayfa ( Sayfalar -> Yeni Ekle ) veya yeni bir gönderi ( Gönderiler -> Yeni Ekle ) oluşturmanız yeterlidir. Sayfanıza/gönderinize her zamanki gibi bir başlık verin ve Elementor ile Düzenle düğmesini tıklayın. Bu, Elementor düzenleyicisini açacaktır.

Sayfayı oluşturmaya başlamadan önce sayfa düzenini ayarlayabilirsiniz. Bunu yapmak için, widget panelinin (sol taraftaki panel) sol alt köşesindeki dişli çark simgesini tıklayın. Genel Ayarlar bloğunun altındaki Sayfa Düzeni seçeneğinde sayfa düzenini ayarlayın.

Oluşturmak istediğiniz tasarım konseptine göre bir layout seçebilirsiniz. Örneğin, tam genişlikte bir sayfa oluşturmak istiyorsanız, Elementor Tam Genişlik seçeneğini belirleyebilirsiniz. Sayfa düzenini ayarladıktan sonra, tuval alanındaki artı düğmesine tıklayarak yeni bir bölüm ekleyin. Yeni bir bölüm eklerken bir sütun yapısı seçebilirsiniz. Elementor tarafından sunulan on iki sütun yapısı vardır.

Bölüm ve sütunlar hazır olduğunda, widget'ları eklemeye başlayabilirsiniz. Elementor tarafından sunulan ve widget panelinde bulabileceğiniz doksanın üzerinde widget vardır. Bir tane eklemek için, onu widget panelinden tuval alanındaki bir sütuna sürükleyin.

Bölüm, Sütun ve Widget'ı Düzenleme

Bir bölüm, sütun veya widget ekledikten sonra widget paneli aracılığıyla düzenleyebilirsiniz.

Bölüm Düzenleme

Bölümü düzenlemek için, düzenlemek istediğiniz bölümü bölüm tutamacına tıklayarak düzenleme moduna çevirmeniz gerekir.

Bölüm bir düzenleme moduna alındığında, bölümü düzenlemek için widget paneline gidebilirsiniz. Çalışabileceğiniz üç sekme vardır ( Düzen , Stil ve Gelişmiş ). Her sekme birkaç bloktan oluşur ve her blok birkaç ayar seçeneği içerir.

Bir örnek alalım. Bir şekil bölücü eklemek istediğinizi söyleyin. Bunu yapmak için Stil sekmesine gidin ve Şekil Bölücü bloğunu açın. Şekil bölücü konumunu (üst veya düğme) ayarlayın ve beğendiğiniz bir şekil bölücü seçin. Bir şekil bölücü seçtikten sonra rengi, genişliği ve yüksekliği ayarlayabilirsiniz.

Dolguları ve kenar boşluklarını ayarlamak istiyorsanız, Gelişmiş sekmesinin altındaki Gelişmiş bloğunu açabilirsiniz.

Sütun Düzenleme

Bölümde olduğu gibi, bir sütunu düzenlemeden önce düzenleme moduna çevirmeniz gerekir. Bir sütunu düzenleme moduna dönüştürmek için sütun tutamağını tıklayın.

Ayrıca çalışabileceğiniz üç sekme vardır: Düzen , Stil ve Gelişmiş . Sütun genişliğini ayarlamak için Mizanpaj sekmesindeki Mizanpaj bloğunun altındaki Sütun Genişliği seçeneğindeki değeri ayarlayabilirsiniz. Veya ayırıcıyı tuval alanına sürükleyebilirsiniz.

Arka plan rengini değiştirmek için, Stil sekmesinde Arka plan bloku yapabilirsiniz.

Bir Widget'ı Düzenleme

Düzenlemeye başlamadan önce bir widget'ı düzenleme moduna çevirin. Bir widget'ı düzenleme moduna dönüştürmek için widget tutamağını tıklayın.

Bir widget panelinde bulunan ayar seçenekleri, düzenlediğiniz widget'a bağlı olarak değişebilir. Örneğin, Form pencere aracının İçerik sekmesinde aşağıdaki bloklar bulunur.

Düğme widget'ının İçerik sekmesinde yalnızca tek bir bloğu varken.

Bir widget'a stil eklemek için Stil sekmesine gidebilirsiniz. Yine, Stil sekmesinde bulunan bloklar ve stil seçenekleri, düzenlediğiniz widget'a bağlı olarak değişir. Bir widget ne kadar çok bileşene sahipse, o kadar çok blok ve stil seçeneği sunar.

Bir örnek alalım. Düğme widget'ının metin rengini ve tipografisini değiştirmek istediğinizi varsayalım. Düğme widget'ının widget tutamacına tıklayın ve widget panelindeki Stil sekmesine gidin. Tipografiyi (yazı tipi boyutu, yazı tipi stili ve ailesi) değiştirmek için Tipografi seçeneğindeki kurşun kalem simgesini tıklayın. Metin rengini ayarlarken Metin Rengi seçeneğindeki renk seçiciyi tıklayın.

İPUÇLARI

Sayfayı düzenlemeyi bitirdikten sonra, widget panelinin alt tarafında bulunan YAYINLA düğmesine tıklayarak yayınlayabilirsiniz. Ayrıca göz simgesine tıklayarak sayfanızı önizleyebilirsiniz.

Elementor, sayfanızı üç farklı cihaz türünde (masaüstü, tablet ve akıllı telefon) önizlemenize olanak tanır. Göz simgesinin yanındaki aygıt simgesine tıklayarak sayfanızın önizlemesini yapmak istediğiniz aygıt türünü seçebilirsiniz.

Sayfanızı taslak olarak kaydetmek için, YAYINLA düğmesinin yanındaki ok simgesini tıklayın ve Taslağı Kaydet 'i seçin.

WordPress panosuna geri dönmek için, widget panelinde sol üst köşedeki üç çizgili simgeye tıklayabilir ve DASHBOARD'A ÇIK düğmesini tıklayabilirsiniz.

Şablonlarla Çalışmak

Sıfırdan bir sayfa oluşturmaya ek olarak, bir şablondan da bir sayfa oluşturabilirsiniz. Elementor, kullanabileceğiniz bir dizi hazır şablon sunar. Elementor tarafından sunulan dokuz şablon türü vardır:

• Sayfa şablonu
• Bölüm şablonu
• Pop-up şablonu
• Başlık şablonu
• Altbilgi şablonu
• Tek şablon
• Arşiv şablonu
• Tek ürün şablonu
• Ürün arşiv şablonu

Elementor Şablonu Nasıl Kullanılır

Elementor'un tuval alanında iki düğme göreceksiniz: Artı düğmesi ve içinde klasör simgesi olan bir düğme. Elementor'un şablon kitaplığını açmak için klasör simgesi olan düğmeye tıklayın. Kullanmak istediğiniz şablonu arayın. Bulduktan sonra, farenizi şablonun üzerine getirin ve EKLE düğmesine tıklayın. Şablon, Elementor tuvaline yüklenecektir.

Elementor tarafından sunulan şablonları kullanmaya ek olarak, üçüncü taraf bir kaynaktan bir şablon da kullanabilirsiniz. Elementor, kullanıcılarının bir şablonu JSON biçiminde harici bir dosyaya aktarmasına olanak tanır.

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

Bir JSON dosyasından bir Elementor içe aktarmanın iki yolu vardır.

1. Şablon Kitaplığı Yoluyla

Tuval alanındaki klasör simgesine tıklayarak şablon kitaplığını açın. Açıldığında, içe aktarmak istediğiniz JSON dosyasını seçmek için ok simgesini ve ardından 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 panelinden Templates -> Saved Templates seçeneğine gidin. JSON dosyasını seçmek için Şablonları İçe Aktar düğmesini ve ardından Dosya Seç düğmesini tıklayın ve içe aktarmak için Şimdi İçe Aktar düğmesini tıklayın.

Elementor şablonu nasıl oluşturulur

Bir Elementor şablonu oluşturmanın da iki yolu vardır.

1. Şablon Düzenleyici Aracılığıyla

Sayfa oluşturmayı tamamladığınızda, widget panelinin alt tarafında bulunan YAYINLA düğmesinin yanındaki ok simgesini tıklayın ve Şablon Olarak Kaydet'i seçin.

Şablonunuza bir ad verin ve KAYDET düğmesini tıklayın.

Yukarıdaki KAYDET düğmesine tıkladıktan sonra şablon kitaplığındaki Şablonlarım sekmesine yönlendirileceksiniz. Bir şablondaki üç nokta simgesini tıklayın ve bir JSON dosyasına dışa aktarmak için Dışa Aktar'ı seçin.

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

WordPress panosunda Şablonlar -> Kayıtlı Şablonlar seçeneğine gidin. Yeni bir şablon oluşturmak için üst taraftaki Yeni Ekle düğmesini tıklayın. Açılan diyalog penceresinde oluşturmak istediğiniz şablon tipini seçiniz, şablonunuza bir isim veriniz ve ŞABLON OLUŞTUR butonuna tıklayınız. Şablonu oluşturmak için Elementor düzenleyicisine yönlendirileceksiniz.

Şablonu oluşturmayı tamamladığınızda, widget panelinin alt tarafında bulunan YAYINLA düğmesine tıklayın. Yeni oluşturduğunuz şablona erişmek için Templates -> Saved Templates'e gidebilirsiniz. Farenizi bir şablonun üzerine getirin ve bir JSON dosyasına dışa aktarmak için Şablonu Dışa Aktar bağlantısını tıklayın.

Alt çizgi

Yukarıdaki öğretici, Elementor'un çok temel kullanımıdır. Elementor'u yalnızca bir web sayfası oluşturmaktan başka kullanabilirsiniz. Elementor'u ayrıca özel bir üstbilgi, özel altbilgi, özel tekli gönderi şablonu, özel tekli ürün sayfası (WooCommerce kullanıyorsanız) vb. oluşturmak için de kullanabilirsiniz. Açılır pencereler oluşturmak için Elementor'u bile kullanabilirsiniz. Başvurabileceğiniz bazı ayrı makalelerimiz var.

• Elementor ile özel bir başlık nasıl oluşturulur
• Elementor ile özel bir altbilgi nasıl oluşturulur
• Elementor ile özel bir tek gönderi şablonu nasıl oluşturulur
• Elementor ile özel bir tek ürün sayfası nasıl oluşturulur
• Elementor ile bir açılır pencere nasıl oluşturulur