Bir Elementor Nasıl Kullanılır: Yeni Başlayan Kılavuz

Sadece Elementor’u biliyor musun? Bu yazıda size nasıl kullanılacağını göstereceğiz. Başlık gibi, bu makale yeni başlayanlara, Elementor’a tamamen yeni olanlara adanmıştır. Uzun süredir bir Elementor kullandıysanız, İkinci Elementor’a birkaç öğretici bulmak için bu sayfayı ziyaret edebilirsiniz. Elementor’u WordPress sitenizde yüklediğinizi ve etkinleştirdiğinizi varsayacağız. Bunu yapmadıysanız, Elementor’u resmi WordPress eklentisi dizininden (ücretsiz sürüm) indirebilirsiniz. Veya Pro sürümü kullanmak istiyorsanız, Elementor web sitesinden indirebilirsiniz.
İçindekiler
Bir Elementor Nasıl Kullanılır: Başlat
Parçaları, sütunları ve widget’ları düzenleme
Bölümü düzenle
Sütunları düzenleme
Widget’ları düzenleme
İpuçları
Bir şablonla çalışmak
Eleman şablonu nasıl kullanılır
JSON Dosyalarından Elementor Şablonları Nasıl İçe Aktarılır
1. Şablon Kütüphanesi aracılığıyla
2. Şablon Yöneticisi aracılığıyla
Bir Elementor Şablonu Nasıl Yapılır
1. Şablon editörü aracılığıyla
2. Şablon Yöneticisi aracılığıyla
Altını çizmek
Elementor Nasıl Kullanılır: Elementor Başlatma, CSS veya HTML ile uğraşmak zorunda kalmadan WordPress sitenizde güzel bir sayfa oluşturmanızı sağlayan bir eklenti üreticisi sayfasıdır. Elementor görsel bir sürükle ve bırak düzenleyicisi ile birlikte gelir. Bir sayfa oluşturmak için, yalnızca widget panelinden tuval alanına tasarım öğeleri (widget’lar olarak adlandırılır) eklemeniz gerekir. Elementsors, yayınlarda ve sayfalarda işlev görür.
Elementor ile ilk sayfanızı oluşturmaya başlamadan önce bilmeniz gereken üç öğe:
Widget: Sayfanızı oluşturmak için kullanacağınız gerçek tasarım öğeleri.
Sütun: Widget’ı yerleştirmek için daha küçük bir kap.
Bölüm: Sütunları ve widget’ları tutmak için en büyük kap. Elementor’u kullanmaya başlamak için, bir sayfa (sayfalar -> yeni ekle) veya yeni yayınlar (yayınlar -> yeni ekle) oluşturun. Sayfa başlığınızı/yayınınızı her zamanki gibi verin ve Elementor ile Düzenle düğmesini tıklayın. Bu, Elementor’un editörünü açacaktır.

Bir sayfa oluşturmaya başlamadan önce, önce sayfa düzenini ayarlayabilirsiniz. Bunu yapmak için widget panelindeki sol alt köşedeki dişli simgesini tıklayın (sol taraftaki panel). Genel Ayarlar bloğu altındaki sayfa düzen seçeneğindeki sayfa düzenini ayarlayın.

Düzeni yapmak istediğiniz tasarım konseptine göre seçebilirsiniz. Örneğin, tam genişliğe sahip bir sayfa oluşturmak istiyorsanız, bir Elementor tam genişlik seçeneği seçebilirsiniz. Sayfa düzenini tamamladıktan sonra, tuval alanındaki Plus düğmesini tıklayarak yeni bir parça ekleyin. Yeni bir parça eklerken sütun yapısını seçebilirsiniz. Elementor tarafından sunulan on iki sütun yapısı vardır.

Parça ve sütun hazır olduktan sonra widget eklemeye başlayabilirsiniz. Widget panelinde bulabileceğiniz Elementor tarafından sunulan doksandan fazla widget var. Eklemek için widget panelinden tuval alanındaki sütuna sürükleyin.

Parçaları, sütunları ve widget’ları düzenleme Parça, sütun veya widget ekledikten sonra widget paneli üzerinden düzenleyebilirsiniz. Bölümü Düzenleme Bölümü düzenlemek için, düzenlemek istediğiniz parçayı bölümün kolunu tıklayarak düzenleme moduna değiştirmeniz gerekir.

