Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Elementor ile Özel WordPress Düzenleri Nasıl Oluşturulur?

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’te kendi özel sayfa düzenlerinizi mi oluşturmak istiyorsunuz?

Elementor, herhangi bir kodlama bilgisine sahip olmadan kolayca özel WordPress düzenleri tasarlamanıza olanak tanıyan bir sürükle ve bırak WordPress sayfa oluşturucusudur.

Bu makalede, Elementor ile sadece birkaç tıklamayla nasıl kolayca özel WordPress düzenleri oluşturabileceğinizi göstereceğiz.

How to create custom WordPress layouts with Elementor

Özel WordPress Düzenlerine Neden ve Ne Zaman İhtiyaç Duyarsınız?

Birçok ücretsiz ve premium WordPress teması, farklı sayfa türleri için birden fazla düzen seçeneğiyle birlikte gelir. Ancak bazen bu düzenlerin hiçbiri ihtiyaçlarınızı karşılamayabilir.

PHP, HTML ve CSS kodlamayı biliyorsanız, kendi sayfa şablonlarınızı oluşturabilir ve hatta siteniz için bir alt tema oluşturabilirsiniz. Ancak WordPress kullanıcılarının çoğu geliştirici olmadığından bu seçenek onlar için uygun değildir.

Sürükle ve bırak arayüzünü kullanarak sayfa düzenleri tasarlayabilseydiniz harika olmaz mıydı?

Elementor tam olarak bunu yapar. Herhangi bir kodlama becerisi olmadan kendi özel WordPress düzenlerinizi kolayca oluşturmanıza olanak tanıyan bir sürükle ve bırak WordPress sayfa oluşturucu eklentisidir.

WordPress + Elementor, canlı önizleme ile özel düzenler oluşturmanıza olanak tanıyan sezgisel bir kullanıcı arayüzü sunan güçlü bir kombinasyondur. Her türlü web tasarım öğesi için kullanıma hazır birçok modülle birlikte gelir.

Elementor, anında yükleyebileceğiniz ve başlangıç noktası olarak kullanabileceğiniz profesyonelce tasarlanmış çeşitli şablonlara sahiptir. Tüm standart uyumlu WordPress temaları ile çalışır ve tüm popüler WordPress eklentileri ile uyumludur. Daha fazla ayrıntı için eksiksiz Elementor incelememize göz atın.

Bunu söyledikten sonra, Elementor ile özel WordPress düzenlerinin nasıl oluşturulacağına bir göz atalım.

Elementor ile Başlarken

İlk olarak, Elementor Pro eklentisini satın almanız gerekecektir. Bu, ücretsiz Elementor eklentisinin ücretli sürümüdür ve size ek özelliklere ve 1 yıllık desteğe erişim sağlar.

Ardından, Elementor eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, eklenti ayarlarını yapılandırmak için Elementor ” Ayarlar sayfasını ziyaret etmelisiniz.

Enable Elementor for different posts

Burada, Elementor’u farklı yazı türleri için etkinleştirebilirsiniz. Varsayılan olarak, WordPress yazılarınız ve sayfalarınız için etkinleştirilir. Sitenizde özel yazı tür leriniz varsa, bunlar da burada görünecek ve bunları da etkinleştirebilirsiniz.

Yazı veya sayfa yazarken Elementor’u kullanabilecek kullanıcı rollerini hariç tutabilir veya dahil edebilirsiniz. Varsayılan olarak, sayfa oluşturucu yalnızca yöneticiler için etkinleştirilir.

Ardından, ayarlarınızı kaydetmek için ‘Değişiklikleri kaydet’ düğmesine tıklamayı unutmayın.

Elementor ile Özel WordPress Düzenleri Oluşturma

İlk olarak, WordPress sitenizde yeni bir sayfa veya yazı oluşturmanız gerekir. Yazı düzenleme ekranında, yeni ‘Elementor ile Düzenle’ düğmesini göreceksiniz.

Edit with Elementor

Üzerine tıkladığınızda Elementor’un sürükle-bırak sayfa oluşturucusunu kullanarak sayfanızı düzenleyebileceğiniz Elementor kullanıcı arayüzü açılacaktır.

Bölümler ekleyebilir ve sayfanızı sıfırdan oluşturabilir ya da bir şablon seçebilirsiniz.

Edit a page with Elementor

Şablonlar size başlamak için hızlı ve kolay bir yol sunar. Elementor, istediğiniz kadar özelleştirebileceğiniz profesyonelce tasarlanmış çeşitli şablonlarla birlikte gelir.

‘Şablon Ekle’ düğmesine tıklayarak bir şablonla başlayalım.

Bu, mevcut olan farklı şablonları görebileceğiniz bir açılır pencere getirecektir. Sayfa düzeniniz için istediğinize benzer bir şablon aramalısınız.

Örneğimizde 404 sayfa şablonlarına bakıyoruz.

Select a template in Elementor

