Elementor sayfa yapımcısı eklentisi nasıl kullanılır
Sitenizin her piksel tasarımını kod yazmadan kontrol edebilirseniz ne olur? Elementor tarafından yürütülen görev bu ve biliyor musunuz? Onlar yapar! Elementor, özel sayfalar ve hatta tüm web siteleri oluşturmanızı sağlayan çok güçlü bir sayfa oluşturma aracıdır. Ve kendi kodunuzu yazmak yerine, bir kod satırına bakmanız bile gerekmez. Bu Elementor öğreticisinde, özel bir sayfa tasarımı oluşturmak için bir sayfa üreticisini nasıl kullanacağınızı öğreneceksiniz.
İçindekiler tablosunu gizle
Elementorlar Nasıl Kullanılır
Öğeleri yükleyin
Öğelerle sayfalar nasıl düzenlenir
Elementor Widget nasıl kullanılır
Özel bir sayfa düzeni oluşturun
Uzay Düzenini Geliştirin
Bitmiş bir blok ekleyin
Bitmiş bir sayfa ekle
Bloğunuzu ve sayfanızı yeniden kullanın
Elementor’u kullanmaya başlayın
Bir Elementor Nasıl Kullanılır Videoları izlemeyi tercih ederseniz, bu adım -By -adım öğreticisi her şeyi içerir:
YouTube’da temalarla ilgili olarak abone olunan ilk adım, Elementor eklentisini yüklemektir. Element öğesini yükleyin Ücretsiz bir eklentidir ve sitenize eklediğiniz diğer eklentiler gibi yüklenebilir. Eklentiler Menüsü> Yeni Ekle’yi ziyaret edin ve “Elementor” u bulmak için sağ üstte bir arama çubuğu kullanın.
Şimdi Yükle düğmesini tıklayın ve ardından kurulum tamamlandıktan sonra etkinleştir’i tıklayın. Yüklü bir Elementor ile web sitenize iki yeni menü ekliyor olacaksınız.
Ana Elementor menüsünün birkaç küresel ayarı vardır, ancak dürüst olmak gerekirse çok fazla kullanmayacaksınız. Buna ek olarak, bu özellikle destek kaynakları ve Elementor Pro özelliklerine bir bağlantıdır.
Şablon menüsü çok kullanışlıdır ve daha sonra öğreticide göreceğiz. Elementors ile Sayfa Nasıl Düzenlenir Elementor ile yaptığınız çalışmaların çoğu Elementor Editor’da yapılacaktır. Düzenleyiciye ulaşmak için yayın menüsünü veya sayfasını ziyaret edebilir, ardından düzenlemek istediğiniz sayfayı tıklayabilirsiniz. Editörde, sizi Elementor Editor’a götürecek “Elementor ile Düzenle” düğmesini göreceksiniz. Elementor düzenleyicisini ve normal sayfalar içeriğini aynı anda kullanabilmenize rağmen, dağınık ve kafa karıştırıcı olma eğilimindedir. Bu nedenle, kullandığınız herhangi bir sayfa için tüm içeriğinizi Elementor’a yerleştirmenizi tavsiye edeceğim.
Şablon menüsü çok kullanışlıdır ve daha sonra öğreticide göreceğiz. Elementors ile Sayfa Nasıl Düzenlenir Elementor ile yaptığınız çalışmaların çoğu Elementor Editor’da yapılacaktır. Düzenleyiciye ulaşmak için yayın menüsünü veya sayfasını ziyaret edebilir, ardından düzenlemek istediğiniz sayfayı tıklayabilirsiniz. Editörde, sizi Elementor Editor’a götürecek “Elementor ile Düzenle” düğmesini göreceksiniz. Elementor düzenleyicisini ve normal sayfalar içeriğini aynı anda kullanabilmenize rağmen, dağınık ve kafa karıştırıcı olma eğilimindedir. Bu nedenle, kullandığınız herhangi bir sayfa için tüm içeriğinizi Elementor’a yerleştirmenizi tavsiye edeceğim.
Mavi Düzenle düğmesine tıkladıktan sonra düzenleyiciye götürüleceksiniz.
Gördüğünüz gibi, doğrudan bir ayar gibi düzenlenmiştir. Sağda bir önizleme var ve solda widget’ı görebilirsiniz. Widget, Elementor sayfasının temel yapı taşıdır, bu nedenle nasıl kullanılacağını öğrenmek çok önemlidir. Elementor Widget’ı nasıl kullanılır Widget menüsünde birkaç farklı parça bulacaksınız. Üstteki altta metin editörleri, başlıklar ve simge widget’ları gibi pratik öğeler bulunur. Kaydırmaya devam ederseniz, daha fazla parça bulacaksınız:
Gördüğünüz gibi, doğrudan bir ayar gibi düzenlenmiştir. Sağda bir önizleme var ve solda widget’ı görebilirsiniz. Widget, Elementor sayfasının temel yapı taşıdır, bu nedenle nasıl kullanılacağını öğrenmek çok önemlidir. Elementor Widget’ı nasıl kullanılır Widget menüsünde birkaç farklı parça bulacaksınız. Üstteki altta metin editörleri, başlıklar ve simge widget’ları gibi pratik öğeler bulunur. Kaydırmaya devam ederseniz, daha fazla parça bulacaksınız:
Pro: Posta Grids (Special Elementor Pro) gibi daha sofistike widget’lar
Genel: Daha yaygın olarak kullanılan widget’lar (ücretsiz)
Site: Elementors ile tüm siteleri oluşturmak için (yalnızca Pro Elementor)
WooCommerce: Elementor ile bir tuvalet dükkanı oluşturmak için (sadece Pro Elementor)
WordPress: Tüm normal WP widget’larınız
WordPress bölümü düzgündür, çünkü WordPress’te bulunan 17 varsayılan widget’ın yanı sıra eklenti tarafından eklenen herhangi bir widget kullanmanıza izin verir. Sayfaya bir widget eklemek için önizlemede belirtilen kutuya sürükleyip bırakmanız yeterlidir.
Bir widget ekledikten sonra, yanda her türlü ayar seçeneğini bulacaksınız.
Genel: Daha yaygın olarak kullanılan widget’lar (ücretsiz)
Site: Elementors ile tüm siteleri oluşturmak için (yalnızca Pro Elementor)
WooCommerce: Elementor ile bir tuvalet dükkanı oluşturmak için (sadece Pro Elementor)
WordPress: Tüm normal WP widget’larınız
WordPress bölümü düzgündür, çünkü WordPress’te bulunan 17 varsayılan widget’ın yanı sıra eklenti tarafından eklenen herhangi bir widget kullanmanıza izin verir. Sayfaya bir widget eklemek için önizlemede belirtilen kutuya sürükleyip bırakmanız yeterlidir.
Bir widget ekledikten sonra, yanda her türlü ayar seçeneğini bulacaksınız.
Her widget’ın içeriğin, stilin ve devam eden bir kısmı vardır. İşte başlık için mevcut stil seçeneklerinden bazılarına bir bakış:
Yandaki içerik sekmesinden herhangi bir widget içeriğini düzenleyebilmenize rağmen, doğrudan önizlemede düzenleyebilirsiniz.
Widget’ın temelleri hakkında iyi bir fikir verecektir. Gördüğünüz gibi, birçok widget varyasyonu var. Ayrıca, genellikle Elementor’da bulunmayan widget’ları içeren eklenti bile mevcuttur.
Şimdi, Elementor ile neler yapabileceğiniz konusunda heyecanlanmaya başlayabilirsiniz, ama inan bana, daha fazlası var. Şimdiye kadar özel bir sayfa düzeni oluşturun, yalnızca basit bir tek sütun tasarımı üreten bir sayfaya widget’ı nasıl çekeceğinizi ve kaldıracağınızı görürsünüz. Yeni bir sayfa yapısı oluşturmak için önizlemedeki Plus düğmesini de tıklayabilirsiniz.
Tıkladıktan sonra, aralarından seçim yapabileceğiniz 12 farklı yapı göreceksiniz.
Birini seçtikten sonra, sayfa bölümü oluşturulur ve widget’ı sütunlardan birine çekip kaldırabilirsiniz. Bu, widget’ı mantıksal bölüme gruplamanıza olanak tanır ve hatta parçanın stilini bile ayarlayabilirsiniz.
Birini seçtikten sonra, sayfa bölümü oluşturulur ve widget’ı sütunlardan birine çekip kaldırabilirsiniz. Bu, widget’ı mantıksal bölüme gruplamanıza olanak tanır ve hatta parçanın stilini bile ayarlayabilirsiniz.
Sayfanın üst kısmındaki tutamağı tıklarsanız, yan bıçakların güncellemesini yeni bir seçenekle göreceksiniz.
Stil sekmesinde, çok pratik bir arka plan seçeneği de dahil olmak üzere birçok harika seçenek bulacaksınız. Herhangi bir sayfanın arka planı olarak renkleri, gradyanları, görüntüleri, videoları veya slayt ekranını kullanabilirsiniz.
Ve sanki yeterli değilmiş gibi, sayfadaki tek tek sütunun arka planını ve stilini bile değiştirebilirsiniz.
Ve sanki yeterli değilmiş gibi, sayfadaki tek tek sütunun arka planını ve stilini bile değiştirebilirsiniz.
Widget’ları, sütunları ve parçaları ayrı ayrı düzenleme yeteneği çok büyük bir kontrol sağlar. Yalnız bir sorun var! Yakında (yapmadıysanız) sayfadaki arka planın garip göründüğünü fark edeceksiniz, çünkü sayfanın ortasında sınırlı. İşte nasıl düzeltileceği.
Örneğimde seçilen temayı kullanarak odamın düzenini geliştirin ve gördüğünüz gibi, yaptığım sayfanın arka planı aniden bahçenin ortasında duruyor.
Bunun nedeni, Elementor içeriğinin içerik gönderme ile temada aynı alanı kaplamasıdır. Bu, seçilen temadaki normal sayfa ekranıdır:
Standart yayınlar ve sayfalar için iyi görünüyor, ancak Elementor ile tasarımı garip hale getirebilir. Çözüm bir sayfa şablonu kullanmaktır. Sayfa şablonunu değiştirmek için düzenleyiciyi ziyaret edebilir, sayfa özniteliği bölümünü açabilir, ardından bu şablonun bu açılır menüsünü kullanabilirsiniz:
Seçili gibi birçok tema sayfanın kendisinin şablonunu içerse de, Elementor her zaman sitenize iki şablon ekleyecektir:
Seçili gibi birçok tema sayfanın kendisinin şablonunu içerse de, Elementor her zaman sitenize iki şablon ekleyecektir:
Canvas Elementor: Üstbilgi veya altbilgi olmadan tam genişlik
Tam Genişlik Elementor: Üstbilgi ve Altbilgi ile Tam Genişlik
Ayrıca, alttaki sayfa ayarları simgesini tıklayıp bu sayfa düzeni seçeneğini kullanarak Elementor Düzenleyicinin sayfa şablonunu da değiştirebilirsiniz:
Bununla birlikte, Elementor ile güzel bir sayfa yapmak için tekrar dalın. Elementor’dan şimdiye kadar gördüğünüz bitmiş bir blok ekleyin çok etkileyici. Gördüğünüz araçları kullanarak hayal edebileceğiniz her şeyi yapabilirsiniz. Söyleniyor, zorluklar korkutucu. En başından beri tüm web sayfalarını yapmak istiyor musunuz? Bir web tasarımı ile deneyiminiz yoksa, büyük olasılıkla amatör bir sayfa oluşturacaksınız. Güzel bir sayfa yapmak zor bir iştir! Neyse ki, Elementor da bu durum için hazırlandı. Daha önce, bir sayfa yapısı eklemek için artı düğmesini tıklayabileceğinizi biliyorsunuzdur, ancak klasör simgesine tıklarsanız yeni bir blok ekleyebilirsiniz.
Bu Sembulan penceresini daha önce tasarlanmış yüzlerce sayfa ile göreceksiniz:
Sayfanıza koymak için bu bloklardan birini tıklamanız yeterlidir. Elementor gerçekten parlamaya başladı. Başından beri tüm sayfaları yapmak yerine, doğru tasarıma ve düzene sahip olana kadar bitmiş bloğu girebilirsiniz. Sıralama seçeneği ile bu daha kolay hale gelir. Bir gerilme menüsü kategorisi kullanarak, blokları belirli kullanıma göre filtreleyebilirsiniz.
Bununla birlikte, Elementor ile güzel bir sayfa yapmak için tekrar dalın. Elementor’dan şimdiye kadar gördüğünüz bitmiş bir blok ekleyin çok etkileyici. Gördüğünüz araçları kullanarak hayal edebileceğiniz her şeyi yapabilirsiniz. Söyleniyor, zorluklar korkutucu. En başından beri tüm web sayfalarını yapmak istiyor musunuz? Bir web tasarımı ile deneyiminiz yoksa, büyük olasılıkla amatör bir sayfa oluşturacaksınız. Güzel bir sayfa yapmak zor bir iştir! Neyse ki, Elementor da bu durum için hazırlandı. Daha önce, bir sayfa yapısı eklemek için artı düğmesini tıklayabileceğinizi biliyorsunuzdur, ancak klasör simgesine tıklarsanız yeni bir blok ekleyebilirsiniz.
Bu Sembulan penceresini daha önce tasarlanmış yüzlerce sayfa ile göreceksiniz:
Sayfanıza koymak için bu bloklardan birini tıklamanız yeterlidir. Elementor gerçekten parlamaya başladı. Başından beri tüm sayfaları yapmak yerine, doğru tasarıma ve düzene sahip olana kadar bitmiş bloğu girebilirsiniz. Sıralama seçeneği ile bu daha kolay hale gelir. Bir gerilme menüsü kategorisi kullanarak, blokları belirli kullanıma göre filtreleyebilirsiniz.
Sayfama konduktan sonra bloklardan birinin görüntülenmesi aşağıdadır:
Gördüğünüz gibi, bu widget’lardan oluşur, böylece blokların her yönünü sütun yapısından metne düzenleyebilirsiniz. Olağanüstü bloklar ve web sayfaları yapmak onu kolaylaştırır, ancak bir sonraki özellik onları büyülemektedir. Sembulan penceresine bitmiş bir sayfa ekleyin, bir sayfa sekmesi de var. Üzerine tıklayın, bu ekranı bulacaksınız:
Gördüğünüz gibi, bu widget’lardan oluşur, böylece blokların her yönünü sütun yapısından metne düzenleyebilirsiniz. Olağanüstü bloklar ve web sayfaları yapmak onu kolaylaştırır, ancak bir sonraki özellik onları büyülemektedir. Sembulan penceresine bitmiş bir sayfa ekleyin, bir sayfa sekmesi de var. Üzerine tıklayın, bu ekranı bulacaksınız:
Gördüğünüz şey, unsurlarla yapılan yüzlerce tasarım öncesi sayfa. Hemen sayfanıza koymak için bunlardan birini tıklayabilirsiniz. Bu ne kadar harika? Tabii ki, en başından beri kendi tasarımınızı yapabilirsiniz, ama dürüst olmak gerekirse, neden bunu yaptınız? En hızlı ve en kolay yaklaşım, sevdiğiniz mevcut şablonu bulmak, daha sonra sayfanıza girmektir. Bu işlem, öğeleri olan web sayfalarının oluşturulmasını çok hızlı, kolay ve eğlenceli hale getirir. Elementor’un ücretsiz sürümü sadece birkaç şablon içerse de, Pro Elementor ile 200+ kilidini açabilirsiniz. Themeforest kısa süre önce sitelerindeki şablon kitlerinin Elementor’ını başlattı ve orada daha fazla şablon ve tasarım öncesi bloklar bulabilirsiniz. Ayrıca hoşuna gidebileceğiniz en iyi Elementor Şablon Kiti koleksiyonunu topladım. Bloğunuzu ve sayfanızı yeniden kullanın, şimdi Elementor’un yapabileceğinin çoğunu gördünüz, ancak tartışılması gereken bir özellik daha var. Şimdiye kadar öğrendiklerinizi kullanarak özel bir sayfa oluşturabilirsiniz. Ancak, tüm siteleri Elementors ile oluşturmak veya müşterinin web sitesi için kullanmak istiyorsanız, daha iyi bir iş akışına ihtiyacınız vardır. Şablon menüsü buraya girer. Düzenleyicinin altında, değişikliklerinizi saklamak için kullanabileceğiniz yeşil bir güncelleme düğmesi göreceksiniz. Yanındaki oku tıklarsanız, sayfayı yeni bir şablon olarak saklama seçeneğini göreceksiniz. Yapmanız gereken bir isim vermek ve “Kaydet” tuşuna basın.
Ardından WordPress Gösterge Tablosu’na geri dönün, şablonunuzu burada şablonlar menüsünde bulacaksınız: şablonu buradan oluşturabilir ve düzenleyebilirsiniz. Bölüm sekmesini bile ziyaret edebilir ve kendi sayfanızı oluşturabilirsiniz.
Ardından, bir sayfada çalışırken, Şablon sekmemden daha önce tasarladığınız bir sayfa veya blok ekleyebilirsiniz. Yalnızca bir veya iki sayfa yön oluşturursanız, bu işleve ihtiyacınız olmasa da, bu işlev istemciler için bir site oluştururken çok gerekli hale gelir. Fiuh Elementor’u kullanmaya başlayın! Bu uzun bir öğreticidir ve birçok yeni bilgi içerir, ancak umarım beğenirsiniz. Elementor ile şunları yapabilirsiniz:
Bir Satış Sayfası Oluşturun
Sıradan sayfalar için güzel bir şablon yapın
Tam özel bir web sitesi oluşturun
Bu karmaşık bir araç olmasına rağmen, geliştiriciler onu sezgisel hale getirdi ve bence daha önce yapılan diğer ürünlerden daha etkili “kodsuz web tasarımı” hedefine ulaştılar. Daha ileri gitmek istiyorsanız, Pro Elementor’a ve içinde bazı ek özelliklere bakın: Bkz. Elementor Pro → Bir açılır pencere, daha fazla widget ve hatta burada bile tartışmadığım “tema üreticisi” özellikleri var. Çok şey öğrenirseniz, lütfen bu makaleyi ayrılmadan önce diğer kişilerle paylaşın ve okuduğunuz için çok teşekkür ederim!