Bölüm düzenleme moduna dönüştürüldükten sonra, bölümü düzenlemek için widget panelini açabilirsiniz. Kullanabileceğiniz üç sekme vardır (Düzen, Stil ve Gelişmiş). Her sekme birkaç bloktan oluşur ve her blok birkaç düzenleyici seçenek içerir. Örneği ele alalım. Bir form bölücü eklemek istediğinizi söyleyin. Bunu yapmak için Stil sekmesini açın ve şekil bölücü bloğunu açın. Bölme şeklinin (üst veya düğme) yerini ayarlayın ve istediğiniz şeklinin şeklini seçin. Şekil bölücüsünü seçtikten sonra rengi, genişliği ve yüksekliği ayarlayabilirsiniz.

Dolgu ve marj ayarlamak istiyorsanız, Gelişmiş sekmesinin altında gelişmiş bir blok açabilirsiniz.

Bir parça ile aynı sütunu düzenlerken, düzenlemeden önce sütunu düzenleme moduna değiştirmeniz gerekir. Sütunu düzenleme moduna dönüştürmek için sütun tutamağını tıklayın.

Kullanabileceğiniz üç sekme de vardır – düzen, stil ve gelişmiş. Sütunun genişliğini ayarlamak için, Düzen sekmesindeki düzen bloğunun altındaki sütun genişliği seçeneğindeki değeri ayarlayabilirsiniz. Veya ayırıcıyı tuval alanında sürükleyebilirsiniz.

Arka plan rengini değiştirmek için Stil sekmesindeki arka planı engelleyebilirsiniz.

Düzenleme widget’ları, düzenlemeye başlamadan önce widget’ları düzenleme modlarına dönüştürür. Widget’ı düzenleme moduna dönüştürmek için widget tutamakını tıklayın.

Widget panelinde bulunan ayar seçenekleri, düzenlediğiniz widget’a bağlı olarak değişebilir. Örneğin, form widget’ının içerik sekmesinde aşağıdaki blok vardır.
Düğme widget’ının içerik sekmesinde yalnızca bir bloğu vardır.

Widget’ı ayarlamak için Stil sekmesini açabilirsiniz. Bir kez daha, stil sekmesinde bulunan bloklar ve kuvvet seçenekleri, düzenlediğiniz widget’a bağlı olarak değişir. Widget’ın sahip olduğu daha fazla bileşen, sunduğu daha fazla blok ve stil seçenekleri. Örneği ele alalım. Widget düğmesinin metninin rengini ve tipografisini değiştirmek istediğinizi varsayalım. Düğme widget’ından widget tutamakını tıklayın ve Widget panelindeki Stil sekmesini açın. Tipografiyi değiştirmek için (yazı tipi boyutu, yazı tipi stili ve aile) Tipografik seçenekteki kalem simgesini tıklayın. Bu arada, metnin rengini ayarlamak için Metin Renk seçeneğinde Renk Seçicisi’ni tıklayın.

İpuçları

Parçalar, sütunlar ve widget’lar arasında hareket etmeyi kolaylaştırmak için Navigator özelliğini kullanabilirsiniz. Navigatörden, parçaları, sütunları veya widget’ları da sadece tıklayarak düzenleme modlarını değiştirebilirsiniz. Navigatör özelliği, birkaç parça ve düzinelerce widget’tan oluşan karmaşık bir sayfa oluşturursanız oldukça kullanışlıdır. Widget panelinin altındaki sandviç simgesini tıklayarak gezgini etkinleştirebilirsiniz.

Sayfayı düzenlemeyi bitirdikten sonra, widget panelinin alt tarafındaki yayın düğmesini tıklayarak yayınlayabilirsiniz. Göz simgesine tıklayarak önce sayfalarınızı da görebilirsiniz.

Elementors, sayfalarınızı üç farklı cihaz türünde (masaüstü, tablet ve akıllı telefon) görüntülemenize olanak tanır. Göz simgesinin yanındaki aygıt simgesini tıklayarak sayfa önizlemenizi görüntülemek istediğiniz cihaz türünü seçebilirsiniz. Sayfanızı taslak olarak kaydetmek için, yayın düğmesinin yanındaki ok simgesini tıklayın ve taslağı kaydedin.
WordPress kontrol paneline geri dönmek için, widget panelinin sol üst köşesindeki üç -takma simgesine tıklayabilir ve kontrol paneline çıkış düğmesini tıklayabilirsiniz. Başlangıçtan itibaren bir sayfa oluşturmanın yanı sıra bir şablonla çalışabilirsiniz. Şablondan bir sayfa oluşturun. Elementor, kullanabileceğiniz çok sayıda hazır şablon sunar. Elementor tarafından sunulan dokuz tür şablon vardır:

