WordPress’te sayfa düzenlemenin birçok farklı yolu vardır. Bu yollardan ilki  CSS ile gerek gördüğünüz ufak detayları değiştirmektir. Elbette CSS ile yapılan bu değişiklikler “makyaj yapmak” olarak da düşünülebilir.  Zira CSS sayfanıza yeni bir eleman ekleme imkanını size tanımaz.

Display:none komutu size belirli elemanları gizleme esnekliğini verir. Sayfa yapısına müdahale etmek içinse PHP kodunun değiştirilmesi gerekmektedir. Başlangıç seviyesindeki kullanıcılar için PHP kodunu değiştirerek sayfada değişiklikler yapmak riskli olabilmektedir. Yazacağınız birkaç satır yanlış kod sitenizin çalışmamasına bile sebep olabilir. Bu noktada WordPress sitemizde güvenli biçimde görsel ve işlevsel değişiklikler yapmak için sayfa inşa eklentileri olarak Türkçe’ye çevirebileceğimiz Page Builder’ların kullanılması isabetli bir seçim olacaktır.

WordPress sayfa düzenleme eklentisi

Bu yazıda incelediğimiz ve size de önerdiğimiz eklentiler şırasıyla şunlar (başlıklara tıklayarak  ilgili bölüme gidebilirsiniz):

  1. Elementor Sayfa Yapıcı – Ücretsiz ve kapsamlı. Ücretli fonksiyonlar çeşitli kısa kodlarla ücretsiz olarak kullanılabilmekte.
  2. WPBakery Page Builder – Ücretli ancak Premium bir tema aldıysanız muhtemelen halihazırda WPBakery’e de sahipsiniz. Yeni başlayanlar için önermekteyim.

Gerek ücretli gerek ücretsiz birçok seçenek mevcut. Çoğunlukla başlangıçta ücretsiz olarak sunulan sayfa inşa araçlarının daha detaylı işlevler için sizden belirli meblalarda yükseltme bedeli talep ettiğini görmekteyiz. Yazımızda incelediğimiz eklentiler, ücretsiz sürümün özellikleri ve paralı sürümle gelen özellikler açısından ayrı ayrı ele alınacaktır.

En iyi WordPress sayfa düzenleme eklentisi

elementor wordpress sayfa düzenleme eklentisi

Elementor Sayfa Yapıcı

3 milyondan fazla aktif yüklemesi olan bu eklenti, WordPress sayfalarınızı sürükle bırak yöntemi ile düzenlemenizi sağlayan ve ücretsiz bir sürümü de bulunan faydalı bir yazılım.

Ücretsiz sürümün size sunduğu bileşenleri  listeliyorum:

  • Buton (düğme / tuş) ekleme
  • Spacer ve divider’lar: tasarımsal açıdan kullanabileceğiniz boş pikseller
  • Google Haritalar bileşeni
  • Çeşitli ikonlar
  • Resim kutuları: Altına dilediğiniz metni yerleştirebileceğiniz önceden tasarlanmış görsel alanlar
  • Resim galerisi
  • Kaydırmalı resim galerisi
  • İkonlu liste
  • Sayaç
  • Tamamlanma durumu belirten çubuk (süreç çubuğu olarak da bahsedebiliriz  %97 vb.) – Progress bar
  • Alıntı kutucukları: Şirketiniz hakkında müşterilerinizin söylediği sözlere yer verebileceğiniz bölümler olarak düşünülebilir
  • Açılır kapanır maddelere sahip liste (toggle list)
  • Sosyal medya ikonları
  • Alarm ve uyarı kutucukları
  • SoundCloud dosyası koyabilme imkanı
  • Özel HTML kodları ekleyebilme
  • Yan bileşen alanı (sidebar)
  • WordPress bileşenlerine sayfanızda yer verebilme imkanı

WordPress ana sayfa düzenleme

Ücretli özelliklerden bahsedelim:

  • WordPress yazılarınızın  listesi: son yazılar ve benzeri olarak düşünülebilir. Bu özelliği ücretsiz olarak kullanmak istiyorsanız son yazılar adlı WordPress bileşenini kullanabilirsiniz.
  • Form ekleme özelliği. Bu özelliğin de yine ücretsiz olarak kullanılabileceğini düşünüyorum. Zira çeşitli WordPress form eklentileri ücretsiz olarak kullanımınıza sunulmuş durumda. Eğer seçtiğiniz WordPress form eklentisi kısa kod (shortcode) sunuyorsa,  eklentinin ücretsiz sürümündeki kısa kod özelliğini kullanarak sayfaya form eklemeniz mümkün olacaktır.
  • Portfolyo bileşeni: yine mevcut ücretsiz WordPress eklentilerinin kısa kod sağlanması durumunda (ki birçoğu kısa kod sağlamaktadır) bu özelliği de ücretli sürüme geçmeden kullanmanız mümkün.
  • Slayt özelliği: birçok ücretsiz WordPress Slider eklentisi kısa kod özelliğini desteklemektedir. Dolayısıyla bu özelliği de ücretsiz sürümde kullanabileceğinizi düşünüyorum.
  • Kullanıcılar için giriş yapma bölümü -aynı şekilde
  • Paylaşım butonları: yine bunu yapan ücretsiz WordPress eklentileri var. Çoğu zaman kısa kod kullanmanıza dahi gerek kalmıyor. Sosyal medya paylaşım butonu eklentileri genellikle sitenizin temel dosyalarına kendini entegre ederek kısakod kullanmanızı dahi gerektirmiyor.
  • Karşılaştırmalı fiyat tabloları
  • Fiyat listesi
  • Animasyonlu başlıklar
  • Facebook gönderi ve sayfa gömme özelliği
  • Facebook yorumları özelliği
  • Facebook beğeni butonu
  • Site içi arama özelliği
  • Woocommerce ürün gösterme özelliği
  • Woocommerce kategori gösterme özelliği
  • Yoast SEO – Breadcrumb bileşenlerini gösterme özelliği

