Page Builder Sandwich Nasıl Çalışır

Yazan

içinde

How-Page-Builder-Sandwich-WorksBu makale, Page Builder Sandwich’in nasıl çalıştığına dair kısa bir özet sunacak ve sayfa oluşturucumuzun WordPress’teki farklı şeylerle nasıl entegre olduğuyla ilgilenenler için bir başlangıç rehberi niteliğinde olacaktır. Page Builder Sandwich’in ayrı ayrı özelliklerine burada değinmeyeceğim; onları görmek isterseniz, her özelliği kısa ekran kayıtlarıyla tek tek gösterdiğimiz videolar sayfamıza göz atabilirsiniz.

Page Builder Sandwich’in piyasadaki diğer sayfa oluşturuculardan ne kadar farklı olduğunu öğrenmek istiyorsanız, How Page Builder Sandwich Is Different from the Rest.

Where is the page builder?

Nerede bulunur? Ve onunla neleri düzenleyebilirim?

Diğer birçok sayfa oluşturucunun aksine, Page Builder Sandwich web sitenizin ön yüzünde (front end) yer alır. Eğer yönetim panelindeyseniz (back end), içerik düzenleyici düğmelerinin yanına sizi sayfanızın ön yüzüne götürecek bir “Frontend” düğmesi ekledik.

Page Builder Sandwich; yazılarınızı, sayfalarınızı ve özel yazı türü (custom post type) içeriklerinizi düzenlemenize olanak tanır. Ancak, ana sayfada toplanmış blog yazılarınızı ve sitenizdeki tekil olmayan diğer alanları doğrudan düzenlemenize izin vermez. Bunu şöyle düşünün: Düzenlemek istediğiniz şeyin arka yüzde bir içerik düzenleyicisi varsa (“Yeni Yazı” ve “Yeni Sayfa” gibi), o zaman Page Builder Sandwich kullanılabilir. Tekil sayfalarınızı ve blog yazılarınızı düzenleyebilirsiniz ve örneğin restoran menüleri veya portföy öğeleri ekleyen bir eklentiniz varsa, bunları da düzenleyebilirsiniz.

Ön yüzdeyken, yönetici çubuğunuza (adminbar) mavi bir “Edit with Page Builder Sandwich” düğmesi yerleştirdik. Sayfanızı düzenlemeye başlamak için ona tıklamanız yeterlidir.

Doğrudan içerik düzenleme

Page Builder Sandwich ile içerik düzenlemeyi mümkün olduğunca kolay ve zahmetsiz hale getirdik. İçerik düzenlemek gayet basit ve kolaydır; sadece tıklayın ve yazın. İşte bu kadar basit.

The inspector

Karşınızda Denetçi (Inspector)

Birçok sayfa oluşturucunun çok fazla açılır pencereye (popup) sahip olduğunu fark ettik. Şahsen ben açılır pencereleri sevmiyorum; çünkü dikkat dağıtıcılar ve temelde size “hey, önce bu alanları doldurana kadar yaptığın işi durdur” diyorlar. Aksi takdirde son derece akıcı olabilecek bir düzenleme deneyiminin akışını bozuyorlar. Bu nedenle, açılır pencere kullanımını genel olarak en aza indirdik ve bunun yerine denetçiyi oluşturduk.

Denetçi, ihtiyaç duyabileceğiniz tüm biçimlendirme ve düzenleme araçlarını içeren kenar çubuğu tarzı bir alandır. Düzenlediğiniz içeriği rahatça görebilmeniz için denetçi ekranınızın sol veya sağ tarafına sabitlenebilir.

Denetçiden başlıklar, yazı tipi boyutları, kalın, italik, metin renkleri ve çok daha fazlası gibi çeşitli metin özelliklerini ayarlayabilirsiniz. Bunların yanı sıra, görseller eklemenize ve satırlar ya da sütunlu içerikler oluşturmanıza da olanak tanır. Ayrıca, satırları tam sayfa genişliğinde satırlara ayarlama, satır ve sütun arka plan renkleri, dikey içerik hizalama, kenar boşlukları ve arka planlar gibi daha gelişmiş düzenlemeleri de yapabilir. Oldukça güçlüdür ve kendinizi çoğunlukla onu kullanırken bulacaksınız.

WordPress temalarıyla entegrasyon

Page Builder Sandwich, doğası gereği neredeyse hiçbir stil içermez. İçeriğinizi düzenlerken gördüğünüz stiller çoğunlukla temanıza dayanır.

Kısa Kodlar (Shortcodes) ile entegrasyon

Kısa kodlar WordPress’te önemli bir unsurdur ve büyük olasılıkla sitenizde bir avuç kısa kod kullanıyor olacaksınız. Page Builder Sandwich, kısa kodlarınızın ön yüzde işlenmiş olarak görünmesini sağlayarak bunları çok iyi yönetir. Kısa kodlar ayrıca düzenlenebilir kalır ve en iyi yanı, kısa kodlarınızı düzenledikten sonra değişikliklerinizle birlikte yeniden işlenecek olmalarıdır.

Kolaylık sağlamak adına, kısa kodlarınızı denetçiyi kullanarak düzenleyebileceksiniz. Daha fazla kontrol isterseniz, ham hallerini düzenlemek için kısa kodlara çift tıklayabilirsiniz. Bunun dışında, web sitenizde bulunan tüm kısa kodlar, içeriğinize kolayca dahil edebilmeniz için denetçide listelenir.

No bloat

Web sitesi şişkinliği ne durumda?

Yavaş web sitelerini kim sever? Biz sevmiyoruz ve kesinlikle siz de sevmiyorsunuz. Page Builder Sandwich’in web sitenizin performansına neredeyse sıfır etkisi olduğundan emin olduk. Oturum kapatıldığında, en azından yalnızca satır ve sütun CSS stilleri sıraya alınır (enqueue) ve kullandığınız kısa kodlar için gerekli olan JS ve CSS komut dosyaları sıraya alınır.

Geliştiriciler için

Eğer bir geliştiriciyseniz ve WordPress eklentilerinizde kısa kodlar bulunuyorsa, Page Builder Sandwich, müşterilerinize kısa kodlarınızı kolayca oluşturmaları ve değiştirmeleri için alanlar sunabilmeniz adına bir Kısa Kod API’si (Shortcode API) sağlar.

Yetenekleri daha da genişletmek veya Page Builder Sandwich’in bazı bölümleriyle entegre olmak isterseniz, kullanabileceğiniz bir dizi faydalı eylem (action) ve filtre (filter) kancamız (hook) da bulunmaktadır.