Dapat ay compatible ang Page Builder Sandwich sa iba’t ibang module ng Jetpack.
May ginagawang espesyal ang Markdown Module kapag nagse-save ng content na nagdudulot ng pagkawala ng mga pagbabago habang isinasagawa ang conversion ng markdown. Upang mahawakan ito, ang markdown text sa backend editor ay nagiging mga html tag kapag sine-save ang iyong mga pagbabago mula sa frontend. (Salamat kay Jake Jackson sa pagtulong)
Nasubukan na namin ang Page Builder Sandwich sa PHP 7 at dapat ay maayos na gagana ang lahat nang walang anumang problema.
Mag-ingat kapag nag-a-upgrade ng iyong site mula sa mas mababang bersyon patungong PHP 7, dahil maraming hindi pagkakatugma sa mas mabababang bersyon na dapat tugunan sa lahat ng iyong mga tema at plugin.
May Javascript error na nagaganap kapag magkasama ang Page Builder Sandwich & Materialize. May conflict sa pagitan ng materialize.js at color picker ng WordPress Core.
May naiulat na isyu sa GitHub repo ng Materialize tungkol dito: https://github.com/Dogfalo/materialize/issues/2821
Patuloy pa ring gagana nang maayos ang plugin hangga’t hindi mo ide-deactivate ang lisensya sa iyong site. Kapag na-deactivate mo na ito, hindi mo na ito muling maa-activate pa.
Hindi ka makakatanggap ng mga update mula sa iyong WordPress dashboard, o magkakaroon ng access sa mga mas bagong bersyon. Hindi ka rin namin mabibigyan ng kahanga-hangang custom na suporta.
Ang pagdaragdag ng mga widget ay maaaring gawin sa pamamagitan ng pag-click sa button na Widget Element sa seksyon ng Elements sa inspector. Pagka-click, dapat may lumabas na popup na naglilista ng lahat ng mga widget na nahanap ng Page Builder Sandwich sa iyong site.
Maaaring idagdag ang lahat ng mga widget na nahanap sa iyong WordPress site, ngunit maaaring hindi gumana nang maayos ang ilang widget na gumagamit ng naka-customize/espesyalisadong Javascript code sa loob ng kanilang mga setting. Maaaring hindi gumana ang mga widget na gumagamit ng mga ito:
Walang dapat maging problema ang mga default na widget ng WordPress at mga katulad na ginawang widget.
Kung talagang kailangan mong gumana ang partikular na widget na iyon, may paraan para dito.
Maaari mong gamitin ang plugin na Custom Sidebars ng WPMU Dev upang gumawa ng bagong sidebar/widget area, idagdag ang iyong widget doon gamit ang karaniwang paraan sa Appearance > Widgets. Pagkatapos, sa Page Builder Sandwich, magdagdag ng Sidebar Element at piliin ang sidebar na naglalaman ng widget na kailangan mo.
Ang isa pang alternatibo ay muling likhain ang epektong gusto mo gamit ang iba’t ibang element at estilo na available sa Page Builder Sandwich.
Sa una mong pagbili ng Page Builder Sandwich, awtomatikong mada-download sa iyong computer ang isang .zip file na naglalaman ng plugin.
Kung sakaling maiwala mo ito, maaari mong i-download muli ang iyong .zip file sa pamamagitan ng pag-access sa link na ito: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Ang paglalagay ng iyong lisensya sa link na ito ay magbibigay-daan sa iyong makuha muli ang iyong .zip file ng Page Builder Sandwich, kasama ang iyong lisensya at mga detalye ng account.
Sa teknikal na aspeto, dapat itong gumana sa anuman at lahat ng tema.
Kasama ng aming mga user at customer, matagumpay naming nagamit ang Page Builder Sandwich sa maraming tema kabilang ang mga tema mula sa repositoryo ng tema ng WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes at mga tema mula sa ThemeForest.
Gayunpaman, maaaring may mga pagkakataong may ginagawang hindi karaniwan ang iyong tema at maaaring pigilan nito ang Page Builder Sandwich na gumana nang maayos. Kapag nangyari iyon, mangyaring magpadala sa amin ng kahilingan sa suporta at susubukan naming ayusin ito.
Karaniwang ginagawa ang pagbura ng mga bagay sa Page Builder Sandwich sa pamamagitan lamang ng pagpili sa teksto o elemento pagkatapos ay pagpindot sa delete o backspace button.
Ang isa pang alternatibo ay i-click ang delete / remove button sa inspector:
May ilang pagkakataon kung kailan hindi ito gumagana. Ang mga item na hindi gagana ay karaniwang mga container tulad ng mga row, column o carousel. Ito ay upang maiwasan ang hindi sinasadyang pagbura kapag nagtatanggal ng content.
Upang burahin ang mga item na iyon, i-click ang delete / remove button sa mga property ng elemento sa inspector. Halimbawa, upang magbura ng row, kakailanganin mong gamitin ang bahaging ito:
Available na ngayon ang Page Builder Sandwich sa:
Kung nais mong tumulong na mag-ambag sa paggawa ng Page Builder Sandwich sa pamamagitan ng pagsasalin nito sa iyong wika, pumunta sa aming pahina ng Transifex!
Napakadali ng pagdaragdag ng mga larawan. Maaari mong:
Siniguro namin na ang Page Builder Sandwich ay halos walang epekto sa performance ng iyong website. Kapag naka-log out, sa pinakakaunti, tanging mga CSS style para sa row at column lamang ang naka-enqueue, kasama ang mga kinakailangang JS at CSS script para sa mga shortcode na ginamit mo ay naka-enqueue.
Mayroong nakaraang problema tungkol sa NextGen at Page Builder Sandwich.
Bago ang bersyon 2.12, kahit paano ay na-trigger ng PBS ang NextGen na magpakita ng error message na naging dahilan upang magkaroon ng blangkong puting screen ang iyong site. Naayos na ito simula sa bersyon 2.12, kaya kung gumagamit ka ng mas lumang bersyon, mangyaring mag-update.
May libo-libong mga theme at iba pang mga plugin doon. Kaya habang sinusubukan naming maging maingat at buuin ang lahat ayon sa mga pamantayan, minsan ay maaaring magkaroon ng aberya.
Kung mapapansin mong hindi gumagana nang maayos ang Page Builder Sandwich sa iyong set up, narito ang ilang hakbang na maaari mong gawin upang i-troubleshoot ang problema.
Tingnan ang artikulo rito: Hindi Lumalabas ang Button na “Edit with Page Builder Sandwich” Kung hindi nito maayos ang problema, magpatuloy sa pagbabasa.
Mag-browse sa iba’t ibang artikulo sa Kategorya ng Troubleshooting sa docs.
WordPress, ang iyong mga plugin, ang iyong theme at maging ang Page Builder Sandwich. Laging mainam na maging updated. Ang pagtiyak na updated ang iyong mga gamit ay nangangahulugang magkakaroon ka ng mga pinakabagong pag-aayos sa bug at kahinaan (vulnerability) para sa iyong site.
Kung hindi mo ma-edit ang iyong nilalaman gamit ang Page Builder Sandwich (at malamang na may lumabas na popup ng error), maaaring ang nilalaman ng kasalukuyang pahina na iyong binubuksan ay ganap na binuo ng iyong theme / isang plugin. Upang suriin ito, i-edit ang iyong pahina/post sa backend nang normal gamit ang WordPress, pagkatapos ay tingnan kung lumalabas sa frontend ang iyong na-save na nilalaman. Kung hindi ito lumabas, nangangahulugan iyon na ang nilalaman ng pahina/post ay ganap na binuo at hindi maaaring i-edit gamit ang PBS.
Kung minsan, ang isang plugin ay maaaring magkaroon ng ilang hidwaan sa Page Builder Sandwich. Upang suriin kung aling plugin ang maaaring nagdudulot ng hidwaan, mag-deactivate ng isang plugin at tingnan kung muling gagana ang PBS. Gawin ito para sa bawat isa sa iyong mga naka-activate na plugin. Kung magsimulang gumana muli ang PBS at maaari mo nang i-edit ang iyong mga pahina, ang plugin na kade-deactivate mo lang ay hindi tugma sa PBS. Sa mga sitwasyong iyon, makipag-ugnayan sa amin sa pamamagitan ng email sa [email protected] at ipagbigay-alam sa amin upang maayos namin ito.
Kung walang nagbago matapos mag-deactivate ng mga plugin, subukang palitan ang iyong theme sa default na WordPress theme (ang mga Twenty-Something na theme). Kung maaari mo nang simulang i-edit muli ang iyong nilalaman gamit ang Page Builder Sandwich, kung gayon ang theme na iyong ginagamit ay hindi tugma sa PBS. Ipadala sa amin ang impormasyong ito sa pamamagitan ng email sa [email protected] at ipagbigay-alam sa amin upang maayos namin ito.
Sa mga bihirang pagkakataon, posibleng mapigilan ng isang browser extension ang Javascript code sa isang website na gumana nang maayos. Upang suriin kung ang isang browser extension ay nagdudulot ng mga problema, buksan ang iyong browser sa incognito mode (Chrome) o sa private mode at subukang i-access ang PBS, magbubukas ito ng bagong tab nang walang anumang extension. Kung gumana ito, mayroon kang extension na nagdudulot ng salungatan.
Natuklasang nagdudulot ng mga problema ang browser extension na PageXray.
Maaari kang mag-embed ng nilalaman mula sa iba’t ibang site tulad ng mga video sa YouTube, mga video sa Vimeo, mga Tweet at maging mga komento sa Reddit sa pamamagitan ng pag-paste ng kanilang mga permalink URL sa Page Builder Sandwich.
Tandaan na ang isang buong linya ng teksto ay dapat maglaman lamang ng URL
Gumagana ang Page Builder Sandwich kasabay ng feature na oEmbed ng WordPress. Kaya dapat suportado ang mga URL na maaari mong i-embed sa backend. Dapat ding gumana ang mga plugin na nagdaragdag ng suporta sa mga karagdagang provider ng oEmbed.
Makakakita ka ng listahan ng mga provider ng oEmbed mula sa codex: https://codex.wordpress.org/Embeds
Ang mga shortcode ay maaaring i-paste o direktang i-type habang nag-e-edit. Pagkatapos mong i-type ang iyong shortcode, pindutin ang enter o mag-navigate palabas ng shortcode at dapat itong lumabas kaagad sa nai-render na anyo nito.
Ang isa pang paraan ng pagdaragdag ng mga shortcode ay ang pag-click sa Shortcode Element sa iyong inspector. Magbubukas ito ng popup na naglilista ng lahat ng mga shortcode na available sa iyong site. Pumili ng isa o mag-double click sa alinman sa mga ito upang ipasok ito.
Maaari mong i-edit ang mga shortcode sa 2 paraan:
Hindi matutukoy ng Page Builder Sandwich ang mga attribute ng shortcode. Kaya kakailanganin mong i-type ang mga iyon. Kasalukuyan kaming gumagawa ng paraan upang mai-map ang mga shortcode sa system upang maging madali ito para sa lahat. Manatiling nakatutok para doon.
Maaari kang mag-embed ng content mula sa iba’t ibang mga site tulad ng mga video sa YouTube, mga video sa Vimeo, mga larawan sa Instagram, mga larawan sa Flickr, mga Tweet at maging mga komento sa Reddit sa pamamagitan ng direktang pag-paste ng kanilang mga permalink URL.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Makakahanap ka ng listahan ng mga embeddable na URL mula sa WordPress codex: https://codex.wordpress.org/Embeds
Maaari ka ring mag-install ng iba pang mga plugin na nagdaragdag ng suporta para sa mga karagdagang embed URL. Halimbawa, ang mga Wistia URL ay hindi sinusuportahan ng WordPress out-of-the-box, maaari mong i-install ang kanilang plugin upang paganahin ang pag-embed, pagkatapos noon, dapat ay kaya na rin itong pamahalaan ng PB Sandwich.
Tandaan na ang isang buong linya ng teksto ay dapat maglaman lamang ng URL upang gumana ito.
Maaari mo ring direktang i-paste ang mga embed code.
Ganito ang hitsura ng mga embed code:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Tandaan na ang isang buong linya ng teksto ay dapat maglaman lamang ng embed code upang gumana ito.
I-click ang tool na “Add Media”, pagkatapos ay i-paste ang iyong URL sa tab na “Insert from URL”.
Maaari mo lamang i-edit ang content ng mga page, post at custom post type gamit ang Page Builder Sandwich.
Gayunpaman, hindi mo maaaring i-edit ang mga theme template file tulad ng:
Isipin ito sa ganitong paraan, kung mayroong “Edit Post” o “Edit Page” sa iyong admin bar sa iyong frontend, kung gayon ay dapat na mae-edit ang page.
Ang Markdown ay karaniwang isang syntax na tina-type mo habang nag-e-edit upang magdagdag o baguhin ang formatting ng iyong teksto. Ang mga ito ay tulad ng mga shortcut key, ngunit sa halip na pindutin ang kumbinasyon, tina-type mo ang mga ito.
Nasa ibaba ang listahan ng lahat ng sinusuportahang Markdown syntax sa Page Builder Sandwich.
## Heading2
### Heading3
hanggang sa:
###### Heading6
> Blockquote
(4 na espasyo)Preformatted Text/Code
* Bullet list - Bullet list
1. Numbered list 1) Numbered list
- ------------------------------(o maramihang gitling)
Ang pag-type ng mga url ay awtomatikong magiging isang link:
Pumunta sa https://pagebuildersandwich.com
Pumunta sa [Page Builder Sandwich](https://pagebuildersandwich.com
Nilikha ang Page Builder Sandwich upang hindi makasagabal hangga’t maaari, upang ang ibang mga plugin ay walang maging problema sa pagsabay sa atin.
Gayunpaman, kung minsan ay may mga eksepsiyon dito. Nasa ibaba ang isang listahan ng mga plugin na may ilang kakaibang gawi kapag gumagana kasama ng Page Builder Sandwich. Hindi ito nangangahulugang hindi gumagana ang mga ito at hindi magkatugma, kundi maaaring may ilang pagkakaiba lamang sa gawi.
Patuloy naming ia-update ang listahang ito. Kung may nahanap ka, huwag mag-atubiling magpadala ng support ticket sa [email protected]
Sa premium na bersyon ng Page Builder Sandwich, maaari mong gamitin ang sarili mong mga SVG / vector icon. Narito kung paano:
Ang mga na-upload na icon ay maaari ding gamitin bilang mga bullet icon sa mga bullet list at mga icon ng button.
Tandaan: Kung hindi lumabas ang iyong icon sa iyong mga paghahanap, maaaring hindi maayos na na-parse ng PBS ang filename. Sa mga ganoong sitwasyon, maaari mong gamitin ang mga terminong “custom” o “upload” para mahanap ang iyong mga na-upload na icon.
Tingnan kung naka-on ang PBS at nasa editing mode.
if ( PBSEditor.isEditing() ) {
// May gawin kapag nag-e-edit.
}
Wala.
Boolean. True kapag kasalukuyang nag-e-edit, false kapag hindi nag-e-edit.
Ginagamit sa loob ng iframe na ginagamit ng PBS upang i-render ang responsive view nito habang nag-e-edit. Tinatawag ito bago magsara ang <head> tag at maaaring gamitin upang magdagdag ng mga script at style.
Wala.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Kung nagkakaproblema ka, narito kami para tumulong! Ngunit pakisuri muna ang mga pahina ng dokumentasyon, maaaring mahanap mo ang sagot dito at makakatipid ka sa oras.
I-email sa amin ang iyong mga katanungan sa suporta sa [email protected]
Nati-trigger kapag lumipat ang user sa pagitan ng iba’t ibang responsive view.
Wala.
Maaari mong pigilan ang PB Sandwich na lumabas sa front-end gamit ang pbs_is_editable_by_user filter.
Halimbawa, upang pigilan ang PB Sandwich na lumabas sa isang Custom Post Type na tinutukoy ng slug na slider, maaari mong idagdag ang piraso ng code na ito sa iyong functions.php
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;
}
Upang pigilan ang PB Sandwich para sa isang partikular na page/post, maaari mong gamitin ang post ID upang suriin:
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;
}
Nagpapadala ang PBS ng mga istatistika ng paggamit para sa mga nag-opt in na user sa tuwing nagse-save sila sa editor ng PBS. Maaaring gamitin ang filter na ito upang ihinto ang pagpapadala ng data.
$true
Boolean. Palagi itong true.
Kung nagkakaproblema ka, narito kami upang tumulong! Ngunit pakiusap, tingnan muna ang mga pahina ng dokumentasyon, maaaring mahanap mo ang sagot dito at makakatipid ka sa oras.
I-email sa amin ang iyong mga katanungan para sa suporta sa [email protected]
Na-trigger kapag binago ang isang opsyon (mula sa inspector).
Wala.
PBS >= 4.3
Nagdaragdag ang PBS ng wrapper upang matukoy ang content area ng isang post. Tinatawag ito bago ilagay ang wrapper.
$content
String. Ang content ng post kung saan inilapat ang wrapper.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Wala.
Array. Isang array ng lahat ng natukoy na shortcode tag.
PBS >= 4.3
I-override ang desisyon kung ikakarga o hindi ang PBS sa front-end at payagan ang user na gamitin ang PBS upang i-edit ang post.
$is_editable
Boolean. True kung ang post ay dapat na mae-edit gamit ang PBS. False kung hindi
Huwag payagan ang portfolio post_types na ma-edit gamit ang PBS
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;
}
Ginagamit sa loob ng iframe na ginagamit ng PBS upang i-render ang responsive view nito habang nag-e-edit. Tinatawag ito bago mismo magsara ang tag na <body> at magagamit ito upang magdagdag ng mga script at style.
Wala.
Nagdaragdag ang PBS ng wrapper upang matukoy ang content area ng isang post. Tinatawag ito pagkatapos mailagay ang wrapper.
$content
String. Ang content ng post kung saan inilapat ang wrapper.
PBS >= 4.3
Kinukuha ang instance ng PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Wala.
PageBuilderSandwich object. Ang kasalukuyang instance ng PBS class.
PageBuilderSandwich::is_editable_by_user()
Wala.
Boolean. True kung maaaring i-edit ng PBS ang post, false kung hindi.
Isang filter upang baguhin ang mga CSS style na sine-save para sa isang post. Tinatawag ito kapag ang pag-save ay pinasimulan mula sa editor ng PBS.
$style
String. Ang mga CSS style na ipinadala para i-save.
$post_id
Int. Ang post id na ating sine-save.
Tinatawag kapag natapos nang mag-load ang PBS editor (hindi tinatawag kapag nag-click ang user sa pindutan ng pagsisimula ng pag-edit)
Gumawa ng isang bagay pagkatapos mag-load ang PBS
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Isang listahan ng mga shortcode tag na itatago sa shortcode picker ng PBS. Gamitin ito kung mayroon kang mga shortcode na lumalabas sa picker popup na na-deprecate mo na o nais mo lang itago mula sa mga user.
$shortcodes
Array. Isang array ng mga shortcode tag.
Itago ang shortcode mula sa picker.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Nagdaragdag ng mga Javascript property sa pbsFrontendParams object sa front-end. Available ang pbsFrontendParams object sa front-end kahit kailan naka-log in at nag-e-edit ang user.
$params
Array. Isang array ng mga key at value na magiging available sa window-level Javascript variable na pbsFrontendParams
Gawing accessible ang isang variable sa front-end
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Magiging available ito sa Javascript sa ilalim ng pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Tinatawag bago i-save ng editor ang mga nilalaman. Maaari mo itong gamitin upang maglagay ng karagdagang data na ipapadala habang nagse-save (hindi nito sine-save ang data, ipinapadala lamang ito sa backend sa pamamagitan ng Ajax)
payload
FormData object. Ang data na ipinadala sa pamamagitan ng Ajax para sa pag-save.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Magdagdag ng data na ipapadala habang nagse-save.
payload.append( 'my_data', 'My Data' );
}
Ang kalakhan ng Page Builder Sandwich ay Javascript, at nagdagdag kami ng maraming pamamaraan upang mapalawak at madagdagan pa ng mga developer ang functionality ng aming page builder.
Para mas maging madali para sa mga developer, ibinatay namin ang mga bagay sa kung paano ito ginagawa ng WordPress – sa pamamagitan ng mga hook!
Sa WordPress, karaniwan mong ginagamit ang mga function na add_filter() at add_action() upang baguhin o dagdagan ang gawi ng WP. Sa katulad na paraan sa PBS, maaari mong gamitin ang wp.hooks.addFilter() at wp.hooks.addAction().
Ang paraan ng paggamit mo sa mga ito ay pareho rin: gumamit ng mga filter upang magbago ng mga bagay, at gumamit ng mga action upang magsagawa ng mga karagdagang bagay. Ang dalawang function call na iyon ay halos pareho lang sa kanilang mga katumbas sa PHP, maliban sa tumatakbo ang mga ito sa Javascript.
Upang hindi malito sa pagitan ng mga PHP hook at Javascript hook, pinangalanan namin ang mga Javascript hook gamit ang isang “period-case” (inimbentong salita). Ang mga PHP hook ay pawang gumagamit ng snake case:
Sumangguni sa mga kategoryang Javascript Actions at Javascript Filters sa kaliwang menu upang i-browse ang lahat ng hook.
Para sa mga interesado, ginagamit namin ang https://github.com/carldanley/WP-JS-Hooks upang idagdag ang magagandang hook call na iyon sa Javascript
Kung hindi mo mahanap kung saan mo naitabi ang iyong kopya ng premium plugin, maaari kang pumunta rito at ilagay ang iyong email address upang mabawi ito. I-e-email sa iyo ang plugin.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Nagdaragdag ng mga Javascript property sa pbsParams object sa front-end. Ang pbsParams object ay available sa front-end kapag naka-log in ang user at may kakayahang mag-edit ng page.
Naglalaman din ang variable na ito ng marami sa mga property na ginagamit ng PBS habang nag-e-edit, tulad ng mga nonce, isang listahan ng lahat ng na-load na shortcode, at mga translation string.
$params
Array. Isang array ng mga key at value na magiging available sa window-level na Javascript variable na pbsParams
Magdagdag ng hindi na-detect na shortcode sa editor
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Mag-enqueue ng script o style kasabay ng PBS. Tinatawag lamang ito kapag ang post ay maaaring i-edit gamit ang PBS. Kapag ang page ay hindi maaaring i-edit gamit ang PBS, hindi ito ginagamit kailanman.
Wala.
Kapag nag-load ang PBS, i-enqueue din ang my-script.js
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
Ito ay isang premium na feature at available sa bersyon 4.0.1+
Ang mga same-page scrolling anchor link ay mga link na tumutukoy sa isang partikular na lokasyon sa parehong pahina. Kapag nag-click ka sa isang same-page link, mag-i-scroll ang iyong browser patungo sa tinutukoy na lugar.
Kailangan mo ng dalawang bagay upang makagawa ng same-page anchor link:
Pumili ng anumang elemento malapit sa ibaba ng iyong pahina at pagkatapos ay buksan ang mga property nito. Sa advanced na lugar, magdagdag ng custom class o custom ID na pinangalanang ” go_here“
Ngayon, gumawa ng link o magdagdag ng button element saanman malapit sa itaas ng iyong pahina. Sa halip na magdagdag ng URL bilang link, gamitin ang ” .go_here” (may tuldok) kung idinagdag mo ang “go_here” bilang custom class; o gamitin ang “#go_here” (may hash) kung idinagdag mo ito bilang custom ID.
Pagkatapos mong i-save ang iyong pahina, kapag nag-click ka sa iyong link/button, dapat na itong mag-scroll nang maayos patungo sa elemento sa ibaba ng iyong pahina.
Ang mga named anchor tulad ng
<a name="go_here"></a>
ay maaari ding i-target sa pamamagitan ng pagdaragdag ng link sa “#go_here” (may hash)
Maaari mo ring i-target ang anumang iba pang lugar sa iyong pahina, kahit sa labas ng editor area hangga’t ita-target mo ang mga ito gamit ang kanilang mga class name o ID.
Tinatawag pagkatapos mai-save ang nilalaman. Tinatawag ito kapag sinimulan ang pag-save mula sa PBS editor.
Wala
Isang filter upang baguhin ang data ng post na ise-save. Tinatawag ito kapag sinimulan ang pag-save mula sa PBS editor.
$post_data
Array. Ang pinal na data ng post na ise-save, direktang ipinapasa ito sa wp_update_post() pagkatapos.
$_POST
Array. Ang raw data ng post na ipinadala mula sa editor para i-save. Na-verify na ito sa nonce.
$post_id
Int. Ang post id na ating sine-save.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Sa ilang kadahilanan, nais nating maging draft palagi ang post.
$post_data['post_status'] = 'draft';
return $post_data;
}
Tinatawag bago mai-save ang nilalaman. Tinatawag ito kapag ang pag-save ay pinasimulan mula sa editor ng PBS.
Wala
Kung ikaw ay isang developer ng theme, ang pagsasama ng PBS sa iyong theme ay maaaring lubos na magpataas sa halaga ng iyong produkto.
Makipag-ugnayan sa amin sa [email protected], magtulungan tayo!
Ang CloudFlare ay isang malawakang ginagamit na libreng DNS CDN. Mahusay ito, ngunit kasalukuyang may mga isyu ang PBS pagdating sa feature na Rocket Loader. Pinapabuti ng Rocket Loader ang bilis ng pag-load ng mga Javascript file, ngunit ginugulo nito ang dependency at call order ng mga script ng PBS. Kung naka-on ang iyong Rocket Loader, hindi lalabas ang edit button para sa Page Builder Sandwich (at walang lilitaw na mga error sa Javascript console).
Para i-off ang Rocket Loader, mag-log in sa iyong CloudFlare account at pumunta sa mga setting para sa iyong domain. Mag-navigate sa mga setting ng Speed:
Pagkatapos ay mag-scroll pababa sa mga setting ng Rocket Loader at tiyaking naka-off ang setting:
Pagkatapos itong i-off, siguraduhing i-purge ang cache ng iyong buong site mula sa mga setting ng Cache:
Pagkatapos i-purge ang lahat sa iyong cache, maaari mong i-refresh ang page at dapat ay lumabas na ngayon ang edit button ng Page Builder Sandwich.
Isang filter upang baguhin ang nilalaman ng post na ise-save. Tinatawag ito kapag pinasimulan ang pag-save mula sa PBS editor.
$content
String. Ang pinal na nilalaman ng post na ise-save.
$post_id
Int. Ang post id na ating sine-save.
Mula sa bersyon 4.0, maaari ka nang magpalipat-lipat sa mga view ng desktop, tablet, at mobile phone habang nag-e-edit! Tinatawag namin itong responsive mode. Sa responsive mode, magbabago ang laki ng iyong site sa mas maliit na sukat upang gayahin kung ano ang magiging hitsura ng iyong site sa mas maliliit na screen.
Habang tinitingnan ang iyong site sa mga view ng tablet o mobile phone, magkakaroon ka ng limitadong kakayahan sa pag-edit. Dahil dito, maaari mo LAMANG gawin ang mga sumusunod:
* Naglalapat ang PBS ng ilang responsive na styling sa iyong mga elemento at row, kaya ang ilang margin ay hindi maaayos.
Narito ang ilang bagay na hindi mo maaaring gawin:
Kung tinitingnan mo ang iyong site sa mga view ng tablet o mobile phone, anumang pagsasaayos ng margin na gagawin mo ay mailalapat lamang sa kasalukuyang view at sa mas maliit na view. Nagbibigay-daan ito sa iyo na i-tweak ang iyong mga disenyo upang maging mas maganda ang hitsura ng mga ito sa mas maliliit na screen, hiwalay sa buong bersyon ng desktop.
Narito ang isang halimbawa upang gawing mas malinaw ang mga bagay.
Nalalapat lamang ito sa mga pagsasaayos sa mga margin, ang mga pagbabago sa teksto o mga pagbabago sa estilo ng teksto ay nalalapat sa lahat ng laki ng screen.
Kapag tumitingin sa mga view ng tablet o mobile phone, magkakaroon ang iyong mga row ng bagong “eye” toolbar button na lalabas kapag itinapat mo ang cursor sa ibabaw ng mga ito. Ang pag-click dito ay magbibigay-daan sa iyo na ipakita/itago ang row para sa kasalukuyang sukat ng screen.
Magiging medyo transparent ang mga nakatagong row kapag nag-e-edit upang isaad na itatago ang mga ito kapag tapos ka nang mag-edit.
Tandaan na available lang ang feature na ito para sa mga row.
Habang gumagamit ng Varnish Cache at kung pagkatapos i-save ang iyong mga pagbabago ay nakikita mo pa rin ang iyong lumang content, posibleng hindi awtomatikong na-clear ang Varnish Cache.
May ilang mga WordPress plugin na nagpapahintulot sa iyo na i-clear ang iyong cache: https://wordpress.org/plugins/search/varnish+cache/
Kung hindi iyon gagana, maaari mo ring manu-manong i-purge ang Varnish Cache sa pamamagitan ng pagpapatakbo ng command na ito sa isang terminal:
curl -X PURGE http://mysite.com/my-page/
Ang Markdown ay karaniwang isang syntax na tina-type mo habang nag-e-edit upang magdagdag o magbago ng pag-format ng iyong teksto. Ang mga ito ay tulad ng mga shortcut key, ngunit sa halip na pindutin ang kombinasyon, tina-type mo ang mga ito.
Nasa ibaba ang listahan ng lahat ng sinusuportahang Markdown syntax sa Page Builder Sandwich.
(Pansinin ang mga espasyo)
# Heading1
## Heading2
hanggang sa:
###### Heading6
> Blockquote
(4 spaces)Preformatted Text/Code
* Bullet list - Bullet list
1. Numbered list 1) Numbered list
- ------------------------------(or multiple dashes)
Ang pag-type ng mga url ay awtomatikong magiging link:
Head over to https://pagebuildersandwich.com
I-type ang “lorem” pagkatapos ay pindutin ang tab upang lumikha ng dummy text content.
Upang i-deactivate ang PBS, mag-log in muna sa iyong Dashboard / backend, pagkatapos ay pumunta sa Plugins > Installed Plugins:
Kapag nasa pahina na ng Plugins, mag-scroll pababa sa iyong listahan ng mga plugin at hanapin ang para sa Page Builder Sandwich. Sa mismong ilalim ng pangalan, dapat ay makakita ka ng link na deactivate kasama ng iba pang mga link tulad ng Edit o Change License (maaaring mag-iba ito sa iyong site). I-click ang link na deactivate upang i-disable ang plugin.
Sa karamihan ng mga elemento (ngunit hindi sa mga shortcode), maaari kang magtakda ng entrance animation na gagana kapag naging nakikita ang elemento sa iyong screen.
Upang gawin ito, mag-hover sa ibabaw ng isang elemento upang lumabas ang toolbar, at pagkatapos ay i-click ang gear button.
Dapat nitong ipakita ang inspector. Mag-navigate patungo sa bahagi ng Animations, buksan ito at pagkatapos ay pumili ng animation.
Pagkatapos pumili ng animation, dapat itong mag-play upang magpakita ng preview sa iyo. Maaari mo pang isaayos ang animation gamit ang iba pang mga opsyong ibinigay.
Gagana lamang ang mga animation kapag nag-scroll ang user at lumabas ang elemento sa screen. Kung nakikita na ang elemento pagdating mo sa iyong page, hindi ito mag-a-animate.
Hindi! Ang lahat ng iyong mga pahina at nilalaman ay dapat manatili pa rin sa iyong site. Nangangahulugan ito na ligtas mong mai-deactivate ang PBS kapag nag-a-upgrade mula sa libreng bersyon patungo sa premium na bersyon, o kapag sumusubok ka lang ng mga bagay-bagay.
Gayunpaman, hindi lahat ay magiging pareho ang hitsura. Mapapansin mo na magbabago ang ilang item sa iyong pahina dahil naglalaman ang PBS ng mga karagdagang estilo at script na kailangan ng ilan sa mas detalyadong mga elemento.
Narito ang ilang mga bagay na mananatili kapag na-deactivate mo ang PBS:
Narito ang ilang mga bagay na mawawala kapag na-deactivate mo ang PBS:
Kung na-save mo ang iyong mga pagbabago sa iyong pahina at…
maaaring mangahulugan ito na hindi na-trigger ng pag-save ang iyong solusyon sa caching upang i-clear ang nakaimbak nitong data.
Kung gumagamit ka ng ilang uri ng solusyon sa caching – tulad ng isang caching plugin tulad ng W3 Total Cache, isang server-side caching software tulad ng Memcached o Redis, o DNS caching tulad ng CloudFlare – maaaring hindi nito na-clear ang iyong na-save na nilalaman.
Ang isang paraan upang suriin kung ito ang sitwasyon ay i-edit ang iyong pahina sa backend (ang normal na paraan), pagkatapos ay tingnan ang iyong pahina sa frontend. Kung hindi nagbago ang iyong nilalaman, maaaring hindi awtomatikong na-clear ang iyong cache.
Ang ilang solusyon sa caching na hindi WordPress ay may kasamang pantulong na WordPress plugin na makakatulong sa pag-purge o pag-clear ng kasalukuyang cache, ang mga solusyon sa WordPress ay karaniwang may mga pindutan o opsyon para dito.
Posible rin na may naganap na ilang uri ng PHP error habang nagse-save.
Upang suriin kung ito ang nangyayari, buksan ang iyong developer console (mas mainam sa Chrome) pagkatapos ay mag-navigate patungo sa tab na Network. Kapag naroon na, i-save ang iyong mga pagbabago sa PBS at dapat kang makakita ng maraming entry patungo sa admin-ajax.php. Kung nakikita mo ito sa kulay pula, nangangahulugan iyon na may naganap na error. Tingnan kung may nakikita kang katulad nito:
Kung ito ang sitwasyon, mangyaring mag-email sa amin sa [email protected] kasama ang mga kinakailangang kredensyal sa pag-log in upang masuri namin ito at maayos para sa iyo.
Mangyaring basahin ang artikulo tungkol sa compatibility ng Wordfence dito: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Tandaan: Hindi ito nalalapat sa mga customer ng Envato
Kung nakakaranas ka ng mga error kapag ina-activate ang iyong lisensya, narito ang ilang mga bagay na maaaring subukan..
Kadalasang nangyayari ito sa mga taong nag-a-update sa mas mataas na bersyon. Kung direktang na-update mo ang mga file ng plugin nang manu-mano at nilaktawan ang buong proseso ng pag-update o mga hakbang sa pag-deactivate-activate, maaaring hindi tumakbo nang maayos ang ilang mga proseso. Paki-deactivate ang plugin, pagkatapos ay muling i-activate ito at subukang ilagay muli ang iyong lisensya.
Simula sa v3.2, na-integrate na ang Page Builder Sandwich sa Freemius. May mga pagkakataon kung saan ang pag-clear ng data ng Freemius ay nag-aayos ng mga error sa pag-activate ng lisensya. Narito kung paano ito ayusin.
Pumunta sa iyong dashboard, at palitan ang iyong url sa http://yoursite.com/wp-admin/admin.php?page=freemius (huwag kalimutang baguhin ang URL upang tumugma sa iyong site.) Kung makarating ka sa lugar na ito sa ibaba, nasa tamang lugar ka.
I-click ang button na Delete All Accounts, at pagkatapos ay i-click din ang button na Clear API Cache. Pagkatapos gawin ito, subukang ilagay muli ang iyong license key.
Kung hindi ito gumagana, mangyaring makipag-ugnayan sa amin sa [email protected] at mangyaring bigyan kami ng mga detalye ng problema at ng iyong site.
Upang mabilis na magdagdag ng dummy text, i-type ang salitang “lorem” at pagkatapos ay pindutin ang tab o enter para mabilis na magdagdag ng placeholder text na lorem ipsum:
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.
Dito nagdagdag ako ng row na may kulay ng background at pagkatapos ay nagdagdag ng larawan sa loob nito. Narito ito:
Upang gawin itong “sumilip” sa itaas ng container, i-hover ang iyong mouse sa elementong nais mong ilipat. Pagkatapos, kapag lumitaw ang mga outline, ilipat ang iyong mouse lampas sa itaas ng outline. Dapat nitong ipakita ang kasalukuyang value ng top margin:
I-click at i-drag ang top margin pataas upang bawasan ang iyong margin, na ginagawa itong negatibong value:
Ngayon “sumisilip” na ang larawan sa labas ng row!
Kung napuputol ang elemento kapag lumagpas ito sa row, buksan ang properties inspector para sa row at i-toggle off ang opsyong overflow hidden sa mga opsyong Advanced:
Upang mag-embed ng nilalaman mula sa mga panlabas na website, i-paste lang ang URL at pagkatapos ay pindutin ang enter. Halimbawa, maaari mong kopyahin at i-paste ang URL na ito mula sa YouTube:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Posible rin ang pag-embed ng iframe sa pamamagitan ng pag-paste ng mga <iframe> embed code. Halimbawa, kopyahin at i-paste ang embed string na ito:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
Maaari kang mag-embed ng mga URL mula sa mga site na nakalista sa WordPress Codex: https://codex.wordpress.org/Embeds at anumang oEmbed enabled na site.
Gumagana ang Page Builder Sandwich sa lahat ng caching plugin. Gayunpaman, maaari kang makaranas ng ilang problema kung io-on mo ang kanilang functionality na minify o caching.
Siguraduhin lang na ang minify ay naka-disable para sa mga naka-log in na user, at dapat itong gumana nang maayos.
Ipinapakita lamang namin ang mga setting ng W3 Total Cache dito, ngunit ang iba pang mga caching & minify plugin ay dapat ding may katulad na mga setting.
Siguraduhin na ang Don’t cache pages for logged in users ay may tsek sa ilalim ng Performance > Page Cache
Kung gumagamit ka ng minify, siguraduhin na ang Disable minify for logged in users ay may tsek sa ilalim ng Performance > Minify
Kung sinusubukan mong i-drag ang mga handle ng margin o padding sa itaas at ibaba at hindi nagbabago ang margin/mga padding ng elemento, maaaring may iba pang mga estilo na sapilitang nagpapawalang-bisa sa anumang pagbabago sa estilo. Maaari rin itong mangyari kapag hindi mo mabago ang mga background, border, o kapag ang mga transparent na larawan ay palaging nagkakaroon ng kulay sa background.
Upang mahanap ang problema, buksan ang inspector ng iyong browser at siyasatin ang elemento. I-browse ang mga estilo para sa elementong iyon. Kung may makikita kang katulad nito:
Kung gayon, makasisiguro ka na ang iyong tema o isang plugin ang pumipigil sa anumang iba pang mga estilo na mailapat sa elemento. I-hover ang mouse sa stylesheet upang malaman kung saang tema/plugin ito nanggagaling.
Upang ayusin ito, alisin ang bahaging “! important” ng estilo, at dapat ay mailalapat mo nang muli ang mga estilo. Maaaring kailanganin mong makipag-ugnayan sa may-akda ng tema o plugin upang ayusin ito.
Tandaan: Bilang default, inaalis lang ang header mula sa frontpage.
Upang alisin ang header o menu mula sa alinman sa iyong mga pahina, kakailanganin mo ng plugin na nagpapahintulot sa iyong magdagdag ng custom na CSS, tulad ng Jetpack.
Upang alisin ang header, kakailanganin mo ang post ID ng iyong post, pagkatapos ay idagdag ang custom na CSS na ito (palitan ang 9999 dito ng iyong post ID):
body.page-id-9999 #masthead {
display: none;
}
Upang alisin ang mga menu mula sa isang pahina (palitan ang 9999 dito ng iyong post ID):
body.page-id-9999 #header-wrapper {
display: none;
}
o kapag inaalis ang menu mula sa iyong home page lamang:
body.page-id-9999 #header-wrapper {
display: none;
}
Maaari kang magdagdag ng mga background image sa iyong mga row at background. Higit pa rito, maaari mo ring lagyan ng kulay (tint) ang iyong background image upang mas umangkop ito sa iyong disenyo.
Halimbawa, mayroon ako ritong isang row na may background image at may nakapatong na puting teksto. Medyo mahirap makita ang teksto ngayon dahil sa background image na pinili ko.
Upang gawing mas maganda ang hitsura nito, maaari tayong magdagdag ng kaunting kulay sa ating background image. Para magawa ito, i-hover ang iyong mouse sa row, pagkatapos ay i-click ang gear icon ng row upang buksan ang mga property nito. Pumunta sa mga opsyon ng Background, pagkatapos ay i-on ang Background Image Tint.
Pagkatapos itong i-on, baguhin mo ang kulay ng background at magdaragdag na ito ng may kulay na tint sa iyong background image. Maaari mo ring baguhin ang tindi o opacity ng tint. Narito ang aking background na may berdeng tint upang gawing mas madaling makita ang teksto:
Regular na sinusuri ng Page Builder Sandwich kung naka-log in ka pa rin sa WordPress. Ginagawa ito upang matiyak na talagang mase-save ang iyong mga pagbabago sa oras na pindutin mo ang save button. Ginagamit din ito para sa pag-lock ng post at mga autosave.
Umaasa kami sa WordPress Heartbeat API upang maisagawa ang aming mga pagsusuri, at ito naman ay umaasa sa mga browser cookie at session. Kaya kung patuloy kang nakakatanggap ng mga “session expired” na popup habang nag-e-edit, maaaring may humahadlang sa WordPress na masubaybayan ka nang maayos. Narito ang ilang mga bagay na maaari mong gawin upang malutas ito:
Kung mayroon kang mga naka-install na caching plugin, o DNS caching, o anumang anyo ng caching, i-clear ang mga ito. I-clear din ang cache ng iyong browser. Posibleng hindi naibibigay sa iyo ang mga pinakabagong script para sa iyong site.
Posible rin na naging corrupt ang iyong mga cookie, madali itong malulutas sa pamamagitan ng pag-clear sa mga cookie ng iyong browser mula sa mga setting ng iyong browser. Karaniwan itong malapit sa opsyon kung saan mo iki-clear ang cache ng iyong browser.
Pumunta sa Settings > General at suriin ang iyong mga setting. Hanapin ang mga setting para sa WordPress Address (URL) at Site Address (URL). Ang mga domain at protocol ng mga iyon ay dapat tumugma sa iyong aktwal na domain. Halimbawa, kung ang isa ay may “http://” ngunit pumupunta ka sa iyong site gamit ang “https://”, dapat nakasaad sa mga setting ang “https://”. Ang isa pang karaniwang problema ay may “www” ang isa sa mga URL na iyon at ang isa ay wala.
Dapat magkatugma ang mga ito:
o:
Upang ayusin ito, maaari mong baguhin ang mga setting mula sa Settings > General. Kung hindi mo ma-edit ang mga setting na iyon, maaari mong buksan ang iyong FTP at i-edit ang file na wp-config.php, at idagdag ang mga linyang:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| Bersyong Lite | Hindi available |
| Bersyong Premium | Lahat ng feature ay available
|
Ang mga carousel ay isang makabagong paraan ng pagdaragdag ng nilalaman na paulit-ulit na umiikot sa paningin. Ang Page Builder Sandwich ay may native na elementong carousel na maaaring gamitin, na nag-aalis sa pangangailangan para sa mga panlabas na carousel plugin.
Ang pag-click sa button na gear ng elementong carousel ay nagbibigay-daan sa iyo na i-configure ang gawi ng carousel, tulad ng slide animation, delay, at higit pa. Sa paggawa, bibigyan ka ng tatlong carousel slide na magagamit, na may opsyon na magdagdag o mag-delete ng mga slide. Tinatanggap ng lahat ng slide na ito ang karaniwang mga elementong ginagamit, tulad ng text, mga larawan, at ilang partikular na shortcode.
Ang pagpapalit ng mga slide ay kasingdali ng pagpili mismo sa mga navigation button. Maaari ding baguhin ang pagkakasunod-sunod ng slide, sa pamamagitan din ng mga property (gear icon).
Upang baguhin ang status ng iyong post, i-hover ang iyong mouse sa drop down indicator sa save button sa itaas na kaliwa ng screen. Magpapakita ito ng higit pang mga opsyon sa pag-save.
Kung gumagamit ka ng lite version, maaaring napansin mo ang mga dilaw na tatsulok na flag. Ipinapahiwatig ng mga iyon kung ang isang partikular na button/elemento/opsyon ay isang premium na feature.
Kung nais mong itago ang mga iyon, maaari kang pumunta sa iyong Dashboard, mag-navigate sa page ng mga setting sa PBSandwich > Settings at i-check ang setting para sa Hide Premium Feature Flags
Ayaw namin ng magulong interface, at nais naming maging madaling maunawaan at madaling matuklasan ang lahat. Kaya kahit simple lang tingnan ang user interface ng Page Builder Sandwich, napakamakapangyarihan nito at marami kang magagawang bagay habang nag-e-edit.
Marami ka ring magagawang magagandang bagay gamit ang cursor ng iyong mouse. May mga interactive overlay at toolbar na lumalabas kapag itinapat mo ang iyong mouse sa iba’t ibang elemento. Bawat isa sa mga iyon ay may iba’t ibang ginagawa, tulad ng:
| Lite Version | Available ang lahat ng feature |
| Premium Version | Available ang lahat ng feature |
I-click ang HTML element sa Inspector para magdagdag ng bagong HTML element, dapat may lumitaw na modal window. I-type o i-paste ang iyong HTML code doon, pagkatapos ay i-click ang save HTML. Dapat nang lumabas ang iyong HTML sa loob ng editor.
I-hover ang iyong mouse sa ibabaw ng HTML element para ipakita ang toolbar. Maaari mong i-edit ang iyong HTML sa pamamagitan ng pag-click sa icon ng lapis sa toolbar, o sa pamamagitan ng pag-double click sa mismong element.
Kapag nagsimula ka nang mag-edit gamit ang PBS, itapat ang iyong mouse sa ibabaw ng pamagat ng iyong page/post, dapat may lumitaw na outline dito. I-click ang pamagat upang ilagay ang iyong cursor dito at baguhin ito.
Hindi available ang mga formatting tool sa bahagi ng pamagat, hindi mo maaaring baguhin ang mga estilo nito o magdagdag ng mga elemento sa pamagat.
Ang mga row at column ay mga tool na magagamit mo upang gumawa ng naka-section na content.
Kapag nag-e-edit gamit ang Page Builder Sandwich mula sa isang bagong gawang page/post, ang content na ita-type mo ay ilalagay lahat sa iisang column. Maganda ito para sa pagsusulat ng mga blog post, ngunit kung nais mong magkaroon ng mga espesyal na layout para sa mga landing page o contact page, malamang na gugustuhin mo ang isang 2-column na layout o kahit kombinasyon ng iba’t ibang column sa buong page mo.
Maaari kang magdagdag ng mga row & column sa pamamagitan ng paggamit sa mga button na ito sa inspector:
Kapag naidagdag na, mamamarkahan ng outline ang iyong bagong row:
Maaari kang maglagay ng kahit ano sa loob ng iyong mga row at column – text, mga shortcode, mga widget, at maaari ka ring magdagdag ng higit pang mga row & column.
Kapag napili ang isang row (o isang content sa loob ng iyong row), magiging available ang higit pang mga opsyon sa iyong inspector. Magagamit mo ang mga button na ito upang higit pang i-style ang iyong seksyon:
Mayroon ding mga karagdagang opsyon para sa pag-style ng iyong mga column sa ibaba nito sa inspector.
Maaari mong ilipat ang mga row sa iba’t ibang lokasyon sa pamamagitan ng pag-click at pagdiin sa mismong row (kung magki-click at magdi-diin ka sa isang elemento sa loob nito, ang elemento ang mai-drag at hindi ang row).
| Lite Version | Hindi available |
| Premium Version | Lahat ng feature ay available
|
Maaari mong i-highlight ang ilang teksto, pagkatapos ay i-click ang button element sa inspector. Magbubukas ito ng isang modal kung saan maaari mong i-type ang URL na ili-link para sa iyong button. Maaari ka ring maghanap ng anumang umiiral na webpage na mayroon ka sa iyong website mula roon.
Hindi tulad ng iba pang mga elemento, ang mga button ay inilalagay nang inline, na nangangahulugang ilalagay ang mga ito sa tabi ng iba pang teksto (o iba pang mga button). Hindi mo maaaring i-drag at i-drop ang mga indibidwal na button sa ibang mga lokasyon, kundi i-drag ang button kasama ang tekstong nakapaligid dito.
Habang nag-e-edit, kapag nag-click ka sa isang button, makikita mo ang mga karagdagang opsyon sa pag-istilo sa inspector. Maaari mo ring i-hover ang iyong mouse sa ibabaw ng mga button upang makita ang URL kung saan naka-link ang mga ito, at iba pang mga command.
Tandaan: Gawin ito kapag mayroon ka nang PBS na naka-install at naka-activate, at nais mo itong i-update gamit ang isang zip file na na-download mo mula sa site, o mula sa isang attachment na ipinadala namin sa iyo sa pamamagitan ng email.
Tandaan: Gumagamit kami ng isa pang plugin upang magsagawa ng mga update, nagbibigay-daan ito sa amin na i-update kaagad ang PBS nang hindi na kailangang i-uninstall muna ito.
Pumunta sa Plugins > Add New, pagkatapos ay sa search box, hanapin ang plugin na “Easy Theme and Plugin Upgrades”
Kapag nahanap mo na ang plugin, i-install at i-activate ito.
Pagkatapos i-activate ang plugin na Easy Theme and Plugin Upgrades, pumunta ulit sa Plugins > Add New, pagkatapos ay i-click ang button na Upload Plugin malapit sa itaas:
Piliin at i-install ang Page Builder Sandwich zip file,
‘Yun lang. Dapat ay mayroon ka na ngayong bagong bersyon ng PBS.
| Lite Version | Available na may limitadong styling |
| Premium Version | Lahat ng feature ay available
|
I-click ang elemento ng mapa upang magdagdag ng mapa sa iyong pahina. Sa tuwing mapipili ang elemento ng mapa, dapat ipakita ng inspector ang mga setting ng mapa. Maaari kang maglagay ng mga coordinate ng latitude & longitude o isang address sa field ng lokasyon sa inspector upang isentro ang iyong mapa sa lugar na iyon. May iba pang mga opsyon sa styling na available din doon.
Maaari mo pang manipulahin ang elemento ng mapa sa pamamagitan ng pag-pan o pag-zoom in/out sa mapa. Tandaan na ang iyong mga pagbabago sa mapa ay ilalapat sa elemento.
Para sa mga premium na user, maaari mong i-istilo ang iyong mapa sa pamamagitan ng pagpili ng kulay upang i-tint ito; isa pang opsyon ay gamitin ang snazzymaps.com upang bumuo ng ilang color scheme at pagkatapos ay gamitin ang mga iyon. Maaaring gamitin ang SnazzyMaps upang gumawa ng mga color scheme na katulad nito: https://snazzymaps.com/style/20053/papuportal-dark Upang magamit ang mga color scheme na ito, kopyahin ang Javascript style array patungo sa inspector.
Maaaring isaayos ang taas ng mapa, gayunpaman ang lapad ng mapa ay hindi at palaging magre-resize sa maximum na lapad na available. Upang baguhin ang laki nito, ilagay ang iyong mga mapa sa loob ng mga row at column. Maaari mo ring itakda ang mga mapa na sakupin ang buong lapad ng browser.
Maaari mong gamitin ang iyong mouse upang mabilis na ilagay ang iyong cursor sa iba’t ibang bahagi sa iyong nilalaman o pumili ng iba’t ibang elemento.
Maaari mo ring gamitin ang iyong mga arrow button sa iyong keyboard upang ilipat ang iyong cursor sa iyong nilalaman. Magagamit mo ito upang pumunta sa itaas o ibaba ng mga row.
Kapag humahawak ng mga row at column, maaari mong i-click ang mga gilid ng mga row upang magdagdag ng nilalaman pagkatapos o bago ang iyong row. Lalo itong nakatutulong kung mayroon kang maraming row sa loob ng isa’t isa at nais mong magdagdag ng ilang nilalaman sa pagitan ng mga ito.
Ang Page Builder Sandwich ay hindi tulad ng iyong karaniwang page builder, hindi ito kumplikado at simpleng gamitin.
Maaari mong panoorin ang video sa ibaba para sa isang mabilisang tour.
Una, gumawa ng bagong page, post o CPT. Pagkatapos ay bisitahin ang iyong bagong post o anupamang umiiral na post sa iyong frontend. Ang PBS ay 100% frontend, hindi mo na kailangang magkalikot sa backend.
Dapat mayroong button na “Page Builder Sandwich” sa itaas ng iyong page (sa iyong admin bar), i-click iyon upang simulan ang pag-e-edit. Dapat mong makitang lumitaw ang text formatting area mula sa itaas, at ang panel ng add elements mula sa gilid. Ang content area ng iyong tema ay ang iyong editor na ngayon!
Maaari ka lamang mag-edit ng mga single page gamit ang PBS. Hindi mo maaaring i-edit ang listahan ng mga post sa blog, o isang 404 page dahil ang mga iyon ay ginawa ng iyong tema. Ayos lang ang mga post, page, at custom post type.
Ngayon, narito ang kahanga-hangang bahagi.. kapag nasa frontend ka na at nasa loob ng editor, mag-click ng anumang teksto sa iyong nilalaman o mag-click sa loob ng iyong content area at magsimulang mag-type! Hindi tulad ng ibang mga page builder, pinapayagan ka ng PBS na direktang mag-edit ng nilalaman nang hindi kinakailangang dumaan sa mga popup dialog box.
Habang nag-e-edit, ang bahagi sa itaas ay tinatawag na Text Formatting Bar. Naglalaman ang bar na ito ng lahat ng formatting tool na gagamitin mo para sa pag-istilo ng teksto tulad ng: mga kulay, bold, italicize, mga alignment, pagdaragdag ng mga link, mga bullet, at higit pa. I-hover ang iyong mouse sa bawat button upang malaman kung ano ang ginagawa ng tool.
I-hover ang iyong mouse sa button na Add Elements sa itaas na kaliwa ng screen upang ipakita ang Add Element Panel. Maaari mo ring ilipat na lamang ang iyong mouse sa kaliwang bahagi ng screen upang lumitaw ito.
Upang magpasok ng anumang elemento, pindutin nang matagal ang iyong mouse sa isa, pagkatapos ay i-drag ito sa iyong content area. Mamu-highlight ang lugar kung saan ilalagay ang elemento. Bitawan ang button ng iyong mouse upang ilagay ang elemento.
I-hover ang iyong mouse sa anumang elementong mayroon ka sa iyong nilalaman at dapat lumitaw ang mga outline at toolbar sa ibabaw ng mga ito.
Maaari mong i-hover ang iyong mouse sa mga gilid ng mga outline upang dagdagan/bawasan ang mga margin sa pagitan ng mga elemento.
Maaari ka ring mag-click sa isang button sa toolbar upang magsagawa ng mabilisang pagkilos sa elemento. Ang pag-click sa icon na gear sa toolbar ay magpapakita ng Properties Inspector na naglalaman ng higit pang mga opsyon.
Binibigyan ka ng properties inspector ng higit na kontrol sa hitsura ng iyong mga elemento. Maaari kang magdagdag ng maraming bagay tulad ng mga anino, animation, magbago ng mga kulay ng mapa, border radius, at marami pang iba.
Maaari mo ring ma-access ang mga property ng mga parent ng elemento. Halimbawa, kung naglagay ka ng larawan sa loob ng isang column at binuksan ang properties inspector, maaari mong ma-access ang mga property ng larawan, ang column kung saan ito nakalagay, at ang row kung saan nakalagay ang column.
Ang properties inspector ay naglalaman ng maraming iba’t ibang setting para sa iba’t ibang elemento, kaya siguraduhing tingnan ang lahat ng ito.
Ipinapakita sa iyo ng Page Builder Sandwich ang mga aktwal na shortcode sa frontend, at madali mo ring mae-edit ang mga ito!
Kung nakasaulo mo ang iyong mga shortcode, maaari kang magpasok ng mga shortcode sa pamamagitan ng direktang pag-type ng mga ito sa iyong nilalaman. Ngunit kung hindi mo pa nasaulo ang lahat ng ito (sino nga ba ang gumagawa niyon?) inililista ng inspector ang lahat ng shortcode na available sa iyong site. Mag-drag ng button na Shortcode mula sa inspector patungo sa iyong content area at hanapin ang gusto mong ipasok, i-click iyon upang maipasok ito.
Ang mga shortcode ay nagiging aktwal na nilalaman sa frontend, upang i-edit ang mga ito, maaari mo itong piliin at tingnan ang mga katangian ng mga ito sa inspector. O para sa higit na kontrol, maaari mong i-double click ang shortcode upang i-edit ito sa raw nitong anyo. Pagkatapos maisagawa ang iyong mga pag-edit, mag-a-update ang iyong shortcode upang maipakita ang mga pagbabago.
Maaari mong i-click at i-drag ang anuman at ilipat ang mga ito kahit saan gamit ang PBS. Kapag nag-drag ka ng isang bagay, ilipat ito sa ibabaw ng isa pang elemento sa page, maaari mong ilipat ang mga ito sa itaas o sa ibaba ng alinmang nilalaman.
Pag-save sa Iyong Trabaho
Kapag nasiyahan ka na sa iyong disenyo, i-click lamang ang save button sa itaas na kaliwa ng iyong page. Iyon lang!
Kung hindi mo makita ang button na “Edit with Page Builder Sandwich” sa frontend ng iyong site, narito ang ilang bagay na maaari mong subukan:
Ang edit button para sa PB Sandwich ay available sa admin bar sa iyong frontend. Siguraduhing nakikita ang admin bar sa pamamagitan ng pagpunta sa iyong administration at pag-navigate sa Users > Your Profile at i-double check kung may tsek ang kahon para sa Show Toolbar when viewing site.
Tanging ang Posts, Pages & Custom Post Types lang ang mae-edit sa Frontend. Mae-edit mo lang ang mga bagay sa frontend kung mae-edit mo ang mga ito gamit ang content editor ng WordPress sa backend. Ang iba pang mga area ng iyong site – hal. ang listahan ng blog posts sa frontpage, listahan ng lahat ng blog post, mga listing ng kategorya, 404 pages, search pages – ay mga dynamic page na ginawa ng WordPress kasama ng theme na iyong ginagamit at hindi mae-edit gamit ang PB Sandwich.
Ang isang palatandaan kung mae-edit ang kasalukuyang webpage ay kung may nakikita kang “Edit Post” o “Edit Page” sa iyong admin bar.
Kung ang iyong page/post ay dynamically generated ng isang theme o plugin, hindi ito mae-edit gamit ang Page Builder Sandwich (at malamang sa iba pang page builder din). Kung mapapansin mo na walang laman ang iyong content editor sa backend, ngunit kapag tiningnan ang iyong page sa frontend ay puno ito ng content, magandang palatandaan ito na dynamically generated ang iyong page.
Para tingnan kung dynamically generated ang iyong page, tingnan ang source ng iyong webpage (mag-right click at piliin ang “View Page Source”). Hanapin ang tekstong “pbs-main-wrapper”, kung wala kang makitang ganoong teksto kahit saan, dynamically generated ang iyong page.
Narito ang ilang halimbawa ng dynamically generated na content:
May mga pagkakataon kung saan hindi talaga ipinapakita ng theme ang content kung blangko ito, at naging dahilan ito para mapagkamalan ng PBS na hindi mae-edit ang page. Para tingnan kung ito nga ang nangyayari, i-edit ang iyong page/post sa backend editor, subukang magdagdag ng anumang teksto sa iyong content (halimbawa “hello”), pagkatapos ay i-click ang button na “Edit with Page Builder Sandwich” mula roon.
Salamat kay Mathias Hellquist para sa tip na ito!
Pinapapili ka ng ilang page builder kung gagamitin ang default na content editor ng WordPress, o ang sariling editor ng page builder. Kung na-edit mo na ang iyong page gamit ang ibang page builder, posibleng “naangkin” na ng page builder na iyon ang content, at hindi na gagana ang iba pang content hook/filter. Dahil dito, kung minsan ay hindi matutukoy ng Page Builder Sandwich kung nasaan ang iyong content at hindi nito ipapakita ang edit button dahil walang mae-edit.
Para ayusin ito, piliin lang na huwag gamitin ang page builder na iyon para sa partikular na page/post na iyon, at piliing gamitin na lang ang default na content editor ng WordPress.
Siguraduhing Mayroon Kang Kakayahang Mag-edit sa Page
Hindi lalabas ang edit button kung hindi mo maaaring i-edit ang page. Halimbawa, kung ikaw ay isang editor o contributor at nakakapagsulat ka ng mga blog post at artikulo sa site, hindi ito nangangahulugang maaari mo ring i-edit ang front page o ang iyong contact us page. Kung nakikita mo ang button na “Edit Post” sa iyong admin bar, dapat ay kaya mo rin itong i-edit gamit ang PB Sandwich. Humingi ng mga pribilehiyo sa pag-edit sa administrator ng iyong site kung kailangan mo ang mga ito.
Madalas at malawakang gumagamit ng Javascript ang PB Sandwich. Kung may mga Javascript error na nagmumula sa iba pang mga script sa iyong site, maaari nitong pigilan ang PB Sandwich na gumana. Para tingnan kung ito ang nangyayari, maaari mong buksan ang developer console sa iyong browser para maghanap ng mga error.
Inirerekomenda kong gamitin ang Chrome para rito. Mag-right click sa kahit saan sa page, pagkatapos ay i-click ang opsyong “Inspect”. Magbubukas ito ng bagong panel sa ibaba ng iyong browser, i-click ang tab na “console”. Kung mayroon kang mga error, dapat may makita kang katulad nito:
Kung may error ka nga, maaari ka ring makakuha ng pahiwatig kung saan ito nanggagaling sa pamamagitan ng pag-click o pagtutok ng mouse sa pangalan ng script:
Ang mga error na ito ay maaaring magmula sa iyong theme o iba pang mga plugin na mayroon ka. Ang pag-aayos sa mga error na iyon ay maaaring magpagana muli sa PB Sandwich.
Kung ang iyong theme o isa sa iyong mga plugin ang sanhi ng Javascript error, mangyaring ipaalam sa amin sa pamamagitan ng email sa [email protected] at gagawin namin ang aming makakaya para ayusin ang isyu 🙂
Ang CloudFlare ay isang malawakang ginagamit na libreng DNS CDN. Mahusay ito, ngunit kasalukuyang may mga problema ang PBS pagdating sa feature na Rocket Loader. Pinapabilis ng Rocket Loader ang oras ng pag-load ng mga Javascript file, ngunit sinisira nito ang dependency at pagkakasunod-sunod ng pagtawag sa mga script ng PBS. Kung naka-on ang Rocket Loader, hindi lalabas ang edit button para sa Page Builder Sandwich (at walang lalabas na Javascript console error).
Para tingnan kung gumagamit ang iyong site ng Rocket Loader ng CloudFlare, tingnan ang source ng iyong webpage (mag-right click at piliin ang “View Page Source”), at pagkatapos ay hanapin ang tekstong “rocketscript”, kung makita mo ang tekstong iyon, naka-on ang Rocket Loader.
Basahin ang artikulo sa CloudFlare & Rocket Loader Compatibility para sa buong mga tagubilin kung paano ito i-off.
Sige sa puntong ito, kung wala sa mga solusyon sa itaas ang gumana, maaaring oras na upang ipaliwanag kung bakit hindi ito lumalabas at kung ano ang gagawin tungkol dito. Handa na? Tara!
Kailangang malaman ng Page Builder Sandwich kung nasaan ang content ng iyong page/post. Ginagawa namin ito sa pamamagitan ng pagsubaybay kapag ini-load ng WordPress ang content ng post at “pagmamarka” sa lugar na iyon, para kapag na-load na ang lahat ay mahahanap namin kung nasaan ang content.
Kung minsan, ino-override o bina-bypass ng ilang plugin ang prosesong ito at sa halip ay sinusubukang i-load ang content sa sarili nilang paraan. Kung minsan ay ayos lang ito, ngunit sa ilang partikular na sitwasyon, lalo na kapag sangkot ang pag-load sa content ng pangunahing post, maaari itong maging sanhi ng paghinto sa paggana ng ilang plugin. Kapag bina-bypass ng ibang plugin ang proseso ng pag-load na ito, maaaring mawala ang mga “pagmamarka” na ginawa namin, at kapag oras na para pumasok ang editor, hindi na nito mahanap kung nasaan ang iyong content. Kaya, hindi lumalabas ang edit button! Maaari mo ring mapansin na ang ilang plugin na nagdaragdag ng content sa iyong page, tulad ng ilang social sharing plugin, ay maaari ding huminto sa paggana dahil sa mismong bagay na ito.
Kailangang malaman ng Page Builder Sandwich kung nasaan ang content ng iyong page/post, at ginagawa nito ito sa pamamagitan ng pag-hook sa the_content na filter at nagdaragdag ng wrapper sa paligid ng iyong pangunahing content. Maaaring i-override ito ng ilang plugin at sa halip ay i-overwrite ang content gamit ang function na get_the_content() sa bandang huli. Sa kasamaang-palad, ang paggawa nito ay pumipigil sa LAHAT ng filter na the_content na matawag at dahil dito ay nawawala ang wrapper ng PBS. Ang mga pagbabago rin ng iba pang plugin ay mawawala rin.
Walang masama sa paggamit ng get_the_content() per se, ngunit maaaring magkaroon ng masasamang epekto kung gagamitin ito sa main query at sa loob ng single post template page sa halip na sa normal na tawag sa the_content() kung saan pinapatakbo ang lahat ng the_content na filter.
Maaari mong tingnan kung wala ang mga “marka” ng Page Builder Sandwich sa pamamagitan ng pagbisita sa iyong page/post sa frontend at pagtingin sa page source habang naka-log in. Maghanap sa kumpol ng code kung mahahanap mo ang string:
data-name="main-content"
Kung mahahanap mo ito, maaaring may problema lang sa Javascript sa kung saan at ipaalam lang sa amin ang theme at mga plugin na iyong ginagamit at maaari naming ayusin iyon.
Ngunit kung hindi mo ito mahanap, maaaring ang iyong theme lang (o isang plugin, ngunit malamang na ang theme kung ito ay isang page o blog post) ang may ginagawa sa content ng post. Kung ito ang sitwasyon, dapat kang makipag-ugnayan sa may-akda ng theme at ipaalam sa kanila ang problema! Maaari mo ring ipakita sa kanila ang teknikal na paliwanag sa “bakit” sa itaas, makatutulong ito sa pag-debug 🙂
Kung tiwala ka sa iyong sarili sa pagkalikot sa PHP, maaari mong subukang ayusin ito sa pamamagitan ng paghahanap sa template file na humahawak sa content ng post. Ang isang solusyon na aming naranasan ay sa pamamagitan ng pagpapalit ng mga tawag para sa:
$content = get_the_content();
ng:
ob_start(); the_content(); $content = ob_get_clean();<br>
Paalala: Maaaring mag-iba ang PHP variable sa iyo, ngunit dapat ay pareho ang konsepto. Kung gumana ito, mas mabuti rin kung makakagawa ka ng child theme sa halip na direktang ipatupad ang pagbabagong ito sa iyong theme. Maaari ding magkaroon ng mga side-effect dahil sa pagbabago, kaya mas mabuting sumangguni ka sa may-akda ng iyong theme tungkol dito.
Ang Page Builder Sandwich ay hindi tulad ng karaniwang page builder mo, hindi ito komplikado at simple lang gamitin.
Maaari mong panoorin ang video sa ibaba para sa isang mabilisang tour.
Una, gumawa ng bagong page, post o CPT. Pagkatapos ay bisitahin ang iyong bagong post o anumang umiiral na post sa iyong frontend. Ang PBS ay 100% frontend, hindi mo na kailangang magkalikot sa backend.
Dapat ay mayroong pindutan ng “Page Builder Sandwich” sa itaas ng iyong page (sa iyong admin bar), i-click iyon upang simulan ang pag-e-edit. Dapat mong makita ang text formatting area na lalabas mula sa itaas, at ang panel ng add elements na lalabas mula sa gilid. Ang content area ng iyong tema ay ang editor mo na ngayon!
Maaari mo lamang i-edit ang mga solong page gamit ang PBS. Hindi mo maaaring i-edit ang listahan ng mga blog post, o isang 404 page dahil ang mga iyon ay ginawa ng iyong tema. Ayos lang ang mga post, page, at custom post type.
Ngayon narito ang kahanga-hangang bahagi.. kapag ikaw ay nasa frontend na at nasa loob ng editor, mag-click sa anumang teksto sa iyong content o mag-click sa loob ng iyong content area at magsimulang mag-type! Hindi tulad ng ibang mga page builder, pinapayagan ka ng PBS na direktang mag-edit ng content nang hindi na kailangang dumaan sa mga popup dialog box.
Habang nag-e-edit, ang bahagi sa itaas ay tinatawag na Text Formatting Bar. Naglalaman ang bar na ito ng lahat ng formatting tool na gagamitin mo sa pag-istilo ng teksto tulad ng: mga kulay, bold, italicize, alignment, pagdaragdag ng mga link, bullet, at iba pa. I-hover ang iyong mouse sa bawat pindutan upang malaman kung ano ang ginagawa ng tool.
I-hover ang iyong mouse sa pindutang Add Elements sa itaas na kaliwang bahagi ng screen upang ipakita ang Add Element Panel. Maaari mo ring ilipat na lamang ang iyong mouse sa kaliwang bahagi ng screen upang lumitaw ito.
Upang maglagay ng anumang elemento, idiin ang iyong mouse sa isa, pagkatapos ay i-drag ito patungo sa iyong content area. Magiging naka-highlight ang lugar kung saan ilalagay ang elemento. Bitawan ang pindutan ng mouse upang mailagay ang elemento.
I-hover ang iyong mouse sa anumang elemento na mayroon ka sa iyong content at pagkatapos ay dapat lumitaw ang mga outline at toolbar sa ibabaw ng mga ito.
Maaari mong i-hover ang iyong mouse sa mga gilid ng mga outline upang dagdagan/bawasan ang mga margin sa pagitan ng mga elemento.
Maaari ka ring mag-click sa isang pindutan sa toolbar upang magsagawa ng mabilisang pagkilos sa elemento. Ang pag-click sa icon na gear sa toolbar ay maglalabas ng Properties Inspector na naglalaman ng higit pang mga opsyon.
Ang properties inspector ay nagbibigay sa iyo ng higit na kontrol sa hitsura ng iyong mga elemento. Maaari kang magdagdag ng maraming bagay tulad ng mga anino, animation, pagbabago ng mga kulay ng mapa, border radius, at marami pang iba.
Maaari mo ring i-access ang mga property ng parent ng elemento. Halimbawa, kung naglagay ka ng larawan sa loob ng isang column at binuksan ang properties inspector, maaari mong i-access ang mga property ng larawan, ng column kung saan ito naroroon, at ng row kung saan naroroon ang column.
Naglalaman ang properties inspector ng maraming iba’t ibang setting para sa iba’t ibang elemento, kaya siguraduhing tingnan ang lahat ng ito.
Ipinapakita sa iyo ng Page Builder Sandwich ang mga aktuwal na shortcode sa frontend, at madali mo ring mae-edit ang mga ito!
Kung naisaulo mo ang iyong mga shortcode, maaari kang magpasok ng mga shortcode sa pamamagitan ng direktang pag-type sa mga ito sa iyong content. Ngunit kung hindi mo naman naisaulo ang lahat ng ito (sino bang gumagawa niyon?), inililista ng inspector ang lahat ng mga shortcode na available sa iyong site. Mag-drag ng pindutang Shortcode mula sa inspector patungo sa iyong content area at hanapin ang gusto mong ipasok, i-click iyon upang maipasok ito.
Nare-render ang mga shortcode bilang aktuwal na content sa frontend, upang i-edit ang mga ito, maaari mo itong piliin at tingnan ang kanilang mga attribute sa inspector. O para sa higit na kontrol, maaari mong i-double click ang shortcode upang i-edit ito sa raw nitong anyo. Pagkatapos maisagawa ang iyong mga pag-edit, mag-a-update ang iyong shortcode upang ipakita ang mga pagbabago.
Maaari mong i-click at i-drag ang anuman at ilipat ang mga ito kahit saan gamit ang PBS. Kapag nag-drag ka ng isang bagay, ilipat ito sa ibabaw ng isa pang elemento sa page, maaari mo itong ilagay sa itaas o sa ibaba ng anumang iba pang content.
Pag-save sa Iyong Trabaho
Kapag nasiyahan ka na sa iyong disenyo, i-click lamang ang save button sa itaas na kaliwang bahagi ng iyong page. ‘Yun lang!
Ang Lite plugin at ang Premium plugin ay dalawang magkaibang plugin. Upang magamit ang mga premium na feature, kakailanganin mong i-deactivate (o i-uninstall) ang bersyong Lite, pagkatapos ay i-install at i-activate ang Premium plugin, at pagkatapos ay ilagay ang iyong license key.
Paalala: Kung ia-activate mo nang sabay ang lite & premium na mga plugin, sasabihin sa iyo ng plugin na i-deactivate muna ang dati mo nang mayroon bago magpatuloy.
Paalala para sa mga customer na bumili ng PBS mula sa pagebuildersandwich.com: Maaari mo ring i-download ang plugin mula sa site, dapat ay gumagana pa rin ang kasalukuyang license key na mayroon ka. Kung hindi ito gumana, mangyaring makipag-ugnayan sa amin at maaari ka naming bigyan ng bago.
Pagkatapos mong bumili ng PBS, dapat kang makatanggap ng isang email na naglalaman ng dalawang bagay:
I-install & i-activate ang premium plugin, at pagkatapos ay dapat makita mo ang screen na ito:
Ilagay ang iyong license key dito at mag-click sa Agree & Activate License. Magiging available na ngayon ang mga premium na feature.
Bilang alternatibo, maaari ka ring pumunta sa iyong page ng mga plugin, at hanapin ang Page Builder Sandwich plugin sa listahan:
Mag-click sa link na Activate License , at dapat ay mailagay mo na ang iyong lisensya mula roon.
Maaari mo lamang i-edit ang mga solong pahina o post gamit ang Page Builder Sandwich. Isipin ito sa ganitong paraan, kung mayroong lugar na “Bagong Post” na may editor ng nilalaman sa backend para dito, maaari mo itong i-edit gamit ang Page Builder Sandwich.
Dapat ay maaari mong i-edit ang mga nilalaman ng anumang custom post type.
Tiniyak namin na ang Page Builder Sandwich ay halos walang epekto sa performance ng iyong website. Kapag naka-log out, kahit man lang, tanging mga CSS style ng row at column lamang ang naka-enqueue, kasama ang mga kinakailangang JS at CSS script para sa mga shortcode na iyong ginamit.
Para sa mga bisita ng iyong website, kahit man lang, tanging mga CSS style ng row at column lamang ang naka-enqueue, kasama ang mga kinakailangang JS at CSS script para sa mga shortcode na ginamit mo.
Kamakailan ay nagdagdag kami ng ilang pag-aayos kaugnay sa isyu sa compatibility kung saan parehong naka-activate ang plugin na Page Builder Sandwich at IMPress for IDX Broker, nagdulot ito ng pag-crash sa frontend para sa mga naka-log in na user.
Dahil sa pag-aayos ay muling gumagana ang PBS, ngunit kinailangan naming alisin sa IDX Broker widget ang kakayahang maipasok sa loob ng editor. Sa kabila nito, magagamit pa rin ang IDX Broker widget sa iyong menu ng Appearance > Widgets.
Upang mas mabilis kang makapagtrabaho, maaari mong gamitin ang iba’t ibang shortcut key na available sa Page Builder Sandwich.
Ito ang mga shortcut para sa mga command na hindi pag-format/tool. Para sa mga shortcut key sa pag-format/tool, i-hover ang iyong mouse sa bawat button sa text formatting bar upang makita ang kanilang kumbinasyon ng shortcut key.
| Shortcut Key | Paglalarawan |
| CTRL+E (habang hindi nag-e-edit) | Simulan ang pag-edit |
| CTRL+SHIFT+R (habang nag-e-edit) | I-refresh ang pahina (dahil ginagamit ang CTRL+R para sa pag-align sa kanan) |
| CTRL+S | I-save ang mga pagbabago |
| CTRL+ESC | I-discard ang mga pagbabago at ihinto ang pag-edit |
| CTRL+C | Kopyahin |
| CTRL+V | I-paste |
| CTRL+X | I-cut |
| CTRL+ENTER | Line break / susunod na linya |
| CTRL+Z | I-undo |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
I-redo |