WordPress ana sayfa düzenleme eklentisi

Gördüğünüz üzere çoğu ücretli özellik alternatif eklentilerle ücretsiz olarak kullanılabilmekte. Ancak bu sayfa inşa aracını Woocommerce ile birlikte kullanıyorsanız pro sürümü satın almanızı öneririm. Çünkü Woocommerce başlı başına siteyi zorlayabilecek bir eklenti, e-ticaret sitelerinin mümkün olduğunca az eklentiyle çalışmasının faydalı olduğunu söyleyebilirim.

Kullanıma gelecek olursak: bu eklentinin de diğer eklentiler gibi temel mantığı şudur. Size sunulan bileşenlerle sahip olmak istediğiniz sayfaya yapısal anlamda en yakın düzeni oluşturur daha sonra görsel anlamdaki detay işleri yaparsınız.

Elementor eklentisini size ilk olarak tanıtma sebebimiz yapacağınız değişikliklerin size canlı olarak ön izlemesinin sunulmasıdır. 

WordPress sayfa düzenleme eklentileri

wpbakery wordpress sayfa düzenleme

WPBakery Page Builder

Bu sayfa inşa eklentisinden bahsetme sebebim en yaygın kullanılan sayfa inşa eklentilerinden biri olmasıdır. Zira birçok profesyonel WordPress teması WPBakery Page Builder ile birlikte geliyor. Yani çeşitli sitelerden profesyonel bir tema satın aldıysanız halihazırda bu eklentinin sitenizde kurulu olma ihtimali yüksek.

Açıkçası web tasarımında uzman pek çok kişi tarafından beğenilmeyen bu eklenti bence başlangıç seviyesindeki kullanıcılar için oldukça iyi bir alternatif. Çünkü kullanımı çok basit. Tek yapmanız gereken bazı terimleri öğrenerek eklentinin dilinden anlamaya başlamanız.

Öncelikle eklentinin düzenleme yapabileceğiniz 2 farklı modu var. Bunlardan ilki sayfa önü yani frontend tabir edebileceğimiz alan, Diğeri ise editör alanı yani backend tabir edebileceğimiz alan.

Bu eklentinin nasıl kullanacağı ile alakalı daha detaylı bir yazıyı hazırlama aşamasındayız ancak basitçe bahsetmek gerekirse birkaç ekran görüntüsü ile ilgili bölümlerin nasıl değiştirilebileceğinden bahsedelim.

Row (Türkçe: satır / hiza) tabir edilen alanlar bileşenleri yerleştirilebileceğiniz konteynırlar / kutular olarak düşünülebilir.  Her satırın sol üst köşesinde yeni bileşen ekleme tuşu “+” şeklinde yer almaktadır. Bu tuşun hemen sol tarafında satırın yerleşim oranı düzenini belirleyen bilgiye yer verilmiştir.

Farklı seçenekler olmakla birlikte 1/3’e 2/3 veya 1/2 ye 1/2 en çok tercih edilenlerden. Bence bunlar görsel anlamda sizi yarı yolda bırakmayacak düzenler. Düzeninizi seçtikten sonra sıra yeni bileşen eklemeye geliyor. Bileşeninizi artı(+) tuşuna basarak oluşturduktan sonra dilediğiniz bölüme sürükle-bırak ile taşımanız yeterli.

Hızlıca bir örnek vererek daha detaylı açıklama yapalım. Mesela sayfanızda 1/3’lük alanda bir resme yer vermek istiyorsunuz. Hemen sağ tarafındaki 2/3’lük alanda da bu resmi açıklayan bir yazı olması gerekli. Bu durumda eklentinin mevcut satırına veya yeni bir satır yarattıktan sonra gerekli düzen bilgisini 1/3’e 2/3 şeklinde belirtiyoruz. Sonrasında yeni eleman ekleme işlemine sıra geliyor. Burada yapmanız gereken yeni bir resim elemanı oluşturup bunu 1/3 lük alana sürüklemeniz, Aynı şekilde yeni bir metin elemanı oluşturup bu elemanı da 2/3’lük alana taşımanız gerekmekte.

Bileşenlerimizi doğru yerleştirdikten sonra bu bileşenlerin konteynırını (satır’dan bir küçük düzen kutucuğu) düzenleyip dilediğimiz bir renk veya stili seçebiliriz. Sonrasında da doğrudan elemanı düzenleyerek hangi resmi seçmek istediğimiz veya hangi yazıyı gerekli alana yazmak istediğimiz gibi esas içeriği belirleyen detaylarla uğraşabiliriz. Sayfamızı güncelledikten sonra yeni bir sekmede açıp nasıl göründüğünü kontrol etmemiz mümkün.

Bunu takiben sayfa üzerinde (frontend) belirli düzenlemeler yapmak istiyorsanız açmış olduğunuz sayfanın üstündeki WordPress barında yer alan “Edit with WPBakery”  seçeneğini seçerseniz yaptığınız değişiklikleri canlı olarak görme şansını yakalayacaksınız.

 

©2020 WPprohelp.com - Kaynak gösterildiği sürece alıntı yapılabilir.

Kullanıcı Bilgileriniz İle Oturum Açın

Bilgilerinizi Unuttunuzmu?