Sayfa şablonu

Bölüm şablonu

Sembulan şablonu

Şablon
Altbilgi şablonu
Tek şablon
Arşiv şablonu
Tek ürün şablonu
Ürün Arşivi Şablonu
Elementor Canvas alanında öğe şablonunun nasıl kullanılacağı, iki düğme göreceksiniz: artı içinde klasör simgeleri olan düğmeler ve düğmeler. Elementor şablonu kitaplığını açmak için klasör simgesine sahip düğmeyi tıklayın. Kullanmak istediğiniz şablonu bulun. Bulduktan sonra, farenizi şablona yönlendirin ve Ekle düğmesini tıklayın. Şablon Elementor tuvaline yüklenecektir.
Elementor tarafından sunulan şablonu kullanmanın yanı sıra, üçüncü taraf bir kaynağından bir şablon da kullanabilirsiniz. Elementor, kullanıcıların şablonları harici dosyalara JSON formatında dışa aktarmasına olanak tanır. Elementor Şablonları Nasıl İçe Aktarılır JSON DOSYALARI ELEMENTOR’u JSON dosyasından içe aktarmanın iki yolu vardır. 1. Şablon kitaplığı aracılığıyla, tuval alanındaki klasör simgesini tıklayarak şablon kitaplığını açın. Açtıktan sonra, içe aktarmak istediğiniz JSON dosyasını seçmek için ok simgesini ve ardından 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 gidin ve Elementor2 tuvaline yüklemek için ek düğmesini tıklayın. WordPress kontrol panelinden şablon yöneticisi aracılığıyla şablonu açın -> depolanan şablon. 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.
Bir Elementor Şablonu Nasıl Yapılır Bir Elementor Şablonu oluşturmanın iki yolu vardır. 1. Şablon düzenleyicisi aracılığıyla sayfayı oluşturmayı bitirdikten sonra, Widget panelinin alt tarafındaki yayın düğmesinin yanındaki Ok simgesini tıklayın ve Şablon olarak Kaydet’i seçin.
Şablonunuzu adlandırın ve Kaydet düğmesini tıklayın.

Yukarıdaki Kaydet düğmesine tıkladıktan sonra, şablon kitaplığındaki şablon sekmeme yönlendirileceksiniz. Şablondaki üç nokta simgesini tıklayın ve JSON dosyasına dışa aktarmak için dışa aktarma seçin.

2. WordPress kontrol panelindeki şablon yöneticisi aracılığıyla şablonu açın -> depolanan şablon. Yeni bir şablon oluşturmak için üst taraftaki yeni ekle düğmesini tıklayın. Görünen iletişim penceresinde, oluşturmak istediğiniz şablon türünü seçin, şablonunuzu adlandırın ve şablon düğmesini tıklayın. Bir şablon oluşturmak için Elementor’un editörüne yönlendirileceksiniz.

Bir şablon oluşturmayı bitirdikten sonra, widget panelinin alt tarafındaki yayın düğmesini tıklayın. Az önce yaptığınız şablona erişmek için şablonlara gidebilirsiniz -> Kaydedilmiş Şablonlar. Fareyi şablona getirin ve JSON dosyasına dışa aktarmak için Dışa Aktarma Şablonunu tıklayın.

Yukarıdaki öğreticinin alt satırı çok temel bir elementin kullanılmasıdır.Sadece web sayfaları oluşturmanın yanı sıra Elementors’ı kullanabilirsiniz.Özel üstbilgiler, özel altbilgi, tek özel yayın şablonları, tek özel ürün sayfaları (WooCommerce kullanıyorsanız) ve benzerleri oluşturmak için öğeleri de kullanabilirsiniz.Pop -up yapmak için öğeleri bile kullanabilirsiniz.Bahsedebileceğiniz birkaç ayrı makalemiz var. Elementor ile nasıl özel bir başlık oluşturacağımız

Bir elementle özel bir altbilgi nasıl yapılır

Elementor ile özel bir tek yazı şablonu nasıl oluşturulur

Bir Elementor ile Özel Tek Ürün Sayfası Nasıl Oluşturulur

Bir Elementor ile Bir Açılır Pop -up nasıl yapılır

admin

Bir Cevap Yazın

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