Şimdi, beğendiğiniz şablonu seçmek için tıklamanız ve ardından sayfanıza eklemek için ‘Ekle’ düğmesine tıklamanız gerekir.

Elementor şimdi şablonu sizin için yükleyecektir.

Artık şablonu ihtiyaçlarınıza göre düzenlemeye başlayabilirsiniz. Herhangi bir öğeyi seçmek için üzerine gelip tıklamanız yeterlidir; Elementor size sol sütunda ayarlarını gösterecektir.

Point any element and edit it

Elementor Düzenleri Nasıl Çalışır?

Şimdi, Elementor düzenlerinin nasıl çalıştığından bahsedelim.

Elementor düzenleri bölümler, sütunlar ve widget’lar kullanılarak oluşturulur. Bölümler, sayfanıza yerleştirdiğiniz satırlar veya bloklar gibidir.

Her bölüm birden fazla sütuna sahip olabilir ve her bölüm ve sütun kendi stillerine, renklerine, içeriğine vb. sahip olabilir.

Elementor widget’larını kullanarak sütunlarınıza ve bölümlerinize her şeyi ekleyebilirsiniz. Bu widget’lar, Elementor bölümlerinize yerleştirebileceğiniz farklı türde içerik bloklarıdır.

Basitçe bir widget seçin ve bölümünüze veya sütununuza bırakın. Aklınıza gelebilecek tüm popüler web tasarım öğelerini kapsayan kapsamlı bir widget seti mevcuttur.

Add blocks to the layout

Resimler, metinler, başlıklar, resim galerileri, videolar, haritalar, simgeler, referanslar, kaydırıcılar, karuseller ve çok daha fazlasını ekleyebilirsiniz.

Ayrıca varsayılan WordPress widget’larını ve hatta diğer WordPress eklentileri tarafından oluşturulan widget’ları sitenize ekleyebilirsiniz. Örneğin, siteniz için farklı formlar oluşturmak için WPForms kullanıyorsanız, Elementor’daki widget’ını kullanabilirsiniz.

Düzenlemeyi tamamladıktan sonra, farklı kaydetme seçeneklerini görüntülemek için ‘Yayınla’ düğmesinin yanındaki oka tıklayabilirsiniz.

Click the save options

Not: Bir sayfa düzenini kaydetmek sayfayı WordPress sitenizde yayınlamaz, ancak kaydeder.

Artık sayfanızı önizleyebilir veya WordPress kontrol paneline gidebilirsiniz.

Bu sizi WordPress yazı editörüne geri getirecektir. Artık WordPress sayfanızı kaydedebilir veya web sitenizde yayınlayabilirsiniz.

Update or publish page edited with Elementor

Elementor’da Kendi Şablonlarınızı Oluşturma

Elementor, kendi özel düzenlerinizi şablon olarak kaydetmenize olanak tanır. Bu şekilde, gelecekte daha da hızlı yeni sayfalar oluşturmak için kendi şablonlarınızı yeniden kullanabilirsiniz.

Şablon olarak kaydetmek istediğiniz sayfayı Elementor ile düzenlemeniz yeterlidir.

Elementor builder arayüzünde, ‘Yayınla’ düğmesinin yanındaki oka tıklayın. Şimdi gönderinizi kaydetmek için daha fazla seçenek göreceksiniz. ‘Şablon Olarak Kaydet’ seçeneğine tıklamanız yeterlidir.

Save as template option in Elementor

Bu, şablonunuz için bir ad vermeniz gereken bir açılır pencere getirecektir.

Adı girdikten sonra ‘Kaydet’ düğmesine tıklayın.

Save your page to library

Bir dahaki sefere özel bir sayfa düzeni oluşturduğunuzda, bunu ‘Şablonlarım’ sekmesinden seçebileceksiniz.

Tek yapmanız gereken özel sayfa düzeniniz için ‘Ekle’ düğmesine tıklamaktır.

View page layout in library

Bu şablonu dışa aktarabilir ve Elementor kullanarak diğer WordPress sitelerinde de kullanabilirsiniz.

Sadece 3 nokta simgesine tıklayın ve ardından ‘Dışa Aktar’ seçeneğine tıklayın.

Export page layout template

Buradan şablonu bilgisayarınıza indirebilirsiniz.

Özel Düzenler Oluşturmak için Elementor Alternatifleri

Elementor’un yanı sıra, siteniz için özel düzenler oluşturmanıza olanak tanıyan başka açılış sayfası ve web sitesi oluşturucuları da vardır.

