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?

WordPress’te kendi özel sayfa düzenlerinizi tasarlamak büyük bir zorluk gibi görünebilir. Pek çok kişi benzersiz tasarımlar oluşturmanın kodlama becerileri gerektirdiğinden endişe eder. Sitenizin görünümünü kişiselleştirmek istiyorsanız bu durum sinir bozucu olabilir.

Neyse ki Elementor ile herhangi bir kod bilmenize gerek yok. Elementor, düzen tasarlamayı kolay ve sezgisel hale getiren bir sürükle ve bırak WordPress sayfa oluşturucusudur. Yeni başlayanlar bile sadece birkaç tıklama ile çarpıcı sayfalar oluşturabilir.

Yıllardır okuyucularımızın Elementor ile web sitelerini özelleştirmelerine yardımcı oluyoruz. Bu nedenle, sizin için çalışmasını sağlamanın en kolay ve en etkili yollarını biliyoruz.

Bu makalede, Elementor ile hızlı ve kolay bir şekilde özel WordPress düzenleri oluşturma adımlarında size rehberlik edeceğ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.

Peki, sürükle-bırak arayüzünü kullanarak sayfa düzenleri tasarlayabilseydiniz harika olmaz mıydı?

Elementor tam olarak bunu yapıyor. 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 Elementor incelememizin tamamına göz atabilirsiniz.

Bunu akılda tutarak, size Elementor ile nasıl özel WordPress düzenleri oluşturacağınızı göstereceğiz. İşte size rehberlik edeceğimiz tüm adımlara hızlı bir genel bakış:

Hadi başlayalı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 gönderi türleri varsa, bunlar da burada görünür 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

Öncelikle, 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 veya 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 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.

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

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 içerik 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.

Elementor ile şablon olarak kaydetmek istediğiniz sayfayı düzenlemeniz yeterlidir. Elementor builder arayüzünde, ‘Yayınla’ düğmesinin yanındaki oka tıklayalım.

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

İsmi girdikten sonra ‘Kaydet’ düğmesine tıklamanız yeterlidir.

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.

Bonus İpucu: Ö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

21 yorumBir Cevap Bırakın

  1. Moinuddin Waheed

    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.

  2. Allin

    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

      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

      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.

  3. Lindy Warrell

    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

      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

  4. J M Das

    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.

  5. Elaine Wright

    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!

  6. Yula

    Thant was extremely helpful! thank you! Saved me a lot of work

  7. Erwin

    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?

    • Editorial Staff

      Elementor is a page builder and it’s settings are stored in the plugin. It will work with any theme.

      Yönetici

  8. andre

    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

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

  10. David Liou

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

  11. Alex

    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

      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

    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

    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.

    • Tenika

      You should check their support page on their website. It has a lot of helpful troubleshooting tips.

  14. Victorvijau

    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.