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.
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