İşte kullanabileceğiniz en iyi Elementor alternatiflerinden bazıları:

  • SeedProd, açılış sayfalarınız için özel düzenler oluşturmanıza olanak tanıyan en iyi sürükle ve bırak WordPress web sitesi oluşturucusudur. Aralarından seçim yapabileceğiniz 300’den fazla tema veya açılış sayfası şablonu vardır. SeedProd ayrıca çarpıcı sayfalar oluşturmak için tonlarca özelleştirme seçeneği ve blok sunar. Daha fazla ayrıntı için SeedProd incelememizin tamamını görebilirsiniz.
  • Divi görsel bir tema ve sayfa oluşturucudur. Sektörde 14 yılı aşkın bir süredir yer alıyor ve WordPress düzenleri oluşturmak için düzen kitaplığı da dahil olmak üzere farklı özellikler sunuyor. Görsel oluşturucuda çok sayıda özelleştirme seçeneği vardır ve herhangi bir kodu düzenlemeniz gerekmez.
  • Thrive Architect, güzel düzenler oluşturmak için kullanabileceğiniz güçlü ve acemi dostu bir sayfa oluşturucudur. 352’den fazla şablon ve birçok özelleştirme seçeneği ile birlikte gelir. Sayfadaki herhangi bir öğeyi düzenlemek için ön uç görsel oluşturucusunu kullanabilirsiniz. Daha fazla ayrıntı için Thrive Architect incelememize bakın.
  • Beaver Builder, WordPress için bir başka popüler sürükle ve bırak sayfa oluşturucudur. Kullanımı kolaydır ve Beaver Builder’ı kullanarak sayfalar ve yazılar için düzenleri kolayca ayarlayabilirsiniz. Ayrıca açılış sayfaları için önceden oluşturulmuş şablonlar sunar, ancak SeedProd veya Divi’deki kadar çok değildir.

Umarız bu makale Elementor ile nasıl özel WordPress düzenleri oluşturacağınızı öğrenmenize yardımcı olmuştur. Elementor vs Divi vs SeedProd uzman karşılaştırmamızı ve en iyi web tasarım yazılımı seçimlerimizi de görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

22 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    I have seen elementor grow from the very close lenses ever since it was created seven years earlier.
    it gives very easy to use interface for everyone to make visually aesthetic and appealing websites.
    it also helps make complex design a piece of cakewalk.
    But honestly speaking, I have had bad experience in terms of its load and performance.
    ever since I have left using it, I never chose it again.
    I am utilising seedprod now a days and some block based builders using full site editor feature.
    but nevertheless, elementor is very good for everyone just starting out with wordpress website.

  3. Allin says

    Is it bad to switch back and forth between customizer and elementor when building a website — does this somehow weaken the site? I am using Astra theme

    • WPBeginner Support says

      You would want to stay with one editor as changing back and forth could change the markup you’ve added in your content.

      Yönetici

    • Jiří Vaněk says

      It is not a good practice. As with writing an article. If someone jumps from elementor to gutenberg, it usually results in throwing styles around and the result is bad. It is good to stick to only one method at a time.

  4. Lindy Warrell says

    I’ve been too scared to install Elementor in case it messes with my theme. Does it? If not, I may well try it as I find Gutenberg blocks very limiting for setting out or designing my own pages.

    • WPBeginner Support says

      By default it shouldn’t, if you reach out to Elementor they can let you know how it will react with your theme :)

      Yönetici

  5. J M Das says

    The Post is very useful. I am having a Property Listing website. I use Impress Listing Plugin for this. How to use the Custom Layouts or Templates created thus, in place of the default Listing Page. The info on the page says, that the Custom Layouts or Template has to be added the theme directory. How to do it. I am using a Child theme.

  6. Elaine Wright says

    Where does Elementor store its CSS in the file tree directory? Where can I find the file(s) it edits?

    Does it store anything in the database?

    I’ve looked for an answer to this for quite a while and can’t find anything.

    Thanks!

  7. Erwin says

    Are you saying you don’t need a to make a child theme when you use elementor?
    What will happen if you update the theme?

  8. andre says

    is it possible to edit child theme, using elementor? specially in category layout.
    coz, even though i have a nice design in my “home” page, but when i shift to category, the design wont fit on the home page style.

  9. Monique says

    I’m trying to create my executive page with pictures and bio. How do I get started with that with Elementor?

  10. David Liou says

    Does that mean you need to upgrade your account to business type? Because personal version doesn’t support template uploads.

  11. Alex says

    Is the resulting site responsive? Other similar apps boast they help create fully responsive sites and have found they are a complete let down.

    • Tenika says

      I used the free version to design my homepage and it is fully responsive. This is a really great plugin and it does everything you could need in the free version! It’s so good that I plan to purchase the pro version just to support and thank the developer for such a useful plugin.

  12. Rodney Lacambra says

    Great walkthrough using the Elementor drag & drop page builder. Haven’t tried this one but it’s worth it.

    This could be a great alternative for the SiteOrigin page builder

    Thanks for sharing. Overall, nice to have for creating custom layouts with WordPress.

    ~Rod

  13. Deepak says

    I am using elementor in my blog and it shows me error “Internet server not found” when I going to edit my page with this plugin.

  14. Victorvijau says

    Thanks for the post.I have been looking for a plugin for this purpose to build a page for my site
    Thanks a lot

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.