WordPress’te özel sayfa düzenlerini nasıl oluşturacağınızı öğrenmek ister misiniz?
Beaver Builder, herhangi bir kod yazmadan kendi sayfa düzenlerinizi oluşturmanıza olanak tanır. Yerleşik sürükle-bırak editörü ile web sitenizi hızlı bir şekilde kolayca tasarlayabilirsiniz.
Bu yazımızda Beaver Builder’ı inceleyecek ve WordPress’te Beaver Builder ile nasıl özel sayfa düzenleri oluşturabileceğinizi göstereceğiz.
Özel Sayfa Düzenlerine Neden ve Ne Zaman İhtiyaç Duyarsınız?
Birçok premium WordPress teması, bir web sitesinin farklı bölümleri için kullanıma hazır sayfa düzenleriyle birlikte gelir. Ancak bazen yerleşik bir düzen ihtiyaçlarınıza uymayabilir.
WordPress’te bir alt tema oluşturarak ve ardından kendi sayfa şablonlarınızı ekleyerek özel sayfa şablonları oluşturabilirsiniz. Ancak bunun işe yaraması için biraz PHP, HTML ve CSS bilgisine ihtiyacınız olacaktır.
İşte burada Beaver Builder devreye giriyor. WordPress için bir sürükle ve bırak sayfa oluşturucu eklentisidir. Herhangi bir kod yazmadan kendi özel sayfa düzenlerinizi oluşturmanıza yardımcı olur.
Beaver Builder İncelemesi
Beaver Builder’ın kullanımı çok kolay ve acemi dostu. Aynı zamanda, profesyonel görünümlü sayfalar oluşturmak için inanılmaz özelliklerle yüklüdür.
Tüm WordPress temalarıyla çalışır ve sayfanıza sürükleyip bırakabileceğiniz tonlarca modüle sahiptir. İstediğiniz her türlü düzeni oluşturabilir ve tam hayal ettiğiniz şekilde ayarlayabilirsiniz.
Bu Beaver Builder incelemesinde, WordPress’te özel sayfa düzenleri oluşturmak için Beaver Builder’ı nasıl kullanacağınızı göstereceğiz.
Hadi başlayalım.
Beaver Builder Eklentisini Kurma
İlk olarak, Beaver Builder eklentisini satın almanız gerekir. Ücretli bir eklentidir ve sınırsız site için 99$’dan başlayan fiyatlara sahiptir.
Ardından, Beaver Builder eklentisini yüklemeniz ve etkinleştirmeniz gerekir. 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, lisans anahtarınızı girmek için Ayarlar ” Sayfa Oluşturucu sayfasını ziyaret etmeniz gerekir.
Lisans anahtarınızı girdikten sonra, artık güzel sayfa düzenleri oluşturmaya hazırsınız.
Beaver Builder ile İlk Özel Sayfa Düzeninizi Oluşturma
WordPress’te Sayfalar ” Yeni Sayfa Ekle‘yi ziyaret ederek yeni bir sayfa oluşturmanız yeterlidir. WordPress editöründe yeni bir Sayfa Oluşturucu sekmesi göreceksiniz.
Buradan, başlamak için ‘Launch Beaver Builder’ düğmesine basın.
Beaver Builder’ı ilk kez kullanıyorsanız, size rehberli bir tur sunan bir karşılama açılır penceresi göreceksiniz.
Bundan sonra, üst menüdeki ‘Şablonlar’ düğmesine tıklamanız gerekir.
Beaver Builder, hemen başlamanız için profesyonelce tasarlanmış bazı şablonlarla birlikte gelir.
Endişelenmeyin; şablonu istediğiniz kadar özelleştirebilirsiniz. Bu sadece bir düzenle başlamanız için hızlı bir yoldur.
Bir düzen seçtiğinizde, Beaver Builder bunu önizleme penceresine yükleyecektir. Farenizi bir öğenin üzerine getirdiğinizde Beaver Builder onu vurgulayacaktır.
Düzenlemek için vurgulanan herhangi bir öğenin üzerindeki İngiliz anahtarı simgesine tıklamanız yeterlidir.
Beaver Builder, düzenleyebileceğiniz farklı ayarları içeren bir açılır pencere gösterecektir.
Metni, rengi, arka planı, yazı tipini, dolguyu, kenar boşluğunu vb. değiştirebilirsiniz.
Beaver Builder düzenleri satırlara dayanır. Satırları yeniden düzenlemek için sürükleyip bırakabilirsiniz. Ayrıca yeni bir satırı kaldırabilir veya ekleyebilirsiniz.
Satır Düzenleri menüsünü tıklamanız ve satırınızda istediğiniz sütun sayısını seçmeniz yeterlidir.
Beaver Builder, satırı sitenizdeki canlı önizlemeye ekleyecektir.
Temel veya gelişmiş modülleri ve widget‘ları kullanarak satırınıza öğeler ekleyebilirsiniz. Bu modüller düğmeler, başlıklar, metin, resimler, slayt gösterileri, ses, video vb. gibi en sık kullanılan öğeleri eklemenize olanak tanır.
Sadece bir öğe seçin ve yeni eklediğiniz satıra sürükleyin. Özelliklerini düzenlemek için bir öğeye tıklayın.
Ayrıca bir satırı veya modülü daha sonra başka sayfalarda tekrar kullanmak üzere kaydedebilirsiniz. Bir satırı veya modülü düzenlerken ‘Farklı kaydet’ düğmesine tıklayın.
Sayfanızı düzenlemeyi bitirdiğinizde sağ üst köşedeki ‘Bitti’ düğmesine tıklayın.
Beaver Builder, sayfanızı yayınlamak veya taslak olarak kaydetmek için bir dizi düğme gösterecektir.
Ayrıca bir sayfa düzeninin tamamını WordPress sitenizdeki diğer sayfalar için yeniden kullanabilirsiniz. Bunun için sayfayı Sayfa Oluşturucu ile açmanız ve ardından üst çubuktaki Araçlar’a erişmek için aşağı ok düğmesine tıklamanız yeterlidir.
Beaver Builder size bir açılır pencere gösterecektir. Sayfayı bir şablon olarak kaydedebilir veya aynı düzene sahip hızlı bir şekilde yinelenen bir sayfa oluşturabilirsiniz.
Beaver Builder’da Sayfa Düzeni Şablonlarını Yönetme
Her Beaver Builder lisansı size sınırsız web sitesinde kullanma hakkı verir. Peki sayfa şablonlarınızı bir WordPress sitesinden diğerine nasıl taşırsınız?
Beaver Builder, kullanıcı tarafından oluşturulan şablonları şablonlar adı verilen özel bir gönderi türünde saklar. Varsayılan olarak gizlidir, ancak Ayarlar ” Sayfa Oluşturucu ‘ya gidip Şablonlar sekmesine tıklayarak görünür hale getirebilirsiniz.
‘Şablon Yöneticisini Etkinleştir’ seçeneğinin yanındaki kutuyu işaretleyin ve ‘Şablon Ayarlarını Kaydet’ düğmesine tıklayın.
WordPress yönetici çubuğunuzda Şablonlar etiketli yeni bir menü öğesinin görüneceğini fark edeceksiniz. Şablon olarak kaydettiğiniz tüm sayfa düzenleri bu sayfada görünecektir.
Özel bir yazı türü olduğundan, WordPress’teki yerleşik dışa aktarma özelliğini kullanarak Beaver Builder şablonlarınızı kolayca dışa aktarabilirsiniz.
Araçlar “ Dışa Aktar sayfasını ziyaret edin ve Şablonları seçin. ‘Dışa Aktarma Dosyasını İndir’ düğmesine tıkladığınızda WordPress indirmeniz için bir XML dosyası gönderecektir.
Şimdi şablonları içe aktarmak istediğiniz WordPress sitesine giriş yapın. Ayarlar ” İçe Ak tar sayfasını ziyaret edin ve WordPress’e tıklayın.
WordPress ithalatçı eklentisini indirmeniz ve yüklemeniz istenecektir. Bundan sonra, şablonunuzun xml dosyasını yükleyebilir ve içe aktarabilirsiniz.
Hepsi bu kadar; umarız bu makale Beaver Builder kullanarak WordPress’te özel sayfa düzenleri oluşturmanıza yardımcı olmuştur. Ayrıca Adminimize ile WordPress yöneticisinden gereksiz öğelerin nasıl gizleneceğine dair rehberimizi ve en iyi Beaver Builder temaları ve şablonları uzman seçimimizi 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.
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!
corey says
this helps me out a lot.
i am using astra and beaver. been needing to upgrade to grwoth plan soon
is still over my head unlike Guttenberg
WPBeginner Support says
Glad to hear our guide was helpful!
Yönetici
Rodney Harrier says
I started using Elementor to build a blog. If I switch to Beaver Builder, do I lose whatever I have done?
WPBeginner Support says
If you change plugins you would lose the customizations from your first plugin.
Yönetici
Pius Anthony says
Dear Sir,
Happy new year, i have being watching your wpbeginner video it really inspiring I believe before the next six month i will be teaching other people.
Regard
Pius Anthony
WPBeginner Support says
Glad our guides can help you start helping other people too
Yönetici
Krayl says
When using Beaver Builder, are you using it on a child theme only? If not, how does it hold up to theme updates?
Thank you team WPbeginner!
Lisa Theriault says
I really need some help. This is supposed to be easy but when I click on a module or a row nothing happens. I tried dragging and dropping, saving, etc. Nada. I made sure the settings were correct and that the plug in was active. Beaver Builder shows up on the page for editing but I’m obviously an idiot. Getting frustrated, but I’m sure it’s just some silly thing. Can someone offer suggestions? I followed the beginner tutorial and thay is really easy. When I try to do it in Live mode….nothing. Please help. Thank you in advancd.
WPBeginner Support says
Hi Lisa,
Try editing a new page. If that doesn’t work try switching to a default WordPress theme like twenty seventeen and then try editing with Beaver Builder. If that works, then your theme probably has compatibility issues with the page builder.
Yönetici
David Sharp says
I’m having the same problem as Lisa. I used Beaver Builder a couple of years ago to create a landing page, and it worked very well. In fact, I’m still using that same landing page without any problems. But today I tried to create a new landing page using Beaver Builder, but this time, Beaver Builder wouldn’t work.
Here’s what happened: I created a new page. I clicked the Beaver Builder tab. But instead of seeing a button that says “Launch Beaver Builder,” I was taken to a screen that said, “Drop a row layout or module to get started.” Unfortunately, Beaver Builder failed to produce a Beaver Builder toolbar or any other tools (such as modules or rows) with which to build the page.
Here’s what I tried to do to fix the problem, without success:
1. I deactivated my other plugins.
2. I switched to the Twenty Sixteen Theme.
3. I made sure I’m using the latest version of everything (WordPress, Beaver Builder, etc.)
4. I noticed that if I typed something into the page and then clicked Beaver Builder tab, tools would show up. But when I clicked on them, I just got a spinning circle.
5. I tried using Beaver Builder on my website that’s online, and also on my localhost test site, but Beaver Builder failed to work on either site.
6. I tried using a different browser (Safari instead of my usual Chrome) without success.
Any idea what might be wrong and how I might fix it?
Thanks!
WPBeginner Support says
Hi David,
You can contact Beaver Builder support, they would be able to help you out.
Krayl says
Same thing happened to me Lisa. I think it is my theme not playing well with BB. Looking to switch themes to have full compatibility.
Yeremi Akpan says
I had similar issues using Chrome, but they were resolved when I switched to Mirosoft Edge.
Jesse says
I am so grateful for all the wpbeginner ‘how-to’ articles. They are clear and direct, and they make my life so much easier. Because I could follow the trail from ecommerce through Beaver Builder I am now in a place to get OptInMonster. Thanks Syed & team.
Gabrielle says
Hi, is BB outputting [shortcodes] or html content, when switching back to normal editor?
I wonder if this works well, when building products pages for woocommerce.
Dr. Peter H. Markesteyn says
Would I have to create a child theme (20-17) to preserve all the changes I would make with BeaverBuilder when there is an update?
Anthony says
While this plugin is great, I was wondering if you teach how to customize them yourself? I am looking to build my portfolio and knowing how to do it yourself would be fantastic!
Ian Gordon says
WIth the Beaver Builder plugin, I can take an existing theme and create a completely new Header and Footer without editing any of the existing template files? My
Sam says
How nice does Beaver Builder play with other plugins?
WPBeginner Support says
It plays well with most plugins. There might be some hiccups with a random less commonly used plugin, but they are quick to solve such issues.
Yönetici
Rk bhardwaj says
This is amazing plugin to make any blog looks pretty
Oliver says
Beaver Builder is the best page builder plugin by the best team!
Robby says
Hey, Oliver! Thanks for the kind words.
Andrew Peters says
I LOVE Beaver Builder. I’ve used it for close to a dozen sites since making the switch back in the fall. I’m actually going back and converting some of my clients from VC to BB. It’s fire!
Shaiful says
Hi there,
Just wondering, can it support shortcodes that have conditional context? Such as:
[if user_loggedin]
hello user.
(show logged in user content build with beaver builder)
[else]
hello guest.
(show public content build with beaver builder)
[/if]
WPBeginner Support says
Yes it supports shortcode. Paste them in any field that you can insert text and they will be rendered automatically. When placing shortcodes on the page, it is best to use the HTML module compared to the Text Editor module. The latter tends to add additional p tags which sometimes break the layout.
Yönetici