Page Builder Sandwich, Jetpack’in farklı modülleriyle uyumlu olmalıdır.
Markdown Modülü, içerik kaydederken markdown dönüştürmesi sırasında değişikliklerin kaybolmasına neden olan özel bir işlem yapar. Bunun üstesinden gelmek için, değişikliklerinizi ön yüzden kaydederken arka uç düzenleyicideki markdown metni html etiketlerine dönüşür. (Yardımları için Jake Jackson’a teşekkürler)
Page Builder Sandwich’i PHP 7 ile test ettik ve her şey sorunsuz bir şekilde çalışmalıdır.
Sitenizi daha düşük bir sürümden PHP 7’ye yükseltirken dikkatli olun; zira tüm temalarınızda ve eklentilerinizde giderilmesi gereken birçok daha düşük sürümlerle uyumsuzluk bulunmaktadır.
Hem Page Builder Sandwich hem de Materialize birlikte kullanıldığında meydana gelen bir Javascript hatası mevcuttur. materialize.js ile WordPress Çekirdeği’nin renk seçicisi arasında bir çakışma bulunmaktadır.
Bununla ilgili Materialize’ın GitHub deposunda açılmış bir sorun kaydı bulunmaktadır: https://github.com/Dogfalo/materialize/issues/2821
Sitenizdeki lisansı devre dışı bırakmadığınız sürece eklenti düzgün şekilde çalışmaya devam edecektir. Devre dışı bıraktığınızda, tekrar etkinleştiremezsiniz.
WordPress kontrol panelinizden güncellemeleri alamayacak veya daha yeni sürümlere erişemeyeceksiniz. Size harika özel desteğimizi sağlayamayacağız.
Bileşen ekleme işlemi, denetleyicideki Öğeler bölümünde yer alan Bileşen Öğesi düğmesine tıklanarak yapılabilir. Tıklandığında, Page Builder Sandwich’in sitenizde bulduğu tüm bileşenleri listeleyen bir açılır pencere görünmelidir.
WordPress sitenizde bulunan tüm bileşenler eklenebilir, ancak ayarlarında özelleştirilmiş/özel Javascript kodu kullanan bazı bileşenler düzgün çalışmayabilir. Şunları kullanan bileşenler çalışmayabilir:
Varsayılan WordPress bileşenlerinde ve benzer şekilde oluşturulmuş bileşenlerde herhangi bir sorun olmamalıdır.
Eğer bu belirli bileşenin mutlaka çalışması gerekiyorsa, bunun için bir geçici çözüm bulunmaktadır.
Yeni bir kenar çubuğu/bileşen alanı oluşturmak için Custom Sidebars by WPMU Dev eklentisini kullanabilir, bileşeninizi Görünüm > Bileşenler altındaki normal yöntemi kullanarak oraya ekleyebilirsiniz. Ardından Page Builder Sandwich’te bir Kenar Çubuğu Öğesi ekleyin ve ihtiyacınız olan bileşeni içeren kenar çubuğunu seçin.
Diğer bir alternatif ise Page Builder Sandwich’te bulunan çeşitli öğeleri ve stilleri kullanarak istediğiniz efekti yeniden oluşturmaktır.
Page Builder Sandwich’i ilk satın aldığınızda, eklentiyi içeren bir .zip dosyası bilgisayarınıza otomatik olarak indirilecektir.
Bunu kaybetmeniz durumunda, şu bağlantıya erişerek .zip dosyanızı tekrar indirebilirsiniz: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Lisansınızı bu bağlantıya girmek; lisans ve hesap ayrıntılarınızla birlikte Page Builder Sandwich’e ait .zip dosyanızı yeniden almanızı sağlayacaktır.
Teknik olarak bu, tüm temalarla sorunsuz çalışmalıdır.
Kullanıcılarımız ve müşterilerimizle birlikte, WordPress.org tema dizinindeki temalar, Genesis Temaları, StudioPress Temaları, Elegant Themes ve ThemeForest’taki temalar da dahil olmak üzere pek çok temayla Page Builder Sandwich’i başarıyla kullandık.
Ancak bazen temanız alışılmışın dışında bir yöntem uyguluyor olabilir ve bu durum Page Builder Sandwich’in düzgün çalışmasını engelleyebilir. Böyle bir durumla karşılaşırsanız, lütfen bize bir destek talebi gönderin; biz de bunu düzeltmeye çalışalım.
Piyasada binlerce tema ve başka eklentiler bulunmaktadır. Bu nedenle her ne kadar dikkatli olmaya ve her şeyi standartlara uygun şekilde oluşturmaya çalışsak da bazen işler ters gidebilir.
Page Builder Sandwich’in sisteminizde düzgün çalışmadığını fark ederseniz, sorunu gidermek için atabileceğiniz birkaç adım aşağıda verilmiştir.
Makaleye buradan göz atın: “Edit with Page Builder Sandwich” Butonu Görünmüyor Sorunu çözmezse okumaya devam edin.
Dokümantasyondaki Sorun Giderme Kategorisi altındaki farklı makalelere göz atın.
WordPress, eklentileriniz, temanız ve hatta Page Builder Sandwich. Güncel kalmak her zaman iyidir. Her şeyin güncel olduğundan emin olmak, siteniz için en son hata ve güvenlik açığı düzeltmelerine sahip olacağınız anlamına gelir.
İçeriğinizi Page Builder Sandwich ile düzenleyemiyorsanız (ve muhtemelen bir hata açılır penceresi belirdiyse), bulunduğunuz mevcut sayfanın içeriği tamamen temanız veya bir eklenti tarafından oluşturuluyor olabilir. Bunu kontrol etmek için sayfanızı/yazınızı WordPress yönetim panelinde normal şekilde düzenleyin, ardından kaydettiğiniz içeriğin ön yüzde görünüp görünmediğini kontrol edin. Görünmüyorsa, bu sayfa/yazı içeriğinin tamamen sistem tarafından üretildiği ve PBS kullanılarak düzenlenemeyeceği anlamına gelir.
Bazen bir eklenti Page Builder Sandwich ile çakışabilir. Hangi eklentinin çakışmaya neden olduğunu kontrol etmek için bir eklentiyi devre dışı bırakın ve PBS’nin tekrar çalışmaya başlayıp başlamadığını kontrol edin. Bunu etkinleştirilmiş her bir eklentiniz için yapın. PBS tekrar çalışmaya başlarsa ve sayfalarınızı düzenleyebilirseniz, az önce devre dışı bıraktığınız eklenti PBS ile uyumlu değil demektir. Bu durumlarda [email protected] adresinden bizimle e-posta yoluyla iletişime geçin ve düzeltebilmemiz için bize bildirin.
Eklentileri devre dışı bırakmak işe yaramadıysa temanızı varsayılan WordPress temasına (Twenty-Something temaları) geçirmeyi deneyin. İçeriğinizi Page Builder Sandwich ile tekrar düzenlemeye başlayabiliyorsanız, kullandığınız tema PBS ile uyumlu değil demektir. [email protected] adresinden bu bilgiyi bize e-posta ile gönderin ve düzeltebilmemiz için bize bildirin.
Nadir durumlarda, bir tarayıcı uzantısı web sitesindeki Javascript kodunun düzgün çalışmasını engelleyebilir. Bir tarayıcı uzantısının sorunlara yol açıp açmadığını kontrol etmek için tarayıcınızı gizli modda (Chrome) veya özel modda açıp PBS’ye erişmeyi deneyin; bu sayede hiçbir uzantı olmadan yeni bir sekme açılacaktır. Çalışırsa çakışan bir uzantınız var demektir.
PageXray tarayıcı uzantısının sorunlara neden olduğu tespit edilmiştir.
Page Builder Sandwich’te bir şeyleri silmek genellikle yalnızca metni veya öğeyi seçip ardından delete ya da backspace tuşuna basarak yapılır.
Diğer bir alternatif ise denetçideki sil / kaldır düğmesine tıklamaktır:
Bunun işe yaramadığı bazı durumlar vardır. İşe yaramayacak öğeler genellikle satırlar, sütunlar veya carousel’ler (atlıkarıncalar) gibi kapsayıcılardır. Bu, içerik silerken yanlışlıkla silinmeleri önlemek içindir.
Bu öğeleri silmek için denetçideki öğe özelliklerinde yer alan sil / kaldır düğmesine tıklayın. Örneğin, bir satırı silmek için bu alanı kullanmanız gerekir:
Page Builder Sandwich artık şu dillerde mevcuttur:
Page Builder Sandwich’i kendi dilinize çevirerek katkıda bulunmak isterseniz, Transifex sayfamıza göz atın!
Görsel eklemek oldukça kolaydır. Şunlardan birini yapabilirsiniz:
NextGen ve Page Builder Sandwich ile ilgili geçmişte bir sorun vardı.
2.12 sürümünden önce PBS, bir şekilde NextGen’in sitenizin boş beyaz bir ekran almasına neden olan bir hata mesajı göstermesini tetikliyordu. Bu sorun 2.12 sürümü itibarıyla düzeltilmiştir, bu nedenle eski bir sürüm kullanıyorsanız lütfen güncelleyin.
Page Builder Sandwich’in web sitenizin performansı üzerinde neredeyse sıfır etkisi olduğundan emin olduk. Çıkış yapıldığında, en azından yalnızca satır ve sütun CSS stilleri sıraya alınır; bununla birlikte kullandığınız kısa kodlar (shortcodes) için gerekli JS ve CSS komut dosyaları sıraya alınır.
Markdown, temelde metninizin biçimlendirmesini eklemek veya değiştirmek için düzenleme yaparken yazdığınız bir sözdizimidir. Bunlar kısayol tuşları gibidir, ancak kombinasyona basmak yerine onları yazarsınız.
Aşağıda Page Builder Sandwich’te desteklenen tüm Markdown sözdizimlerinin bir listesi bulunmaktadır.
## Başlık2
### Başlık3
şuna kadar:
###### Başlık6
> Blok Alıntı
(4 boşluk)Önceden Biçimlendirilmiş Metin/Kod
* Madde işaretli liste - Madde işaretli liste
1. Numaralı liste 1) Numaralı liste
- ------------------------------(veya birden fazla tire)
URL’leri yazmak otomatik olarak bir bağlantıya dönüşecektir:
Göz atın: https://pagebuildersandwich.com
Göz atın: [Page Builder Sandwich](https://pagebuildersandwich.com
Kısa kodlar düzenleme yaparken yapıştırılabilir veya doğrudan yazılabilir. Kısa kodunuzu yazdıktan sonra Enter tuşuna basın veya kısa kodun dışına tıklayın; hemen işlenmiş haliyle görünecektir.
Kısa kod eklemenin bir diğer yolu da denetçinizdeki Kısa Kod Öğesi‘ne tıklamaktır. Bu işlem, sitenizde bulunan tüm kısa kodları listeleyen bir açılır pencere getirecektir. Eklemek için birini seçin veya herhangi birine çift tıklayın.
Kısa kodları 2 şekilde düzenleyebilirsiniz:
Kısa kod öznitelikleri Page Builder Sandwich tarafından algılanamaz. Bu yüzden bunları el ile yazmanız gerekecektir. Herkes için kolaylaştırmak adına kısa kodları sisteme eşlemenin bir yolu üzerinde çalışıyoruz. Takipte kalın.
Doğrudan kalıcı bağlantı URL’lerini yapıştırarak YouTube videoları, Vimeo videoları, Instagram fotoğrafları, Flickr fotoğrafları, Tweetler ve hatta Reddit yorumları gibi çeşitli sitelerden içerik gömebilirsiniz.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Gömülebilir URL’lerin bir listesini WordPress codex’inde bulabilirsiniz: https://codex.wordpress.org/Embeds
Ayrıca ek gömme URL’leri için destek ekleyen başka eklentiler de yükleyebilirsiniz. Örneğin, Wistia URL’leri WordPress tarafından kutudan çıktığı haliyle desteklenmez; gömmeyi etkinleştirmek için eklentilerini yükleyebilirsiniz, sonrasında PB Sandwich de bunları işleyebilecektir.
Bunun çalışması için tüm bir metin satırının yalnızca URL’yi içermesi gerektiğini unutmayın.
Gömme kodlarını doğrudan da yapıştırabilirsiniz.
Gömme kodları şuna benzer:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Bunun çalışması için tüm bir metin satırının yalnızca gömme kodunu içermesi gerektiğini unutmayın.
“Ortam Ekle” aracına tıklayın, ardından URL’nizi “URL’den Ekle” sekmesine yapıştırın.
Page Builder Sandwich kullanarak yalnızca sayfaların, yazıların ve özel yazı türlerinin içeriğini düzenleyebilirsiniz.
Bununla birlikte, aşağıdakiler gibi tema şablon dosyalarını düzenleyemezsiniz:
Şöyle düşünün; ön yüzdeki yönetici çubuğunuzda bir “Yazıyı Düzenle” veya “Sayfayı Düzenle” seçeneği bulunuyorsa, o sayfa düzenlenebilir olmalıdır.
Page Builder Sandwich’e kalıcı bağlantı URL’lerini yapıştırarak YouTube videoları, Vimeo videoları, Tweetler ve hatta Reddit yorumları gibi çeşitli sitelerden içerik gömebilirsiniz.
Bir satırın tamamının yalnızca URL içermesi gerektiğini unutmayın
Page Builder Sandwich, WordPress’in oEmbed özelliği ile birlikte çalışır. Bu nedenle arka uçta gömebildiğiniz URL’ler desteklenmelidir. Ek oEmbed sağlayıcılarına destek ekleyen eklentiler de aynı şekilde çalışmalıdır.
oEmbed sağlayıcılarının bir listesini codex’te bulabilirsiniz: https://codex.wordpress.org/Embeds
Page Builder Sandwich’in premium sürümünde kendi SVG / vektör simgelerinizi kullanabilirsiniz. İşte nasıl yapacağınız:
Yüklenen simgeler madde işaretli listelerde madde simgesi ve düğme simgeleri olarak da kullanılabilir.
Not: Simgeniz aramalarınızda görünmüyorsa, dosya adı PBS tarafından düzgün şekilde ayrıştırılmamış olabilir. Bu gibi durumlarda, yüklediğiniz simgeleri bulmak için “custom” veya “upload” terimlerini kullanabilirsiniz.
Page Builder Sandwich, olabildiğince müdahalesiz olacak şekilde oluşturuldu; böylece diğer eklentilerin bizimkiyle bir arada çalışırken sorun yaşamaması gerekir.
Ancak bazen bunun istisnaları olabilir. Aşağıda, Page Builder Sandwich ile birlikte çalışırken bazı gariplikleri olan eklentilerin bir listesi yer almaktadır. Bu, kesinlikle çalışmadıkları ve uyumsuz oldukları anlamına gelmez; yalnızca bazı davranışların farklı olabileceğini gösterir.
Bu listeyi güncellemeye devam edeceğiz. Bir şey fark ederseniz, şu adrese bir destek talebi göndermekten çekinmeyin: [email protected]
PBS’nin açık ve düzenleme modunda olup olmadığını kontrol edin.
if ( PBSEditor.isEditing() ) {
// Düzenleme yapılırken bir işlem yapın.
}
Yok.
Boolean. Şu anda düzenleme yapılıyorsa true, düzenleme yapılmıyorsa false.
Düzenleme sırasında PBS tarafından duyarlı görünümünü oluşturmak için kullanılan iframe içinde kullanılır. Bu, <head> etiketi kapanmadan hemen önce çağrılır ve betikler ile stiller eklemek için kullanılabilir.
Yok.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Sorun yaşıyorsanız, yardım etmek için buradayız! Ancak lütfen önce dokümantasyon sayfalarını kontrol edin; cevabı burada bulabilir ve zaman kazanabilirsiniz.
Destek taleplerinizi bize [email protected] adresinden e-posta ile gönderin
pbs_is_editable_by_user filtresini kullanarak PB Sandwich’in ön uçta görünmesini engelleyebilirsiniz.
Örneğin, slider kısa adı ile tanımlanan bir Özel Yazı Türünde (Custom Post Type) PB Sandwich’in görünmesini durdurmak için functions.php dosyanıza şu kod parçasını ekleyebilirsiniz:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_in_sliders' );
function stop_pbs_in_sliders( $editable ) {
if ( is_singular( 'slider' ) ) {
return false;
}
return $editable;
}
PB Sandwich’i belirli bir sayfa/yazı için durdurmak amacıyla, kontrol etmek için yazı kimliğini (post ID) kullanabilirsiniz:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_for_123' );
function stop_pbs_for_123( $editable ) {
global $post;
if ( is_singular() && ! empty( $post ) ) {
if ( '123' === $post->ID ) {
return false;
}
}
return $editable;
}
Kullanıcı farklı duyarlı görünümler arasında geçiş yaptığında tetiklenir.
Yok.
PBS, katılım sağlayan kullanıcılar için PBS düzenleyicisinde her kayıt yaptıklarında kullanım istatistikleri gönderir. Bu filtre, veri gönderimini durdurmak için kullanılabilir.
$true
Boolean. Bu her zaman true’dur.
Sorun yaşıyorsanız, yardımcı olmak için buradayız! Ancak lütfen önce dokümantasyon sayfalarını kontrol edin; cevabı burada bulabilir ve zamandan tasarruf edebilirsiniz.
Destek taleplerinizi bize e-posta ile iletin: [email protected]
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Yok.
Dizi. Algılanan tüm kısa kod etiketlerinin bir dizisi.
PBS >= 4.3
PBS, bir yazının içerik alanını tanımlamak için bir sarmalayıcı (wrapper) ekler. Bu, sarmalayıcı yerleştirilmeden önce çağrılır.
$content
Dize. Sarmalayıcı uygulanmış yazı içeriği.
Düzenleme sırasında PBS tarafından duyarlı görünümünü işlemek için kullanılan iframe içinde kullanılır. Bu, <body> etiketi kapanmadan hemen önce çağrılır ve betikler ile stiller eklemek için kullanılabilir.
Yok.
PBS >= 4.3
PBS’in ön yüzde yüklenip yüklenmeyeceği ve kullanıcının yazıyı düzenlemek için PBS’i kullanmasına izin verilip verilmeyeceği kararını geçersiz kılın.
$is_editable
Boolean. Yazı PBS ile düzenlenebilmeliyse true. Aksi takdirde false
portfolio post_type’larının PBS ile düzenlenmesine izin vermeyin
add_filter( 'pbs_is_editable_by_user', 'disallow_portfolios' );
function disallow_portfolios( $is_editable ) {
global $post;
if ( $post ) {
if ( 'portfolio' === get_post_type( $post ) ) {
return false;
}
}
return $is_editable;
}
PBS >= 4.3
PageBuilderSandwich örneğini alır
$pbs = PageBuilderSandwich::instance()
Yok.
PageBuilderSandwich nesnesi. PBS sınıfının geçerli örneği.
PBS, bir yazının içerik alanını tanımlamak için bir sarmalayıcı ekler. Bu, sarmalayıcı yerleştirildikten sonra çağrılır.
$content
Dize. Sarmalayıcı uygulanmış yazı içeriği.
PageBuilderSandwich::is_editable_by_user()
Yok.
Boolean. PBS yazıyı düzenleyebiliyorsa True, aksi takdirde false.
Bir yazı için kaydedilen CSS stillerini değiştirmeye yarayan bir filtre. Bu, PBS düzenleyicisinden bir kaydetme işlemi başlatıldığında çağrılır.
$style
String. Kaydedilmek üzere gönderilen CSS stilleri.
$post_id
Int. Kaydetmekte olduğumuz yazı kimliği (post id).
PBS düzenleyicisinin yüklenmesi tamamlandığında çağrılır (kullanıcı düzenlemeye başla butonuna tıkladığında çağrılmaz)
PBS yüklendikten sonra bir işlem yapın
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
PBS’in kısa kod seçicisinde gizlenecek kısa kod etiketlerinin listesi. Seçici açılır penceresinde görünen ve artık kullanımdan kaldırdığınız veya yalnızca kullanıcılardan gizlemek istediğiniz kısa kodlarınız varsa bunu kullanın.
$shortcodes
Dizi. Kısa kod etiketlerinden oluşan bir dizi.
kısa kodunu seçiciden gizleyin.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Ön uçtaki pbsFrontendParams nesnesine Javascript özellikleri ekler. pbsFrontendParams nesnesi, kullanıcı oturum açtığında ve düzenleme yaptığında da ön uçta kullanılabilir.
$params
Dizi. Pencere düzeyindeki Javascript değişkeni pbsFrontendParams içinde kullanılabilir hale gelecek anahtar ve değerler dizisi
Bir değişkeni ön uçta erişilebilir yapma
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Bu, Javascript'te pbsFrontendParams.myProperty altında kullanılabilir olacaktır
$params['myProperty'] = 'My Property';
return $params;
}
Page Builder Sandwich’in büyük bir kısmı Javascript’tir ve geliştiricilerin sayfa oluşturucumuzu genişletebilmesi ve daha fazla işlevsellik ekleyebilmesi için birçok yöntem ekledik.
Geliştiricilerin işini kolaylaştırmak için, işleyişi WordPress’in çalışma mantığına göre uyarladık – kancalar aracılığıyla!
WordPress’te, WP’nin davranışını değiştirmek veya eklemeler yapmak için genellikle add_filter() ve add_action() fonksiyonlarını kullanırsınız. Benzer şekilde PBS’de de wp.hooks.addFilter() ve wp.hooks.addAction() fonksiyonlarını kullanabilirsiniz.
Kullanım şekilleri de aynıdır: bir şeyleri değiştirmek için filtreleri, ek işlemler gerçekleştirmek için eylemleri kullanın. Bu iki fonksiyon çağrısı, Javascript içinde çalışmaları haricinde, PHP’deki karşılıklarıyla esasen tamamen aynıdır.
PHP kancaları ile Javascript kancalarının birbirine karışmaması için Javascript kancalarını “period-case” (noktalı yazım – türetilmiş bir kelime) şeklinde adlandırdık. PHP kancalarının tümü snake case kullanır:
Tüm kancalara göz atmak için sol menüdeki Javascript Actions ve Javascript Filters kategorilerine bakın.
Merak edenler için, Javascript’e bu kullanışlı kanca çağrılarını eklemek amacıyla https://github.com/carldanley/WP-JS-Hooks kullanıyoruz
Düzenleyici içerikleri kaydetmeden hemen önce çağrılır. Kaydetme sırasında gönderilecek ek verileri yerleştirmek için bunu kullanabilirsiniz (bu verileri kaydetmez, yalnızca Ajax aracılığıyla arka uca gönderir)
payload
FormData nesnesi. Kaydetme için Ajax aracılığıyla gönderilen veri.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
PBS ile birlikte bir betik veya stil sıraya ekleyin. Bu yalnızca yazı PBS ile düzenlenebilir olduğunda çağrılır. Sayfa PBS ile düzenlenebilir olmadığında bu hiçbir şekilde kullanılmaz.
Yok.
PBS yüklendiğinde my-script.js dosyasını da sıraya ekleyin
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
Ön yüzde pbsParams nesnesine Javascript özellikleri ekler. pbsParams nesnesi, kullanıcı giriş yaptığında ve sayfayı düzenleme yetkisine sahip olduğunda ön yüzde kullanılabilir durumdadır.
Bu değişken ayrıca düzenleme sırasında PBS tarafından kullanılan nonce’lar, yüklenen tüm kısa kodların listesi ve çeviri dizgeleri gibi birçok özelliği de taşır.
$params
Dizi. Pencere düzeyindeki pbsParams Javascript değişkeninde kullanılabilir hale gelecek bir anahtar ve değer dizisi
Düzenleyiciye algılanmayan bir kısa kod ekleyin
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Premium eklentinizin kopyasını nereye sakladığınızı bulamıyorsanız, buraya gidip e-posta adresinizi girerek geri alabilirsiniz. Eklenti size e-posta ile gönderilecektir.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Bu özellik premium bir özelliktir ve 4.0.1+ sürümlerinde mevcuttur
Aynı sayfa içi kayan çapa bağlantıları, aynı sayfadaki belirli bir konumu işaret eden bağlantılardır. Aynı sayfa bağlantısına tıkladığınızda, tarayıcınız işaret edilen alana doğru kayacaktır.
Aynı sayfa içi bir çapa bağlantısı oluşturmak için iki şeye ihtiyacınız vardır:
Sayfanızın alt kısmına yakın herhangi bir öğeyi seçin ve ardından özelliklerini açın. Gelişmiş alanında, “go_here” adında özel bir sınıf veya özel bir kimlik ekleyin
Şimdi sayfanızın üst kısmına yakın bir yerde bir bağlantı oluşturun veya bir düğme öğesi ekleyin. Bağlantı olarak bir URL eklemek yerine, “go_here”i özel bir sınıf olarak eklediyseniz “.go_here” (nokta ile birlikte) kullanın; özel bir kimlik olarak eklediyseniz “#go_here” (kare işareti ile birlikte) kullanın.
Sayfanızı kaydettikten sonra, bağlantınıza/düğmenize tıkladığınızda, artık sayfanızın altındaki öğeye doğru sorunsuzca kaymalıdır.
Aşağıdaki gibi adlandırılmış çapalar:
<a name="go_here"></a>
“#go_here” (kare işareti ile birlikte) bağlantısı eklenerek de hedeflenebilir
Sınıf adlarını veya kimliklerini kullanarak hedeflediğiniz sürece, düzenleyici alanının dışındakiler de dahil olmak üzere sayfanızdaki diğer alanları da hedefleyebilirsiniz.
İçerik kaydedildikten sonra çağrılır. Bu, PBS düzenleyicisinden bir kaydetme işlemi başlatıldığında çağrılır.
Yok
Kaydedilecek yazı verilerini değiştirmek için bir filtre. Bu, PBS düzenleyicisinden bir kaydetme işlemi başlatıldığında çağrılır.
$post_data
Dizi. Kaydedilecek nihai yazı verileri; bu daha sonra doğrudan wp_update_post() işlevine iletilir.
$_POST
Dizi. Düzenleyiciden kaydetmek üzere gönderilen ham yazı verileri. Bunun nonce doğrulaması önceden yapılmıştır.
$post_id
Int. Kaydetmekte olduğumuz yazının kimliği (ID).
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Herhangi bir nedenle, yazının her zaman taslak olmasını istiyoruz.
$post_data['post_status'] = 'draft';
return $post_data;
}
Sürüm 4.0 itibarıyla artık düzenleme yaparken masaüstü, tablet ve cep telefonu görünümleri arasında geçiş yapabilirsiniz! Buna duyarlı mod diyoruz. Duyarlı modda siteniz, daha küçük ekranlarda nasıl görüneceğini simüle etmek için daha küçük bir boyuta göre yeniden boyutlandırılır.
Sitenizi tablet veya cep telefonu görünümlerinde görüntülerken sınırlı düzenleme yeteneklerine sahip olursunuz. Bununla YALNIZCA aşağıdakileri yapabilirsiniz:
* PBS, öğelerinize ve satırlarınıza bazı duyarlı stiller uygular; bu nedenle bazı kenar boşlukları ayarlanamaz.
İşte yapamayacağınız bazı şeyler:
Sitenizi tablet veya cep telefonu görünümlerinde görüntülüyorsanız yaptığınız tüm kenar boşluğu ayarlamaları yalnızca geçerli görünüme ve daha küçük görünüme uygulanır. Bu, tam masaüstü sürümünden bağımsız olarak tasarımlarınızı daha küçük ekranlarda daha iyi görünecek şekilde optimize etmenizi sağlar.
Durumu daha net hale getirmek için bir örnek:
Bu durum yalnızca kenar boşluğu ayarlamaları için geçerlidir; metin değişiklikleri veya metin stili değişiklikleri tüm ekran boyutlarına uygulanır.
Tablet veya cep telefonu görünümlerinde görüntülerken satırlarınızda, üzerlerine geldiğinizde görünecek yeni bir “göz” araç çubuğu düğmesi bulunur. Buna tıklamak, geçerli ekran boyutu için satırı göstermenize/gizlemenize olanak tanır.
Gizlenen satırlar, düzenlemeyi bitirdiğinizde gizleneceklerini belirtmek için düzenleme sırasında biraz şeffaf hale gelir.
Bu özelliğin yalnızca satırlar için geçerli olduğunu unutmayın.
Eğer bir tema geliştiricisiyseniz, temanıza PBS dahil etmek ürününüzün değerini büyük ölçüde artırabilir.
[email protected] adresinden bizimle iletişime geçin, birlikte çalışalım!
CloudFlare, yaygın olarak kullanılan ücretsiz bir DNS CDN’dir. Harikadır, ancak PBS şu anda Rocket Loader özelliği söz konusu olduğunda sorunlar yaşamaktadır. Rocket Loader, Javascript dosyalarının yükleme süresini iyileştirir, ancak PBS’nin komut dosyalarının bağımlılık ve çağrı sırasını bozar. Rocket Loader açıksa, Page Builder Sandwich için düzenleme düğmesi görünmez (ve hiçbir Javascript konsol hatası gösterilmez).
Rocket Loader’ı kapatmak için CloudFlare hesabınıza ve alan adınızın ayarlarına giriş yapın. Speed (Hız) ayarlarına gidin:
Ardından Rocket Loader ayarlarına aşağı kaydırın ve ayarın kapalı (off) olduğundan emin olun:
Bunu kapattıktan sonra Cache (Önbellek) ayarlarından tüm sitenizin önbelleğini temizlediğinizden (purge) emin olun:
Önbelleğinizdeki her şeyi temizledikten sonra sayfayı yenileyebilirsiniz ve Page Builder Sandwich düzenleme düğmesi artık görünmelidir.
İçerik kaydedilmeden hemen önce çağrılır. Bu, PBS düzenleyicisinden bir kaydetme işlemi başlatıldığında çağrılır.
Yok
Kaydedilecek yazı içeriğini değiştirmek için bir filtre. Bu, kaydetme işlemi PBS düzenleyicisinden başlatıldığında çağrılır.
$content
String. Kaydedilecek nihai yazı içeriği.
$post_id
Int. Kaydettiğimiz yazı kimliği (ID).
Markdown, temel olarak metninizin biçimlendirmesini eklemek veya değiştirmek için düzenleme yaparken yazdığınız bir sözdizimidir. Bunlar kısayol tuşları gibidir, ancak tuş kombinasyonuna basmak yerine onları yazarsınız.
Aşağıda Page Builder Sandwich’te desteklenen tüm Markdown sözdizimlerinin bir listesi yer almaktadır.
(Boşluklara dikkat edin)
# Başlık1
## Başlık2
şuna kadar:
###### Başlık6
> Alıntı
(4 boşluk)Önceden Biçimlendirilmiş Metin/Kod
* Madde işaretli liste - Madde işaretli liste
1. Numaralı liste 1) Numaralı liste
- ------------------------------(veya birden fazla tire)
URL yazmak bunları otomatik olarak bir bağlantıya dönüştürür:
https://pagebuildersandwich.com adresine gidin
Sahte metin içeriği oluşturmak için “lorem” yazın ve ardından tab tuşuna basın.
Varnish Cache kullanırken değişikliklerinizi kaydettikten sonra hâlâ eski içeriğinizi görüyorsanız, Varnish Cache otomatik olarak temizlenmemiş olabilir.
Önbelleğinizi temizlemenize olanak tanıyan bazı WordPress eklentileri bulunmaktadır: https://wordpress.org/plugins/search/varnish+cache/
Bu işe yaramazsa, bir terminalde şu komutu çalıştırarak Varnish Cache’i manuel olarak da temizleyebilirsiniz (purge):
curl -X PURGE http://mysite.com/my-page/
PBS’yi devre dışı bırakmak için önce Yönetim Panelinize / arka yüzünüze giriş yapın, ardından Eklentiler > Yüklü Eklentiler bölümüne gidin:
Eklentiler sayfasındayken, eklenti listenizde aşağı kaydırın ve Page Builder Sandwich eklentisini bulun. İsminin hemen altında, Düzenle veya Lisansı Değiştir gibi diğer bağlantıların yanı sıra bir etkisizleştir bağlantısı görebilmelisiniz (bu sitenizde farklılık gösterebilir). Eklentiyi devre dışı bırakmak için etkisizleştir bağlantısına tıklayın.
Sayfanızdaki değişiklikleri kaydettiyseniz ve…
bu durum, kaydetme işleminin önbellekleme çözümünüzün depolanan verilerini temizlemesini tetiklemediği anlamına gelebilir.
W3 Total Cache gibi bir önbellekleme eklentisi, Memcached veya Redis gibi sunucu taraflı bir önbellekleme yazılımı ya da CloudFlare gibi bir DNS önbelleklemesi gibi herhangi bir önbellek çözümü kullanıyorsanız, kaydedilen içeriğinizi temizlememiş olabilir.
Durumun bu olup olmadığını kontrol etmenin bir yolu, sayfanızı arka uçta (normal şekilde) düzenlemek ve ardından sayfanızı ön uçta görüntülemektir. İçeriğiniz değişmediyse önbelleğiniz otomatik olarak temizlenmemiş olabilir.
WordPress dışı bazı önbellekleme çözümlerinde, mevcut önbelleği temizlemeye veya boşaltmaya yardımcı olabilecek tamamlayıcı bir WordPress eklentisi bulunur; WordPress çözümlerinde ise genellikle bunun için düğmeler veya seçenekler yer alır.
Kaydetme sırasında bir tür PHP hatası meydana gelmiş olması da mümkündür.
Bunun gerçekleşip gerçekleşmediğini kontrol etmek için geliştirici konsolunuzu açın (tercihen Chrome’da) ve ardından Ağ (Network) sekmesine gidin. Oraya ulaştığınızda, PBS’deki değişikliklerinizi kaydedin; admin-ajax.php hedefine yönelik birden çok girdi görmelisiniz. Bunu kırmızı renkte görüyorsanız, bu bir hatanın meydana geldiğini gösterir. Buna benzer bir şey görüp görmediğinizi kontrol edin:
Durum buysa, inceleyip sizin için düzeltebilmemiz adına lütfen gerekli giriş bilgileriyle birlikte bize [email protected] adresinden e-posta gönderin.
Lütfen Wordfence uyumluluğu hakkındaki makaleyi buradan okuyun: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Not: Bu durum Envato müşterileri için geçerli değildir
Lisansınızı etkinleştirirken hatalarla karşılaşıyorsanız deneyebileceğiniz birkaç şey şunlardır..
Bu çoğunlukla daha üst bir sürüme güncelleme yapan kullanıcıların başına gelir. Eklentinin dosyalarını doğrudan manuel olarak güncellediyseniz ve tüm güncelleme veya devre dışı bırakıp etkinleştirme adımlarını atladıysanız bazı işlemler düzgün çalışmamış olabilir. Lütfen eklentiyi devre dışı bırakın, ardından yeniden etkinleştirin ve lisansınızı tekrar girmeyi deneyin.
v3.2 itibarıyla Page Builder Sandwich, Freemius ile entegre edilmiştir. Freemius verilerini temizlemenin lisans etkinleştirme hatalarını giderdiği durumlar olmuştur. İşte nasıl düzelteceğiniz.
Yönetici panelinize gidin ve URL’nizi http://yoursite.com/wp-admin/admin.php?page=freemius olarak değiştirin (URL’yi sitenize karşılık gelecek şekilde değiştirmeyi unutmayın.) Aşağıdaki sayfaya ulaştıysanız doğru yerdesiniz demektir.
Delete All Accounts düğmesine tıklayın ve ardından Clear API Cache düğmesine de tıklayın. Bunu yaptıktan sonra lisans anahtarınızı tekrar girmeyi deneyin.
Çalışmazsa lütfen [email protected] adresinden bizimle iletişime geçin ve lütfen bize sorunun ve sitenizin ayrıntılarını iletin.
Çoğu öğede (ancak kısa kodlarda değil), öğe ekranınızda görünür hale geldiğinde oynatılacak bir giriş animasyonu belirleyebilirsiniz.
Bunu yapmak için, araç çubuğunun görünmesi amacıyla bir öğenin üzerine gelin ve ardından dişli düğmesine tıklayın.
Bu, denetleyiciyi açmalıdır. Animations (Animasyonlar) alanına gidin, alanı açın ve ardından bir animasyon seçin.
Bir animasyon seçtikten sonra, size bir önizleme göstermek için oynatılmalıdır. Sunulan diğer seçeneklerle animasyonu daha da ayrıntılandırabilirsiniz.
Animasyonlar yalnızca kullanıcı kaydırdığında ve öğe görünür alana girdiğinde oynatılır. Sayfanıza geldiğinizde öğe zaten görünür durumdaysa animasyon gerçekleşmez.
Hayır, kaybetmezsiniz! Tüm sayfalarınız ve içeriğiniz sitenizde kalmaya devam edecektir. Bu, ücretsiz sürümden premium sürüme yükseltirken veya sadece denemeler yaparken PBS’yi güvenle devre dışı bırakabileceğiniz anlamına gelir.
Ancak her şey aynı görünmeyecektir. PBS daha ayrıntılı öğelerden bazılarının ihtiyaç duyduğu ek stilleri ve komut dosyalarını içerdiğinden, sayfanızdaki bazı ögelerin değiştiğini fark edeceksiniz.
PBS’yi devre dışı bıraktığınızda kalacak bazı şeyler şunlardır:
PBS’yi devre dışı bıraktığınızda kaybolacak bazı şeyler şunlardır:
Burada arka plan rengine sahip bir satır ekledim ve ardından içine bir görsel yerleştirdim. İşte burada:
Kapsayıcının üzerine “taşmasını” sağlamak için, taşımak istediğiniz öğenin üzerine farenizi getirin. Ardından ana hatlar göründüğünde, farenizi ana hattın üst kenarının ötesine taşıyın. Geçerli üst kenar boşluğu (top margin) değerini göstermelidir:
Kenar boşluğunuzu azaltmak ve negatif bir değer yapmak için üst kenar boşluğunu yukarı doğru tıklayıp sürükleyin:
Artık görsel satırın dışına “taşıyor”!
Öğe satırın dışına çıktığında kesiliyorsa, satırın özellikler denetleyicisini açın ve Gelişmiş (Advanced) seçeneklerdeki overflow hidden seçeneğini kapatın:
Page Builder Sandwich tüm önbellekleme eklentileriyle çalışır. Ancak, bunların küçültme (minify) veya önbellekleme işlevlerini açarsanız bazı sorunlarla karşılaşabilirsiniz.
Yalnızca küçültme (minify) özelliğinin giriş yapmış kullanıcılar için devre dışı bırakıldığından emin olun; sorunsuz çalışacaktır.
Burada yalnızca W3 Total Cache ayarlarını gösteriyoruz, ancak diğer önbellekleme & küçültme eklentilerinde de benzer ayarlar bulunmalıdır.
Performance > Page Cache altında Don’t cache pages for logged in users seçeneğinin işaretli olduğundan emin olun
Küçültme (minify) kullanıyorsanız, Performance > Minify altında Disable minify for logged in users seçeneğinin işaretli olduğundan emin olun
Hızlıca taslak metin eklemek için “lorem” kelimesini yazın ve ardından hızlıca lorem ipsum yer tutucu metin eklemek için tab veya enter tuşuna basın:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolor sed numquam? Sapiente autem adipisci, minus expedita enim, suscipit laboriosam deleniti possimus sequi pariatur explicabo numquam alias atque officia sit.
Üst ve alt kenar boşluğu (margin) ya da dolgu (padding) tutamaçlarını sürüklemeye çalışıyor ancak öğenin kenar boşlukları/dolguları değişmiyorsa, stil değişikliklerini zorla geçersiz kılan başka stiller olabilir. Bu durum ayrıca arka planları, kenarlıkları değiştiremediğinizde veya saydam görseller sürekli bir arka plan rengi aldığında da meydana gelebilir.
Sorunu bulmak için tarayıcınızın denetleyicisini (inspector) açın ve öğeyi denetleyin. O öğeye ait stillere göz atın. Eğer şuna benzer bir şey görüyorsanız:
O zaman temanızın veya bir eklentinin öğeye başka stillerin uygulanmasını engellediğinden emin olabilirsiniz. Hangi temadan/eklentiden kaynaklandığını öğrenmek için fareyi stil sayfasının (stylesheet) üzerine getirin.
Bunu düzeltmek için stilin “! important” kısmını kaldırın; böylece stilleri tekrar uygulayabiliyor olmalısınız. Bunu düzeltmek için temanın veya eklentinin yazarıyla iletişime geçmeniz gerekebilir.
Harici web sitelerinden içerik gömmek için URL’yi yapıştırmanız ve ardından enter tuşuna basmanız yeterlidir. Örneğin, YouTube’dan şu URL’yi kopyalayıp yapıştırabilirsiniz:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
<iframe> yerleştirme kodları yapıştırılarak Iframe ile gömme de mümkündür. Örneğin, bu yerleştirme dizesini kopyalayıp yapıştırın:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
WordPress Codex’te listelenen sitelerden URL’ler gömebilirsiniz: https://codex.wordpress.org/Embeds ve oEmbed etkinleştirilmiş herhangi bir site.
Page Builder Sandwich, WordPress’te hâlâ oturum açmış olup olmadığınızı düzenli olarak kontrol eder. Bu işlem, kaydet düğmesine bastığınızda değişikliklerinizin gerçekten kaydedileceğinden emin olmak için gerçekleştirilir. Ayrıca yazı kilitleme ve otomatik kaydetmeler için de kullanılır.
Kontrollerimizi gerçekleştirmek için WordPress Heartbeat API’sine güveniriz ve bu API de tarayıcı çerezlerine ve oturumlarına dayanır. Dolayısıyla, düzenleme yaparken bu “oturum süresi doldu” açılır pencerelerini sürekli alıyorsanız, WordPress’in sizi düzgün bir şekilde takip etmesini engelleyen bir şeyler olabilir. Bunu çözmek için yapabileceğiniz bazı şeyler şunlardır:
Önbellekleme eklentileriniz, DNS önbelleğiniz veya herhangi bir önbellekleme biçiminiz varsa bunları temizleyin. Ayrıca tarayıcı önbelleğinizi de temizleyin. Siteniz için en güncel komut dosyalarının sunulmuyor olması mümkündür.
Çerezlerinizin bozulmuş olması da mümkündür; bu durum tarayıcınızın ayarlarından tarayıcı çerezlerinizi temizleyerek kolayca çözülebilir. Genellikle tarayıcınızın önbelleğini temizlediğiniz seçeneğin hemen yanındadır.
Ayarlar > Genel bölümüne gidin ve ayarlarınızı kontrol edin. WordPress Adresi (URL) ve Site Adresi (URL) ayarlarını arayın. Bunların alan adları ve protokolleri gerçek alan adınızla eşleşmelidir. Örneğin, birinde “http://” varsa ancak sitenize “https://” kullanarak giriyorsanız, ayarlar “https://” şeklinde olmalıdır. Bir diğer yaygın sorun ise, bu URL’lerden birinde “www” bulunurken diğerinde bulunmamasıdır.
Bunlar eşleşmelidir:
veya:
Bunu düzeltmek için ayarları Ayarlar > Genel bölümünden değiştirebilirsiniz. Bu ayarları düzenleyemiyorsanız, FTP’nizi açıp wp-config.php dosyasını düzenleyebilir ve şu satırları ekleyebilirsiniz:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Satırlarınıza ve arka planlarınıza arka plan görselleri ekleyebilirsiniz. Dahası, tasarımınıza daha iyi uyum sağlaması için arka plan görselinizi bir renkle tonlayabilirsiniz.
Örneğin, burada üzerinde beyaz bindirme metin bulunan bir arka plan görseline sahip bir satırım var. Seçtiğim arka plan görseli nedeniyle şu anda metni görmek oldukça zor.
Görünümü iyileştirmek için arka plan görselimize biraz renk ekleyebiliriz. Bunu yapmak için farenizi satırın üzerine getirin, ardından özelliklerini açmak için satırın dişli simgesine tıklayın. Arka Plan (Background) seçeneklerine gidin, ardından Arka Plan Görseli Tonu (Background Image Tint) seçeneğini açın.
Açıldıktan sonra arka plan rengini değiştirirsiniz ve artık arka plan görselinize renkli bir ton eklenir. Ayrıca tonun gücünü veya opaklığını da değiştirebilirsiniz. Metni daha görünür kılmak için yeşile tonlanmış arka planım burada:
Not: Varsayılan olarak, üstbilgi yalnızca ön sayfadan kaldırılır.
Sayfalarınızın herhangi birinden üstbilgiyi veya menüyü kaldırmak için, Jetpack gibi özel CSS eklemenizi sağlayan bir eklentiye ihtiyacınız olacak.
Üstbilgiyi kaldırmak için yazınızın yazı kimliğine ihtiyacınız olacak, ardından şu özel CSS’i ekleyin (buradaki 9999 sayısını yazı kimliğinizle değiştirin):
body.page-id-9999 #masthead {
display: none;
}
Bir sayfadan menüleri kaldırmak için (buradaki 9999 sayısını yazı kimliğinizle değiştirin):
body.page-id-9999 #header-wrapper {
display: none;
}
veya menüyü yalnızca ana sayfanızdan kaldırırken:
body.page-id-9999 #header-wrapper {
display: none;
}
| Lite Sürümü | Mevcut değil |
| Premium Sürüm | Tüm özellikler mevcut
|
Carousel’ler, görünümde sürekli olarak döngüye giren içerikler eklemenin özgün bir yoludur. Page Builder Sandwich, harici carousel eklentilerine olan ihtiyacı ortadan kaldıran, kullanıma hazır yerel bir carousel öğesine sahiptir.
Carousel öğesinin dişli düğmesine tıklamak; slayt animasyonu, gecikme ve daha fazlası gibi carousel davranışını yapılandırmanızı sağlar. Oluşturulduğunda, üzerinde çalışabileceğiniz üç carousel slaytı sunulur; slayt ekleme veya silme seçeneği de mevcuttur. Tüm bu slaytlar metin, görsel ve belirli kısa kodlar gibi yaygın kullanılan öğeleri kabul eder.
Slaytlar arasında geçiş yapmak, gezinme düğmelerini seçmek kadar kolaydır. Slayt sırası da özellikler (dişli simgesi) aracılığıyla değiştirilebilir.
Gönderi durumunuzu değiştirmek için farenizi ekranın sol üst kısmındaki kaydet düğmesinde yer alan açılır göstergenin üzerine getirin. Bu işlem daha fazla kaydetme seçeneği gösterecektir.
Lite sürümü kullanıyorsanız sarı üçgen bayrakları fark etmiş olabilirsiniz. Bunlar, belirli bir butonun/öğenin/seçeneğin premium bir özellik olup olmadığını gösterir.
Bunları gizlemek isterseniz Yönetim Panelinize gidebilir, PBSandwich > Settings yolunu izleyerek ayarlar sayfasına ulaşabilir ve Hide Premium Feature Flags ayarını işaretleyebilirsiniz
| Lite Sürümü | Tüm özellikler mevcut |
| Premium Sürümü | Tüm özellikler mevcut |
Yeni bir HTML öğesi eklemek için Denetçi’deki HTML öğesine tıklayın, bir modal pencere açılmalıdır. HTML kodunuzu buraya yazın veya yapıştırın, ardından HTML’i kaydet’e tıklayın. HTML’iniz artık editörün içinde görünmelidir.
Araç çubuğunu görüntülemek için farenizi HTML öğesinin üzerine getirin. Araç çubuğundaki kurşun kalem simgesine tıklayarak veya öğenin kendisine çift tıklayarak HTML’inizi düzenleyebilirsiniz.
Karmaşık bir arayüz istemedik ve her şeyin sezgisel ve keşfedilmesi kolay olmasını istedik. Bu nedenle Page Builder Sandwich’in kullanıcı arayüzü basit görünse de oldukça güçlüdür ve düzenleme yaparken pek çok şey yapabilirsiniz.
Fare imlecinizi kullanarak da birçok harika şey yapabilirsiniz. Farenizi farklı öğelerin üzerine getirdiğinizde etkileşimli katmanlar ve araç çubukları görünür. Bunların her biri aşağıdakiler gibi farklı işlemler yapar:
PBS ile düzenlemeye başladığınızda, farenizi sayfanızın/yazınızın başlığının üzerine getirin; üzerinde bir dış çizgi belirmelidir. İmlecinizi üzerine getirmek ve değiştirmek için başlığa tıklayın.
Biçimlendirme araçları başlık alanında kullanılamaz; stillerini değiştiremez ve başlığa öğe ekleyemezsiniz.
Satırlar ve sütunlar, bölümlere ayrılmış içerikler oluşturmak için kullanabileceğiniz araçlardır.
Yeni oluşturulmuş bir sayfadan/yazıdan Page Builder Sandwich kullanarak düzenleme yaparken, yazdığınız içeriğin tümü tek bir sütuna yerleştirilecektir. Bu, blog yazıları yazmak için uygundur; ancak açılış sayfaları veya iletişim sayfaları için özel düzenler istiyorsanız, muhtemelen 2 sütunlu bir düzen veya hatta sayfanız genelinde farklı sütunların bir karışımını tercih edersiniz.
Denetçideki (inspector) bu düğmeleri kullanarak satır ve sütun ekleyebilirsiniz:
Eklendikten sonra yeni satırınızın sınırları belirlenecektir:
Satırlarınızın ve sütunlarınızın içine her şeyi yerleştirebilirsiniz: metin, kısa kodlar (shortcode), bileşenler ve hatta daha fazla satır ve sütun ekleyebilirsiniz.
Bir satır (veya satırınızın içindeki bir içerik) seçildiğinde, denetçinizde daha fazla seçenek görünür hale gelecektir. Bölümünüzü daha fazla stillendirmek için bu düğmeleri kullanabilirsiniz:
Denetçide bunun altında sütunlarınızı stillendirmek için ek seçenekler de bulunmaktadır.
Satırın kendisine tıklayıp basılı tutarak satırları farklı konumlara taşıyabilirsiniz (içindeki bir öğeye tıklayıp basılı tutarsanız, satır değil yalnızca o öğe sürüklenecektir).
Sitenizin ön yüzünde “Page Builder Sandwich ile Düzenle” düğmesini göremiyorsanız deneyebileceğiniz birkaç şey şunlardır:
PB Sandwich düzenleme düğmesi, ön yüzdeki yönetici çubuğunuzda yer alır. Yönetim panelinize gidip Kullanıcılar > Profiliniz bölümüne geçerek ve Siteyi görüntülerken araç çubuğunu göster kutusunun işaretli olduğunu iki kez kontrol ederek yönetici çubuğunun görünür olduğundan emin olun.
Ön yüzde yalnızca Yazılar, Sayfalar ve Özel Yazı Türleri düzenlenebilir. Ön yüzde bir şeyleri yalnızca arka uçta WordPress’in içerik düzenleyicisini kullanarak düzenleyebiliyorsanız düzenleyebilirsiniz. Sitenizin diğer alanları – ör. blog yazılarının ana sayfa listesi, tüm blog yazılarının listesi, kategori listeleri, 404 sayfaları, arama sayfaları – kullandığınız tema ile birlikte WordPress tarafından oluşturulan dinamik sayfalardır ve PB Sandwich kullanılarak düzenlenemez.
Geçerli web sayfasının düzenlenebilir olup olmadığının bir göstergesi, yönetici çubuğunuzda “Yazıyı Düzenle” veya “Sayfayı Düzenle” seçeneğini görüp göremediğinizdir.
Sayfanız/yazınız bir tema veya eklenti tarafından dinamik olarak oluşturuluyorsa Page Builder Sandwich (ve büyük olasılıkla diğer sayfa oluşturucular) ile düzenlenemez. Arka uçtaki içerik düzenleyicinizin boş olduğunu, ancak sayfanızı ön yüzde görüntülerken içerikle dolu olduğunu fark ederseniz bu, sayfanızın dinamik olarak oluşturulduğunun iyi bir göstergesidir.
Sayfanızın dinamik olarak oluşturulup oluşturulmadığını kontrol etmek için web sayfanızın kaynağını görüntüleyin (sağ tıklayın ve ardından “Sayfa Kaynağını Görüntüle”yi seçin). “pbs-main-wrapper” metnini arayın, bu metni hiçbir yerde göremiyorsanız sayfanız dinamik olarak oluşturulmuştur.
Dinamik olarak oluşturulan içeriğe birkaç örnek:
Temanın boş olduğunda içeriği hiç göstermediği durumlar olmuştur ve bu da PBS’nin sayfanın düzenlenemez olduğunu yanlışlıkla düşünmesine neden olmuştur. Durumun bu olup olmadığını kontrol etmek için sayfanızı/yazınızı arka uç düzenleyicide düzenleyin, içeriğinize herhangi bir metin eklemeyi deneyin (örneğin “merhaba”), ardından oradaki “Page Builder Sandwich ile Düzenle” düğmesine tıklayın.
Bu ipucu için Mathias Hellquist’e teşekkürler!
Bazı sayfa oluşturucular, WordPress’in varsayılan içerik düzenleyicisini ya da sayfa oluşturucunun kendi düzenleyicisini kullanma arasında seçim yapmanızı ister. Sayfanızı zaten başka bir sayfa oluşturucu kullanarak düzenlediyseniz sayfa oluşturucunun içeriği zaten “sahiplenmiş” olması ve diğer içerik kancalarının/filtrelerinin artık çalışamaması olasıdır. Bu nedenle, bazen Page Builder Sandwich içeriğinizin nerede olduğunu algılayamaz ve düzenlenecek bir şey olmadığı için düzenleme düğmesini göstermez.
Bunu düzeltmek için ilgili sayfa/yazı için o sayfa oluşturucuyu kullanmamayı tercih edin ve yalnızca WordPress’in varsayılan içerik düzenleyicisini kullanmayı seçin.
Sayfada Düzenleme Yetkilerinizin Olduğundan Emin Olun
Sayfayı düzenleyemiyorsanız düzenleme düğmesi görünmez. Örneğin, bir editör veya yazar iseniz ve sitede blog yazıları ile makaleler yazabiliyorsanız bu, ön sayfayı veya iletişim sayfanızı düzenleyebileceğiniz anlamına gelmez. Yönetici çubuğunuzda “Yazıyı Düzenle” düğmesini görebiliyorsanız PB Sandwich kullanarak da düzenleyebilmeniz gerekir. İhtiyacınız varsa site yöneticinizden düzenleme yetkileri isteyin.
PB Sandwich yoğun olarak Javascript kullanır. Sitenizde bulunan diğer komut dosyalarından kaynaklanan Javascript hataları varsa bu, PB Sandwich’in çalışmasını engelleyebilir. Durumun bu olup olmadığını kontrol etmek için hataları denetlemek üzere tarayıcınızda geliştirici konsolunu açabilirsiniz.
Bunun için Chrome kullanmanızı öneririm. Sayfadaki herhangi bir yere sağ tıklayın, ardından “İncele” seçeneğine tıklayın. Bu, tarayıcınızın alt kısmında yeni bir alan açacaktır, “console” sekmesine tıklayın. Hatalarınız varsa şuna benzer bir şey görmelisiniz:
Bir hatanız varsa komut dosyasının adına tıklayarak veya farenizi üzerine getirerek bunun nereden kaynaklandığına dair bir ipucu da edinebilirsiniz:
Bu hatalar temanızdan veya sahip olabileceğiniz diğer eklentilerden kaynaklanabilir. Bu hataların düzeltilmesi PB Sandwich’in yeniden çalışmasını sağlayabilir.
Temanız veya eklentilerinizden biri Javascript hatasına neden oluyorsa lütfen [email protected] adresinden e-posta yoluyla bize bildirin; sorunu çözmek için elimizden geleni yapacağız 🙂
CloudFlare yaygın olarak kullanılan ücretsiz bir DNS CDN’dir. Harikadır, ancak PBS şu anda Rocket Loader özelliği söz konusu olduğunda sorunlar yaşamaktadır. Rocket Loader, Javascript dosyalarının yükleme süresini iyileştirir ancak PBS’nin komut dosyalarının bağımlılık ve çağrı sırasını bozar. Rocket Loader’ı açtıysanız Page Builder Sandwich düzenleme düğmesi görünmeyecektir (ve hiçbir Javascript konsol hatası gösterilmez).
Sitenizin CloudFlare’in Rocket Loader özelliğini kullanıp kullanmadığını kontrol etmek için web sayfanızın kaynağını görüntüleyin (sağ tıklayın ve ardından “Sayfa Kaynağını Görüntüle”yi seçin) ve ardından “rocketscript” metnini arayın, bu metni bulursanız Rocket Loader açıktır.
Nasıl kapatılacağına ilişkin tüm talimatlar için CloudFlare ve Rocket Loader Uyumluluğu makalesini okuyun.
Pekala bu noktada, yukarıdaki çözümlerin hiçbiri işe yaramadıysa neden görünmediğini neden ve bu konuda ne yapılacağını açıklamanın zamanı gelmiş olabilir. Hazır mısınız? Başlayalım!
Page Builder Sandwich’in sayfanızın/yazınızın içeriğinin nerede olduğunu bilmesi gerekir. Bunu, WordPress’in yazı içeriğini ne zaman yüklediğini dinleyerek ve her şey yüklendiğinde iyi içeriğin nerede olduğunu bulabilmemiz için o alanı “işaretleyerek” yaparız.
Bazen bazı eklentiler bu süreci geçersiz kılar veya atlar ve bunun yerine içeriği kendi yöntemleriyle yüklemeye çalışır. Bazen bu sorun teşkil etmez, ancak belirli senaryolarda, özellikle ana yazı içeriğinin yüklenmesi söz konusu olduğunda, bu durum bazı eklentilerin çalışmayı durdurmasına neden olabilir. Başka bir eklenti bu yükleme sürecini atladığında, yaptığımız “işaretlemeler” kaybolabilir ve düzenleyicinin devreye girme zamanı geldiğinde içeriğinizin nerede olduğunu artık bulamaz. Bu nedenle düzenleme düğmesi görünmez! Ayrıca sayfanıza içerik ekleyen bazı eklentilerin (örneğin bazı sosyal paylaşım eklentileri) tam olarak bu nedenle çalışmayı durdurabileceğini de görebilirsiniz.
Page Builder Sandwich’in sayfanızın/yazınızın içeriğinin nerede olduğunu bilmesi gerekir ve bunu the_content filtresine kancalanıp ana içeriğinizin etrafına bir sarıcı (wrapper) ekleyerek yapar. Bazı eklentiler bunu geçersiz kılabilir ve sürecin ilerleyen kısımlarında içeriğin üzerine bir get_the_content() fonksiyonu ile yazabilir. Ne yazık ki bunu yapmak TÜM the_content filtrelerinin çağrılmasını engeller ve bu nedenle PBS’nin sarıcısı kaybolur. Diğer eklentilerin değişiklikleri de aynı şekilde kaybolacaktır.
Kendi başına get_the_content() kullanmanın yanlış bir tarafı yoktur, ancak tüm the_content filtrelerinin çalıştırıldığı normal the_content() çağrısı yerine ana sorguda ve tekil yazı şablon sayfası içinde kullanılması durumunda olumsuz etkiler ortaya çıkabilir.
Page Builder Sandwich’in “işaretlemelerinin” mevcut olup olmadığını sayfanızı/yazınızı ön yüzde ziyaret ederek ve giriş yapmış durumdayken sayfa kaynağını görüntüleyerek kontrol edebilirsiniz. Kod yığını içinde şu dizeyi bulup bulamadığınızı arayın:
data-name="main-content"
Bulabiliyorsanız bir yerlerde yalnızca bir Javascript sorunu olabilir; bize kullandığınız temayı ve eklentileri bildirmeniz yeterlidir, biz de bunu düzeltebiliriz.
Ancak bulamıyorsanız temanız (veya bir eklenti, ancak bir sayfa veya blog yazısıysa büyük olasılıkla temadır) yazı içeriğiyle bir şeyler yapıyor olabilir. Durum buysa tema yazarıyla iletişime geçmeli ve sorunu onlara bildirmelisiniz! Yukarıdaki teknik “neden” açıklamasını da onlara gösterebilirsiniz, bu hata ayıklamaya yardımcı olabilir 🙂
PHP ile uğraşma konusunda kendinize güveniyorsanız yazı içeriğini işleyen şablon dosyasını bularak düzeltmeyi deneyebilirsiniz. Karşılaştığımız çözümlerden biri, şu çağrıları:
$content = get_the_content();
şununla değiştirmektir:
ob_start(); the_content(); $content = ob_get_clean();<br>
Not: PHP değişkeni sizinkinde farklılık gösterebilir, ancak kavram aynı olmalıdır. İşe yararsa bu değişikliği doğrudan temanızda uygulamak yerine bir alt tema (child theme) oluşturmanız da daha iyi olacaktır. Değişiklik nedeniyle yan etkiler de olabilir, bu nedenle bu konuda temanızın yazarına danışmanız daha iyidir.
| Lite Sürüm | Mevcut değil |
| Premium Sürüm | Tüm özellikler mevcut
|
İsteğe bağlı olarak bir metni vurgulayın, ardından denetleyicideki buton öğesine tıklayın. Bu, butonunuzun bağlantı vereceği URL’yi yazabileceğiniz bir modal pencere açacaktır. Buradan web sitenizde bulunan mevcut herhangi bir web sayfasını da arayabilirsiniz.
Diğer öğelerin aksine, butonlar satır içi yerleştirilir; bu da diğer metinlerin (veya diğer butonların) yanına yerleştirilecekleri anlamına gelir. Tek tek butonları başka konumlara sürükleyip bırakamazsınız, bunun yerine butonu onu çevreleyen metinle birlikte sürükleyebilirsiniz.
Düzenleme yaparken bir butona tıkladığınızda, denetleyicide ek stil seçeneklerini görebilirsiniz. Bağlantı verdikleri URL’yi ve diğer komutları görmek için farenizi butonların üzerine de getirebilirsiniz.
Not: Bunu, PBS halihazırda yüklü ve etkinleştirilmiş durumdayken siteden indirdiğiniz bir zip dosyasıyla veya size e-posta ile gönderdiğimiz bir ek dosya ile güncellemek istediğinizde yapın.
Not: Güncellemeleri gerçekleştirmek için başka bir eklenti kullanıyoruz, bu sayede PBS’yi önce kaldırmaya gerek kalmadan doğrudan güncelleyebiliriz.
Eklentiler > Yeni Ekle bölümüne gidin, ardından arama kutusunda “Easy Theme and Plugin Upgrades” eklentisini arayın
Eklentiyi bulduktan sonra yükleyin ve etkinleştirin.
Easy Theme and Plugin Upgrades eklentisini etkinleştirdikten sonra tekrar Eklentiler > Yeni Ekle bölümüne gidin, ardından üst kısımdaki Eklenti Yükle butonuna tıklayın:
Page Builder Sandwich zip dosyasını seçip yükleyin,
İşte bu kadar. Artık PBS’nin yeni sürümüne sahip olmalısınız.
| Lite Sürüm | Sınırlı stil seçenekleriyle kullanılabilir |
| Premium Sürüm | Tüm özellikler kullanılabilir
|
Sayfanıza bir harita eklemek için harita öğesine tıklayın. Harita öğesi seçildiğinde denetçi harita ayarlarını göstermelidir. Haritanızı o alanda ortalamak için denetçideki konum alanına enlem ve boylam koordinatları veya bir adres girebilirsiniz. Burada başka stil seçenekleri de mevcuttur.
Haritada kaydırma yaparak veya yakınlaştırıp/uzaklaştırarak harita öğesini daha fazla düzenleyebilirsiniz. Harita üzerindeki değişikliklerinizin öğeye uygulanacağını unutmayın.
Premium kullanıcılar için haritanızı renklendirmek adına bir renk seçerek stillendirebilirsiniz; diğer bir seçenek ise bazı renk şemaları oluşturmak için snazzymaps.com adresini kullanmak ve ardından bunları uygulamaktır. SnazzyMaps, şuna benzer renk şemaları oluşturmak için kullanılabilir: https://snazzymaps.com/style/20053/papuportal-dark Bu renk şemalarını kullanmak için Javascript stil dizisini (style array) denetçiye kopyalayın.
Harita yükseklikleri ayarlanabilir, ancak harita genişlikleri ayarlanamaz ve her zaman mevcut maksimum genişliğe göre yeniden boyutlandırılır. Boyutlandırmak için haritalarınızı satırların ve sütunların içine yerleştirin. Ayrıca haritaları tarayıcının tam genişliğini kaplayacak şekilde de ayarlayabilirsiniz.
Page Builder Sandwich tipik sayfa oluşturucular gibi değildir; karmaşık değildir ve kullanımı kolaydır.
Hızlı bir tur için aşağıdaki videoyu izleyebilirsiniz.
İlk olarak yeni bir sayfa, yazı veya özel yazı türü (CPT) oluşturun. Ardından sitenizin ön yüzünde yeni yazınızı veya mevcut herhangi bir yazıyı ziyaret edin. PBS %100 ön yüz tabanlıdır, arka yüzde değişiklik yapmakla uğraşmanıza gerek kalmaz.
Sayfanızın üst kısmında (yönetici çubuğunuzda) bir “Page Builder Sandwich” düğmesi olmalıdır, düzenlemeye başlamak için buna tıklayın. Metin biçimlendirme alanının üstten, öğe ekleme panelinin ise yandan açıldığını göreceksiniz. Temanızın içerik alanı artık sizin düzenleyicinizdir!
PBS ile yalnızca tekil sayfaları düzenleyebilirsiniz. Blog yazıları listesini veya temanız tarafından oluşturulan 404 sayfasını düzenleyemezsiniz. Yazılar, sayfalar ve özel yazı türleri düzenlenebilir.
Şimdi işin harika kısmı geliyor… ön yüze geçip düzenleyicinin içine girdiğinizde, içeriğinizdeki herhangi bir metne tıklayın veya içerik alanınızın içine tıklayıp yazmaya başlayın! Diğer sayfa oluşturucuların aksine PBS, açılır iletişim kutularıyla uğraşmak zorunda kalmadan içeriği doğrudan düzenlemenize olanak tanır.
Düzenleme yaparken en üstteki alana Metin Biçimlendirme Çubuğu denir. Bu çubuk, metinleri stillendirmek için kullanacağınız tüm biçimlendirme araçlarını içerir: renkler, kalın, italik, hizalamalar, bağlantı ekleme, madde işaretleri ve daha fazlası. Aracın ne işe yaradığını öğrenmek için farenizi her düğmenin üzerine getirin.
Öğe Ekleme Paneli‘ni göstermek için farenizi ekranın sol üst kısmındaki Öğe Ekle düğmesinin üzerine getirin. Ayrıca görünmesini sağlamak için farenizi doğrudan ekranın sol tarafına da taşıyabilirsiniz.
Herhangi bir öğeyi eklemek için üzerine tıklayıp basılı tutun ve ardından içerik alanınıza sürükleyin. Öğenin yerleştirileceği alan vurgulanacaktır. Öğeyi yerleştirmek için fare düğmesini bırakın.
Farenizi içeriğinizdeki herhangi bir öğenin üzerine getirdiğinizde üzerlerinde ana hatlar ve araç çubukları belirecektir.
Öğeler arasındaki kenar boşluklarını artırmak/azaltmak için farenizi ana hatların kenarları üzerine getirebilirsiniz.
Öğe üzerinde hızlı işlemler gerçekleştirmek için araç çubuğundaki bir düğmeye de tıklayabilirsiniz. Araç çubuğundaki dişli simgesine tıklamak, daha fazla seçenek içeren Özellikler Denetleyicisi‘ni açacaktır.
Özellikler denetleyicisi, öğelerinizin görünümü üzerinde daha fazla kontrol sahibi olmanızı sağlar. Gölgeler, animasyonlar, harita renklerini değiştirme, kenarlık yarıçapı ve çok daha fazlası gibi birçok şey ekleyebilirsiniz.
Ayrıca öğenin üst (parent) öğelerinin özelliklerine de erişebilirsiniz. Örneğin, bir sütunun içine bir resim yerleştirdiyseniz ve özellikler denetleyicisini açtıysanız; resmin, içinde bulunduğu sütunun ve sütunun yer aldığı satırın özelliklerine erişebilirsiniz.
Özellikler denetleyicisi farklı öğeler için birçok farklı ayar içerir, bu nedenle hepsini incelemeyi unutmayın.
Page Builder Sandwich, ön yüzde gerçek kısa kodları gösterir ve bunları kolayca düzenleyebilirsiniz!
Kısa kodlarınızı ezberlediyseniz, bunları doğrudan içeriğinize yazarak ekleyebilirsiniz. Ancak hepsini ezberlemediyseniz (kim ezberler ki?), denetleyici sitenizde bulunan tüm kısa kodları listeler. Denetleyicideki bir Kısa Kod düğmesini içerik alanınıza sürükleyin ve eklemek istediğinizi bulup üzerine tıklayarak ekleyin.
Kısa kodlar ön yüzde gerçek içeriğe dönüştürülür; bunları düzenlemek için seçebilir ve denetleyicideki özniteliklerine göz atabilirsiniz. Ya da daha fazla kontrol için, ham biçimde düzenlemek üzere kısa koda çift tıklayabilirsiniz. Düzenlemelerinizi yaptıktan sonra, kısa kodunuz değişiklikleri yansıtacak şekilde güncellenecektir.
PBS ile her şeyi tıklayıp sürükleyebilir ve dilediğiniz yere taşıyabilirsiniz. Bir şeyi sürüklediğinizde, sayfadaki başka bir öğenin üzerine getirin; içeriği diğer herhangi bir içeriğin üstüne veya altına taşıyabilirsiniz.
Çalışmanızı Kaydetme
Tasarımınızdan memnun kaldığınızda, sayfanızın sol üst köşesindeki kaydet düğmesine tıklamanız yeterlidir. İşte bu kadar!
İmlecinizi içeriğinizdeki farklı alanlara hızlıca yerleştirmek veya farklı öğeleri seçmek için farenizi kullanabilirsiniz.
İmlecinizi içeriğiniz üzerinde hareket ettirmek için klavyenizdeki ok tuşlarını da kullanabilirsiniz. Bunu satırların üstüne veya altına gitmek için kullanabilirsiniz.
Satırlar ve sütunlarla çalışırken, satırınızın hemen öncesine veya sonrasına içerik eklemek için satırların kenarlarına tıklayabilirsiniz. Bu, özellikle iç içe birden fazla satırınız olduğunda ve bunların arasına biraz içerik eklemek istediğinizde son derece kullanışlıdır.
Page Builder Sandwich alışılagelmiş sayfa oluşturuculara benzemez; karmaşık değildir ve kullanımı basittir.
Hızlı bir tur için aşağıdaki videoyu izleyebilirsiniz.
İlk olarak yeni bir sayfa, yazı veya CPT oluşturun. Ardından yeni yazınızı veya mevcut olanlardan herhangi birini ön yüzde ziyaret edin. PBS %100 ön yüz tabanlıdır, arka yüzde uğraşmanız gerekmez.
Sayfanızın üst kısmında (yönetici çubuğunuzda) bir “Page Builder Sandwich” butonu bulunmalıdır; düzenlemeye başlamak için buna tıklayın. Metin biçimlendirme alanının üstten, öğe ekleme panelinin ise yandan açıldığını göreceksiniz. Temanızın içerik alanı artık sizin editörünüzdür!
PBS ile yalnızca tekil sayfaları düzenleyebilirsiniz. Blog yazıları listesini veya temanız tarafından oluşturulan bir 404 sayfasını düzenleyemezsiniz. Yazılar, sayfalar ve özel yazı türleri uygundur.
Şimdi harika kısma geliyoruz… Ön yüze geçip editörü açtıktan sonra, içeriğinizdeki herhangi bir metne veya içerik alanınızın içine tıklayın ve yazmaya başlayın! Diğer sayfa oluşturucuların aksine PBS, açılır pencerelerle uğraşmanıza gerek kalmadan içeriği doğrudan düzenlemenize olanak tanır.
Düzenleme yaparken üstteki alana Metin Biçimlendirme Çubuğu adı verilir. Bu çubuk; renkler, kalın, italik, hizalamalar, bağlantı ekleme, madde imleri ve daha fazlası gibi metin stillendirmede kullanacağınız tüm biçimlendirme araçlarını içerir. Aracın ne işe yaradığını öğrenmek için her bir butonun üzerine gelin.
Öğe Ekleme Panelini görüntülemek için farenizi ekranın sol üst kısmındaki Öğe Ekle butonunun üzerine getirin. Ayrıca görünmesini sağlamak için sadece farenizi ekranın sol tarafına da götürebilirsiniz.
Herhangi bir öğe eklemek için, birinin üzerinde farenizi basılı tutun ve ardından içerik alanınıza sürükleyin. Öğenin yerleştirileceği alan vurgulanacaktır. Öğeyi yerleştirmek için fare düğmenizi bırakın.
İçeriğinizdeki herhangi bir öğenin üzerine farenizi getirin; üzerlerinde kenar çizgileri ve araç çubukları belirecektir.
Öğeler arasındaki kenar boşluklarını artırmak/azaltmak için farenizi kenar çizgilerinin kenarları üzerine getirebilirsiniz.
Öğe üzerinde hızlı işlemler gerçekleştirmek için araç çubuğundaki bir butona da tıklayabilirsiniz. Araç çubuğundaki çark simgesine tıklamak, daha fazla seçenek içeren Özellik Denetleyicisi‘ni açacaktır.
Özellik denetleyicisi, öğelerinizin görünümü üzerinde daha fazla kontrol sahibi olmanızı sağlar. Gölgeler, animasyonlar ekleyebilir, harita renklerini değiştirebilir, kenarlık yarıçapı ayarlayabilir ve çok daha fazlasını yapabilirsiniz.
Ayrıca öğenin üst öğelerinin özelliklerine de erişebilirsiniz. Örneğin, bir sütunun içine bir görsel yerleştirdiyseniz ve özellik denetleyicisini açtıysanız; görselin, bulunduğu sütunun ve sütunun yer aldığı satırın özelliklerine erişebilirsiniz.
Özellik denetleyicisi farklı öğeler için birçok farklı ayar içerir, bu yüzden hepsini incelediğinizden emin olun.
Page Builder Sandwich, ön yüzde gerçek kısa kodları gösterir ve bunları kolayca düzenleyebilirsiniz de!
Kısa kodlarınızı ezberlediyseniz, bunları doğrudan içeriğinize yazarak ekleyebilirsiniz. Ancak hepsini ezberlemediyseniz (kim ezberler ki?) denetleyici sitenizde bulunan tüm kısa kodları listeler. Denetleyiciden içerik alanınıza bir Kısa Kod butonu sürükleyin ve eklemek istediğinizi bulun, eklemek için üzerine tıklayın.
Kısa kodlar ön yüzde gerçek içeriğe dönüştürülür; bunları düzenlemek için seçebilir ve denetleyicideki özniteliklerini inceleyebilirsiniz. Veya daha fazla kontrol için, ham biçimde düzenlemek üzere kısa koda çift tıklayabilirsiniz. Düzenlemelerinizi yaptıktan sonra kısa kodunuz değişiklikleri yansıtacak şekilde güncellenecektir.
PBS ile her şeyi tıklayıp sürükleyebilir ve istediğiniz yere taşıyabilirsiniz. Bir şeyi sürüklediğinizde sayfadaki başka bir öğenin üzerine getirin; içeriği başka herhangi bir içeriğin üstüne veya altına taşıyabilirsiniz.
Çalışmanızı Kaydetme
Tasarımınızdan memnun kaldığınızda, sayfanızın sol üst köşesindeki kaydet butonuna tıklamanız yeterlidir. İşte bu kadar!
Lite eklentisi ve Premium eklentisi iki farklı eklentidir. Premium özellikleri kullanabilmek için Lite sürümünü devre dışı bırakmanız (veya kaldırmanız), ardından Premium eklentiyi yükleyip etkinleştirmeniz ve sonrasında lisans anahtarınızı girmeniz gerekir.
Not: Hem lite hem de premium eklentileri aynı anda etkinleştirirseniz eklenti, devam etmeden önce elinizdekini devre dışı bırakmanızı söyleyecektir.
PBS’yi pagebuildersandwich.com adresinden satın alan müşteriler için not: Eklentiyi siteden de indirebilirsiniz, mevcut lisans anahtarınızın hala çalışması gerekir. Çalışmazsa lütfen bizimle iletişime geçin, size yeni bir tane tanımlayabiliriz.
PBS’yi satın aldıktan sonra iki şey içeren bir e-posta almalısınız:
Premium eklentiyi yükleyip etkinleştirin, ardından karşınıza şu ekran gelmelidir:
Lisans anahtarınızı buraya girin ve Agree & Activate License (Kabul Et ve Lisansı Etkinleştir) seçeneğine tıklayın. Artık premium özellikler kullanılabilir olacaktır.
Alternatif olarak eklentiler sayfanıza gidebilir ve listede Page Builder Sandwich eklentisini bulabilirsiniz:
Activate License (Lisansı Etkinleştir) bağlantısına tıklayın, lisansınızı oradan girebiliyor olmalısınız.
Yakın zamanda, hem Page Builder Sandwich hem de IMPress for IDX Broker eklentisi birlikte etkinleştirildiğinde oturum açmış kullanıcılar için ön yüzde çökmeye neden olan uyumluluk sorununa ilişkin bazı düzeltmeler ekledik.
Düzeltme PBS’yi yeniden çalışır duruma getirdi, ancak IDX Broker bileşeninin düzenleyici içerisine eklenebilme özelliğini kaldırmak zorunda kaldık. Buna rağmen IDX Broker bileşeni Görünüm > Bileşenler menünüzde hâlâ kullanılabilir.
Page Builder Sandwich kullanarak yalnızca tekil sayfaları veya yazıları düzenleyebilirsiniz. Şöyle düşünün; yönetim panelinde içerik düzenleyicisi olan bir “Yeni Yazı” alanı varsa, bunu Page Builder Sandwich ile düzenleyebilirsiniz.
Herhangi bir özel yazı türünün içeriğini düzenleyebilmeniz gerekir.
Page Builder Sandwich’in web sitenizin performansı üzerinde neredeyse sıfır etkiye sahip 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 ve kullandığınız kısa kodlar için gerekli JS ve CSS komut dosyaları sıraya eklenir.
Web sitenizin ziyaretçileri için, en azından yalnızca satır ve sütun CSS stilleri sıraya alınır ve kullandığınız kısa kodlar için gerekli JS ve CSS komut dosyaları dahil edilir.
Daha hızlı çalışmanızı sağlamak için Page Builder Sandwich ile sunulan çeşitli kısayol tuşlarını kullanabilirsiniz.
Bunlar biçimlendirme dışı/araç komutları için kısayollardır. Biçimlendirme/araç kısayol tuşları için, kısayol tuşu kombinasyonlarını görmek üzere farenizi metin biçimlendirme çubuğundaki her bir düğmenin üzerine getirin.
| Kısayol Tuşu | Açıklama |
| CTRL+E (düzenleme yapmıyorken) | Düzenlemeye başla |
| CTRL+SHIFT+R (düzenleme yaparken) | Sayfayı yenile (CTRL+R sağa hizalama için kullanıldığından) |
| CTRL+S | Değişiklikleri kaydet |
| CTRL+ESC | Değişiklikleri yoksay ve düzenlemeyi durdur |
| CTRL+C | Kopyala |
| CTRL+V | Yapıştır |
| CTRL+X | Kes |
| CTRL+ENTER | Satır sonu / alt satır |
| CTRL+Z | Geri al |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Yinele |