Page Builder Sandwich bi trebao biti kompatibilan s različitim modulima Jetpacka.
Modul Markdown radi nešto posebno prilikom spremanja sadržaja, što rezultira gubitkom promjena tijekom konverzije markdowna. Kako bi se to riješilo, markdown tekst u pozadinskom uređivaču pretvara se u html oznake prilikom spremanja vaših promjena s korisničkog sučelja. (Hvala Jakeu Jacksonu na pomoći)
Testirali smo Page Builder Sandwich s verzijom PHP 7 i sve bi trebalo raditi u redu bez ikakvih problema.
Budite oprezni pri nadogradnji svoje web stranice s niže verzije na PHP 7 jer postoji mnogo nekompatibilnosti s nižim verzijama koje bi trebalo riješiti u svim vašim temama i dodacima.
Postoji JavaScript pogreška koja se javlja kada su Page Builder Sandwich & Materialize zajedno. Postoji sukob između materialize.js i birača boja WordPress jezgre.
O ovome je prijavljen problem u GitHub repozitoriju za Materialize: https://github.com/Dogfalo/materialize/issues/2821
Dodatak će i dalje nastaviti raditi ispravno sve dok ne deaktivirate licencu na svojoj web-stranici. Jednom kada je deaktivirate, više je ne možete ponovno aktivirati.
Nećete moći primati ažuriranja sa svoje WordPress nadzorne ploče niti imati pristup novijim verzijama. Nećemo vam moći pružiti našu sjajnu prilagođenu podršku.
Dodavanje widgeta može se izvršiti klikom na gumb Widget Element u odjeljku Elements u inspektoru. Nakon klika trebao bi se pojaviti skočni prozor s popisom svih widgeta koje je Page Builder Sandwich pronašao na vašem web-mjestu.
Mogu se dodati svi widgeti pronađeni na vašem WordPress web-mjestu, no neki widgeti koji u svojim postavkama koriste prilagođeni/specijalizirani Javascript kod možda neće raditi ispravno. Widgeti koji koriste sljedeće možda neće raditi:
Zadani WordPress widgeti i slično izrađeni widgeti ne bi trebali imati problema.
Ako vam je doista potrebno da taj određeni widget radi, postoji rješenje za to.
Možete upotrijebiti dodatak Custom Sidebars by WPMU Dev kako biste stvorili novu bočnu traku / područje widgeta, a zatim dodajte svoj widget tamo uobičajenim putem u Izgled > Widgeti. Zatim u alatu Page Builder Sandwich dodajte Sidebar Element i odaberite bočnu traku koja sadrži widget koji vam je potreban.
Druga je alternativa ponovno stvoriti željeni efekt pomoću različitih elemenata i stilova dostupnih u alatu Page Builder Sandwich.
Kada prvi put kupite Page Builder Sandwich, .zip datoteka koja sadrži dodatak automatski će se preuzeti na vaše računalo.
U slučaju da je izgubite, svoju .zip datoteku možete ponovno preuzeti pristupom ovoj poveznici: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Unos vaše licence na ovoj poveznici omogućit će vam dohvaćanje vaše .zip datoteke dodatka Page Builder Sandwich, zajedno s pojedinostima o vašoj licenci i računu.
Tehnički bi ovo trebalo raditi sa svakom i sa svim temama.
Zajedno s našim korisnicima i klijentima, uspješno smo koristili Page Builder Sandwich s mnoštvom tema, uključujući teme iz repozitorija tema na WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes i teme s ThemeForesta.
Međutim, može se dogoditi da vaša tema radi nešto nekonvencionalno i spriječi pravilan rad dodatka Page Builder Sandwich. Kada se to dogodi, pošaljite nam zahtjev za podršku i pokušat ćemo to riješiti.
Brisanje sadržaja u Page Builder Sandwichu obično se postiže jednostavnim odabirom teksta ili elementa, a zatim pritiskom na tipku delete ili backspace.
Druga alternativa je kliknuti na gumb za brisanje / uklanjanje na inspektoru:
Postoje neki slučajevi u kojima to ne funkcionira. Stavke koje neće raditi obično su spremnici poput redaka, stupaca ili vrtuljaka (carousels). To služi za sprječavanje slučajnog brisanja prilikom brisanja sadržaja.
Da biste izbrisali te stavke, kliknite na gumb za brisanje / uklanjanje u svojstvima elementa u inspektoru. Na primjer, da biste izbrisali redak, morat ćete upotrijebiti ovo područje:
Page Builder Sandwich sada je dostupan na sljedećim jezicima:
Ako želite pomoći i doprinijeti razvoju Page Builder Sandwicha prevođenjem na svoj jezik, posjetite našu Transifex stranicu!
Dodavanje slika vrlo je jednostavno. Možete:
Ranije je postojao problem vezan uz NextGen i Page Builder Sandwich.
Prije verzije 2.12, PBS je na neki način uzrokovao da NextGen prikaže poruku o pogrešci zbog koje se na vašoj web-stranici prikazivao prazan bijeli zaslon. To je ispravljeno od verzije 2.12, pa ako upotrebljavate stariju verziju, ažurirajte je.
Pobrinuli smo se da Page Builder Sandwich ima gotovo nikakav utjecaj na performanse vaše web-stranice. Kada ste odjavljeni, u najmanju ruku, u red čekanja se stavljaju samo CSS stilovi za retke i stupce, zajedno s potrebnim JS i CSS skriptama za kratke kodove koje ste upotrijebili.
Postoje tisuće tema i drugih dodataka. Iako se trudimo biti pažljivi i izraditi sve prema standardima, ponekad stvari mogu poći po zlu.
Ako primijetite da Page Builder Sandwich ne radi ispravno u vašem okruženju, evo nekoliko koraka koje možete poduzeti kako biste riješili problem.
Pogledajte članak ovdje: Gumb “Uredi pomoću Page Builder Sandwich” se ne prikazuje Ako to ne riješi problem, čitajte dalje.
Pregledajte različite članke u kategoriji Rješavanje problema u dokumentaciji.
WordPress, vaši dodaci, vaša tema, pa čak i Page Builder Sandwich. Uvijek je dobro imati ažurirane verzije. Ako osigurate da je sve ažurirano, imat ćete najnovije ispravke pogrešaka i sigurnosnih ranjivosti za svoju web-stranicu.
Ako ne možete urediti sadržaj pomoću dodatka Page Builder Sandwich (i vjerojatno se prikazao skočni prozor s pogreškom), moguće je da je sadržaj trenutne stranice u cijelosti generiran od strane vaše teme ili nekog dodatka. Da biste to provjerili, uredite svoju stranicu/objavu u pozadinskom sučelju uobičajeno koristeći WordPress, a zatim provjerite prikazuje li se spremljeni sadržaj na korisničkom dijelu stranice. Ako se ne prikazuje, to znači da je sadržaj stranice/objave u potpunosti generiran i ne može se uređivati pomoću PBS-a.
Ponekad dodatak može biti u sukobu s dodatkom Page Builder Sandwich. Da biste provjerili koji dodatak uzrokuje sukob, deaktivirajte dodatak i provjerite je li PBS ponovno počeo raditi. Učinite to za svaki od aktiviranih dodataka. Ako PBS ponovno počne raditi i možete uređivati svoje stranice, dodatak koji ste upravo deaktivirali nije kompatibilan s PBS-om. U tim slučajevima kontaktirajte nas putem e-pošte na [email protected] i obavijestite nas kako bismo to mogli popraviti.
Ako deaktiviranje dodataka nije pomoglo, pokušajte promijeniti temu na zadanu temu WordPressa (teme Twenty-Something). Ako ponovno možete početi uređivati sadržaj pomoću dodatka Page Builder Sandwich, tema koju koristite nije kompatibilna s PBS-om. Pošaljite nam ove informacije putem e-pošte na [email protected] i javite nam kako bismo to mogli ispraviti.
U rijetkim slučajevima, proširenje preglednika može spriječiti ispravan rad Javascript koda na web-stranici. Da biste provjerili uzrokuje li proširenje preglednika probleme, otvorite preglednik u anonimnom načinu rada (Chrome) ili u privatnom načinu i pokušajte pristupiti PBS-u; to će otvoriti novu karticu bez ikakvih proširenja. Ako radi, imate proširenje koje uzrokuje sukob.
Utvrđeno je da proširenje preglednika PageXray uzrokuje probleme.
Kratki kodovi se mogu zalijepiti ili izravno upisati tijekom uređivanja. Nakon što upišete svoj kratki kod, pritisnite enter ili izađite iz kratkog koda i trebao bi se odmah prikazati u svom renderiranom obliku.
Drugi način dodavanja kratkih kodova je klik na Element kratkog koda u vašem inspektoru. To će otvoriti skočni prozor s popisom svih kratkih kodova dostupnih na vašem web-mjestu. Odaberite jedan ili dvaput kliknite na bilo koji od njih kako biste ga umetnuli.
Kratke kodove možete uređivati na 2 načina:
Page Builder Sandwich ne može otkriti atribute kratkog koda. Stoga ćete ih morati upisati. Radimo na načinu mapiranja kratkih kodova u sustav kako bismo to olakšali svima. Pratite novosti o tome.
Markdown je u osnovi sintaksa koju upisujete tijekom uređivanja kako biste dodali ili promijenili oblikovanje teksta. To je poput tipkovničkih prečaca, ali umjesto pritiska na kombinaciju tipki, vi ih upisujete.
Ispod je popis svih podržanih Markdown sintaksi u Page Builder Sandwichu.
## Naslov2
### Naslov3
sve do:
###### Naslov6
> Citat
(4 razmaka)Prethodno formatirani tekst/kod
* Popis s grafičkim oznakama - Popis s grafičkim oznakama
1. Numerirani popis 1) Numerirani popis
- ------------------------------(ili više crtica)
Upisivanje URL-ova automatski će se pretvoriti u poveznicu:
Posjetite https://pagebuildersandwich.com
Posjetite [Page Builder Sandwich](https://pagebuildersandwich.com
Možete ugraditi sadržaj s raznih web-mjesta kao što su YouTube videozapisi, Vimeo videozapisi, Tweetovi, pa čak i Reddit komentari lijepljenjem njihovih permalink URL-ova u Page Builder Sandwich.
Imajte na umu da jedan cijeli redak teksta treba sadržavati samo URL
Page Builder Sandwich radi zajedno s WordPress oEmbed značajkom. Stoga bi URL-ovi koje možete ugraditi u pozadinskom dijelu trebali biti podržani. Dodaci koji dodaju podršku za dodatne oEmbed pružatelje usluga također bi trebali raditi.
Popis oEmbed pružatelja usluga možete pronaći u kodeksu: https://codex.wordpress.org/Embeds
Možete uređivati samo sadržaj stranica, objava i prilagođenih vrsta objava pomoću Page Builder Sandwicha.
Međutim, ne možete uređivati datoteke predložaka teme kao što su:
Razmislite o tome na ovaj način: ako se na vašoj administratorskoj traci na korisničkom sučelju nalazi “Uredi objavu” ili “Uredi stranicu”, tada bi se stranica trebala moći uređivati.
Možete ugraditi sadržaj s različitih stranica poput YouTube videozapisa, Vimeo videozapisa, Instagram fotografija, Flickr fotografija, tweetova pa čak i Reddit komentara izravnim lijepljenjem njihovih trajnih URL-ova.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Popis URL-ova koji se mogu ugraditi možete pronaći u WordPress kodeksu: https://codex.wordpress.org/Embeds
Također možete instalirati druge dodatke koji dodaju podršku za dodatne URL-ove za ugradnju. Na primjer, Wistia URL-ovi nisu podržani u WordPressu po zadanim postavkama, no možete instalirati njihov dodatak kako biste omogućili ugradnju, nakon čega bi ih PB Sandwich također trebao moći obraditi.
Imajte na umu da jedan cijeli redak teksta mora sadržavati samo URL kako bi ovo funkcioniralo.
Također možete izravno zalijepiti kodove za ugradnju.
Kodovi za ugradnju izgledaju ovako:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Imajte na umu da jedan cijeli redak teksta mora sadržavati samo kod za ugradnju kako bi ovo funkcioniralo.
Kliknite na alat „Dodaj medij”, a zatim zalijepite svoj URL u karticu „Umetni s URL-a”.
Page Builder Sandwich stvoren je da bude što neprimjetniji, tako da drugi dodaci ne bi trebali imati problema s koegzistiranjem s našim.
Ponekad, međutim, postoje iznimke od ovoga. Ispod je popis dodataka koji imaju određene neobičnosti pri radu uz Page Builder Sandwich. To ne znači nužno da ne rade i da su nekompatibilni, već samo da se određeno ponašanje može razlikovati.
Nastavit ćemo ažurirati ovaj popis. Ako ste nešto pronašli, slobodno pošaljite korisnički zahtjev za podršku na [email protected]
U premium verziji dodatka Page Builder Sandwich možete koristiti vlastite SVG / vektorske ikone. Evo kako:
Prenesene ikone također se mogu koristiti kao grafičke oznake na popisima te kao ikone na gumbima.
Napomena: Ako se vaša ikona ne pojavi u pretragama, moguće je da PBS nije ispravno obradio naziv datoteke. U tim slučajevima možete upotrijebiti pojmove “custom” ili “upload” kako biste pronašli svoje prenesene ikone.
Provjerava je li PBS uključen i u načinu uređivanja.
if ( PBSEditor.isEditing() ) {
// Učinite nešto prilikom uređivanja.
}
Nema.
Boolean. True kada se trenutno uređuje, false kada se ne uređuje.
Koristi se unutar iframea koji PBS upotrebljava za renderiranje responzivnog prikaza tijekom uređivanja. Poziva se neposredno prije zatvaranja oznake <head> i može se koristiti za dodavanje skripti i stilova.
Nema.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Ako imate problema, tu smo da pomognemo! No najprije provjerite stranice s dokumentacijom, možda ovdje pronađete odgovor i uštedite vrijeme.
Pošaljite nam svoje upite za podršku e-poštom na [email protected]
Aktivira se kada korisnik prelazi između različitih responzivnih prikaza.
Nema.
PBS šalje statistiku upotrebe za korisnike koji su dali privolu svaki put kada spreme promjene u PBS-ovu uređivaču. Ovaj se filtar može upotrijebiti za prekid slanja podataka.
$true
Boolean. Ovo je uvijek točno.
Možete spriječiti prikazivanje PB Sandwicha na front-endu pomoću filtra pbs_is_editable_by_user.
Na primjer, kako biste spriječili prikazivanje PB Sandwicha u prilagođenoj vrsti objave (Custom Post Type) označenoj slugom slider, možete dodati ovaj dio koda u svoju datoteku 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;
}
Kako biste spriječili prikazivanje PB Sandwicha na određenoj stranici/objavi, možete upotrijebiti ID objave za provjeru:
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;
}
Ako imate poteškoća, tu smo da vam pomognemo! No najprije provjerite stranice s dokumentacijom, možda ondje pronađete odgovor i uštedite vrijeme.
Pošaljite nam svoje upite za podršku e-poštom na [email protected]
PBS >= 4.3
PBS dodaje omotač za identifikaciju područja sadržaja objave. Ovo se poziva prije nego što se omotač postavi.
$content
String. Sadržaj objave s primijenjenim omotačem.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Nema.
Polje. Polje svih otkrivenih oznaka kratkih kodova.
PBS >= 4.3
Nadjačajte odluku o tome treba li učitati PBS na front-endu i dopustite korisniku upotrebu PBS-a za uređivanje objave.
$is_editable
Boolean. True ako bi objava trebala biti urediva pomoću PBS-a. U suprotnom False
Onemogućite uređivanje vrste objave portfolio pomoću PBS-a
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;
}
Koristi se unutar iframea koji PBS upotrebljava za renderiranje svog responzivnog prikaza tijekom uređivanja. Ovo se poziva neposredno prije zatvaranja oznake <body> i može se koristiti za dodavanje skripti i stilova.
Nema.
PBS dodaje omotač radi identifikacije područja sadržaja objave. Ovo se poziva nakon što je omotač postavljen.
$content
String. Sadržaj objave s primijenjenim omotačem.
PBS >= 4.3
Dohvaća instancu PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Nema.
Objekt PageBuilderSandwich. Trenutna instanca klase PBS.
PageBuilderSandwich::is_editable_by_user()
Nema.
Boolean. True ako PBS može uređivati objavu, u suprotnom false.
Filtar za izmjenu CSS stilova koji se spremaju za objavu. Poziva se kada je spremanje pokrenuto iz uređivača PBS.
$style
String. CSS stilovi poslani na spremanje.
$post_id
Int. ID objave koju spremamo.
Poziva se kada uređivač PBS završi s učitavanjem (ne poziva se kada korisnik klikne na gumb za početak uređivanja)
Učinite nešto nakon što se PBS učita
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Popis oznaka kratkih kodova (shortcodes) koje treba sakriti u PBS-ovom biraču kratkih kodova. Koristite ovo ako imate kratke kodove koji se pojavljuju u skočnom prozoru birača, a koje ste već zastarjeli ili ih jednostavno želite sakriti od korisnika.
$shortcodes
Polje (Array). Polje oznaka kratkih kodova.
Sakrijte kratki kod iz birača.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Dodaje Javascript svojstva objektu pbsFrontendParams na front-endu. Objekt pbsFrontendParams dostupan je na front-endu bez obzira na to kada je korisnik prijavljen i uređuje.
$params
Polje. Polje ključeva i vrijednosti koje će postati dostupno u Javascript varijabli na razini prozora pbsFrontendParams
Učinite varijablu dostupnom na front-endu
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Ovo će biti dostupno u Javascriptu pod pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Veći dio dodatka Page Builder Sandwich je Javascript, i dodali smo mnoštvo metoda kako bi programeri mogli proširiti i dodati više funkcionalnosti našem kreatoru stranica.
Kako bismo olakšali posao programerima, stvari smo postavili po uzoru na WordPress – putem kuka!
U WordPressu obično koristite funkcije add_filter() i add_action() kako biste izmijenili ili nadopunili ponašanje WP-a. Slično tome, u PBS-u možete koristiti wp.hooks.addFilter() i wp.hooks.addAction().
Način na koji ih koristite također je isti: koristite filtre za izmjenu stvari, a akcije za izvođenje dodatnih radnji. Ta dva funkcijska poziva u osnovi su ista kao i njihovi PHP ekvivalenti, osim što se izvode u Javascriptu.
Kako ne bi došlo do zabune između PHP kuka i Javascript kuka, Javascript kuke nazvali smo u “period-case” stilu (izmišljen izraz). Sve PHP kuke koriste snake case:
Pogledajte kategorije Javascript akcije i Javascript filtri u lijevom izborniku kako biste pregledali sve kuke.
Za one znatiželjne, koristimo https://github.com/carldanley/WP-JS-Hooks za dodavanje tih praktičnih poziva kuka u Javascriptu
Poziva se neposredno prije nego što uređivač spremi sadržaj. Možete upotrijebiti ovo za postavljanje dodatnih podataka koji će se poslati tijekom spremanja (ovo ne sprema podatke, već ih samo šalje putem Ajaxa na backend)
payload
FormData objekt. Podaci poslani putem Ajaxa za spremanje.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Dodajte podatke za slanje tijekom spremanja.
payload.append( 'my_data', 'My Data' );
}
Ako ne možete pronaći gdje ste spremili svoj primjerak premium dodatka, možete otići ovdje i unijeti svoju adresu e-pošte kako biste ga vratili. Dodatak će vam biti poslan e-poštom.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Dodaje Javascript svojstva u objekt pbsParams na korisničkom sučelju (front-end). Objekt pbsParams dostupan je na korisničkom sučelju kada je korisnik prijavljen i ima ovlasti za uređivanje stranice.
Ova varijabla također sadrži mnoga svojstva koja PBS koristi tijekom uređivanja, kao što su jedinstveni sigurnosni tokeni (nonces), popis svih učitanih kratkih kodova (shortcodes) i nizovi za prijevod.
$params
Polje. Polje ključeva i vrijednosti koje će postati dostupno u Javascript varijabli na razini prozora (window) pbsParams
Dodavanje neprepoznatog kratkog koda u uređivač
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Uvrstite skriptu ili stil uz PBS. Ovo se poziva samo kada se objava može uređivati pomoću PBS-a. Kada se stranica ne može uređivati pomoću PBS-a, ovo se uopće ne koristi.
Nema.
Kada se PBS učita, također uvrsti 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__ ) );
}
Ovo je premium značajka i dostupna je u verziji 4.0.1+
Sidrene poveznice za pomicanje unutar iste stranice poveznice su koje vode na točno određeno mjesto na istoj stranici. Kada kliknete na poveznicu unutar iste stranice, vaš preglednik će se pomaknuti prema označenom području.
Za izradu sidrene poveznice unutar iste stranice potrebne su vam dvije stvari:
Odaberite bilo koji element pri dnu svoje stranice i otvorite njegova svojstva. U naprednom dijelu dodajte prilagođenu klasu ili prilagođeni ID pod nazivom ” go_here“
Sada izradite poveznicu ili dodajte element gumba negdje pri vrhu svoje stranice. Umjesto dodavanja URL-a kao poveznice, upotrijebite ” .go_here” (s točkom) ako ste dodali “go_here” kao prilagođenu klasu; ili upotrijebite “#go_here” (sa znakom #) ako ste ga dodali kao prilagođeni ID.
Nakon što spremite stranicu, kada kliknete na poveznicu/gumb, stranica bi se trebala glatko pomaknuti prema elementu na dnu stranice.
Imenovana sidra poput
<a name="go_here"></a>
također se mogu ciljati dodavanjem poveznice na “#go_here” (sa znakom #)
Također možete ciljati bilo koja druga područja na svojoj stranici, čak i izvan područja uređivača, sve dok ih ciljate pomoću naziva njihovih klasa ili ID-ova.
Poziva se nakon što je sadržaj spremljen. Ovo se poziva kada je spremanje pokrenuto iz PBS uređivača.
Nema
Filter za modificiranje podataka objave koji se spremaju. Ovo se poziva kada se spremanje pokrene iz PBS uređivača.
$post_data
Polje. Konačni podaci objave za spremanje, ovo se nakon toga prosljeđuje izravno u wp_update_post().
$_POST
Polje. Sirovi podaci objave poslani iz uređivača za spremanje. Za ovo je već provjeren nonce.
$post_id
Cijeli broj. ID objave koju spremamo.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Iz nekog razloga, uvijek želimo da objava bude skica.
$post_data['post_status'] = 'draft';
return $post_data;
}
Poziva se neposredno prije spremanja sadržaja. Ovo se poziva kada je spremanje pokrenuto iz PBS uređivača.
Nema
Ako ste programer tema, uključivanje PBS-a u vašu temu može znatno povećati vrijednost vašeg proizvoda.
Kontaktirajte nas na [email protected], surađujmo!
CloudFlare je naširoko korišten besplatni DNS CDN. Izvrstan je, no PBS trenutačno ima poteškoća kada je u pitanju značajka Rocket Loader. Rocket Loader poboljšava vrijeme učitavanja Javascript datoteka, ali remeti zavisnosti i redoslijed pozivanja PBS-ovih skripti. Ako vam je Rocket Loader uključen, gumb za uređivanje za Page Builder Sandwich se neće pojaviti (a u Javascript konzoli neće biti prikazane pogreške).
Da biste isključili Rocket Loader, prijavite se na svoj CloudFlare račun i idite na postavke za svoju domenu. Otvorite postavke za Speed (Brzina):
Zatim se pomaknite prema dolje do postavki za Rocket Loader i provjerite je li postavka postavljena na off (isključeno):
Nakon što ovo isključite, obavezno očistite cjelokupnu predmemoriju (cache) web-mjesta u postavkama za Cache:
Nakon što očistite svu predmemoriju, možete osvježiti stranicu i gumb za uređivanje za Page Builder Sandwich sada bi se trebao pojaviti.
Filtar za izmjenu sadržaja objave koji se sprema. Poziva se kada je spremanje pokrenuto iz PBS uređivača.
$content
String. Konačni sadržaj objave koji se sprema.
$post_id
Int. ID objave koju spremamo.
Od verzije 4.0 možete se prebacivati između prikaza za stolna računala, tablete i mobilne telefone tijekom uređivanja! To nazivamo responzivnim načinom rada. U responzivnom načinu rada vaša će se stranica smanjiti na manju veličinu kako bi simulirala izgled vaše stranice na manjim zaslonima.
Dok pregledavate svoju stranicu u prikazima za tablet ili mobilni telefon, imat ćete ograničene mogućnosti uređivanja. Time možete raditi SAMO sljedeće:
* PBS primjenjuje određeno responzivno oblikovanje na vaše elemente i retke, tako da se neke margine neće moći prilagoditi.
Evo nekoliko stvari koje ne možete raditi:
Ako pregledavate svoju stranicu u prikazima za tablet ili mobilni telefon, sve prilagodbe margina koje napravite primjenjuju se samo na trenutni prikaz i na manji prikaz. To vam omogućuje fino podešavanje vašeg dizajna kako bi izgledao bolje na manjim zaslonima, neovisno o punoj verziji za stolna računala.
Evo primjera radi pojašnjenja.
Ovo se odnosi samo na prilagodbe margina; izmjene teksta ili izmjene stila teksta primjenjuju se na svim veličinama zaslona.
Pri pregledavanju u prikazima za tablet ili mobilni telefon vaši će redci imati novi gumb na alatnoj traci u obliku “oka” koji će se pojaviti kada pređete pokazivačem miša preko njih. Klikom na njega moći ćete prikazati/sakriti redak za trenutnu veličinu zaslona.
Skriveni redci postat će malo prozirni tijekom uređivanja kako bi označili da će biti skriveni kada završite s uređivanjem.
Imajte na umu da je ova značajka dostupna samo za retke.
Tijekom korištenja Varnish predmemorije, ako i nakon spremanja promjena i dalje vidite stari sadržaj, moguće je da se Varnish predmemorija nije automatski očistila.
Postoje neki dodaci za WordPress koji vam omogućuju čišćenje predmemorije: https://wordpress.org/plugins/search/varnish+cache/
Ako to ne uspije, možete i ručno očistiti Varnish predmemoriju izvršavanjem ove naredbe u terminalu:
curl -X PURGE http://mysite.com/my-page/
Markdown je u osnovi sintaksa koju unosite tijekom uređivanja kako biste dodali ili promijenili oblikovanje teksta. To je poput tipkovničkih prečaca, no umjesto pritiskanja kombinacije tipki, vi ih upisujete.
Ispod se nalazi popis svih podržanih sintaksi Markdowna u alatu Page Builder Sandwich.
(Pazite na razmake)
# Naslov1
## Naslov2
sve do:
###### Naslov6
> Blok citat
(4 razmaka)Prethodno formatirani tekst/kôd
* Popis s grafičkim oznakama - Popis s grafičkim oznakama
1. Numerirani popis 1) Numerirani popis
- ------------------------------(ili više crtica)
Upisivanje URL-ova automatski će se pretvoriti u poveznicu:
Posjetite https://pagebuildersandwich.com
Upišite “lorem”, a zatim pritisnite tab kako biste stvorili ogledni tekstni sadržaj.
Kako biste deaktivirali PBS, prvo se prijavite na svoju Nadzornu ploču / pozadinsko sučelje, a zatim idite na Dodaci > Instalirani dodaci:
Kada ste na stranici Dodaci, pomaknite se prema dolje po popisu dodataka i pronađite Page Builder Sandwich. Odmah ispod naziva trebali biste vidjeti poveznicu deaktiviraj zajedno s drugim poveznicama kao što su Uredi ili Promijeni licencu (to može varirati na vašoj web-stranici). Kliknite poveznicu za deaktivaciju kako biste onemogućili dodatak.
U većini elemenata (no ne i u kratkim kodovima), možete odrediti ulaznu animaciju koja se pokreće kada element postane vidljiv na vašem zaslonu.
Da biste to učinili, zadržite pokazivač iznad elementa kako bi se pojavila alatna traka, a zatim kliknite na gumb sa zupčanikom.
To bi trebalo otvoriti inspektor. Dođite do područja Animations (Animacije), otvorite ga i zatim odaberite animaciju.
Nakon odabira animacije, ona bi se trebala pokrenuti kako bi vam prikazala pretpregled. Animaciju možete dodatno podesiti pomoću ostalih ponuđenih opcija.
Animacije se pokreću samo kada korisnik pomiče stranicu i element uđe u vidno polje. Ako je element već vidljiv kada dođete na stranicu, neće se animirati.
Ne, nećete! Sve vaše stranice i sadržaj trebali bi ostati na vašoj web-stranici. To znači da možete sigurno deaktivirati PBS prilikom prelaska s besplatne verzije na premium verziju ili kada samo nešto isprobavate.
Međutim, neće sve izgledati isto. Primijetit ćete da će se neki elementi na vašoj stranici promijeniti jer PBS sadrži dodatne stilove i skripte potrebne za neke složenije elemente.
Evo nekoliko stvari koje će ostati kada deaktivirate PBS:
Evo nekoliko stvari koje će nestati kada deaktivirate PBS:
Ako ste spremili promjene na svojoj stranici i…
to bi moglo značiti da spremanje nije pokrenulo brisanje spremljenih podataka u vašem rješenju za predmemoriranje.
Ako koristite neku vrstu rješenja za predmemoriranje – poput dodatka za predmemoriranje kao što je W3 Total Cache, poslužiteljskog softvera za predmemoriranje poput Memcacheda ili Redisa, ili DNS predmemoriranja kao što je CloudFlare – moguće je da ono nije očistilo vaš spremljeni sadržaj.
Jedan od načina da provjerite je li to posrijedi jest da uredite stranicu u pozadini (na uobičajeni način), a zatim je pregledate na korisničkom dijelu (frontendu). Ako se sadržaj nije promijenio, možda se vaša predmemorija nije automatski očistila.
Neka rješenja za predmemoriranje koja nisu vezana uz WordPress imaju besplatan WordPress dodatak koji može pomoći pri pražnjenju ili čišćenju trenutne predmemorije, dok rješenja za WordPress obično imaju gumbe ili opcije za to.
Također je moguće da je tijekom spremanja došlo do neke vrste PHP pogreške.
Kako biste provjerili događa li se to, otvorite razvojnu konzolu (po mogućnosti u Chromeu), a zatim idite na karticu Network (Mreža). Kada ste tamo, spremite promjene u PBS-u i trebali biste vidjeti više unosa prema admin-ajax.php. Ako ovo vidite crvenom bojom, to znači da je došlo do pogreške. Provjerite vidite li nešto poput ovoga:
Ako je to slučaj, pošaljite nam e-poruku na [email protected] zajedno s potrebnim podacima za prijavu kako bismo to provjerili i riješili umjesto vas.
Pročitajte članak o kompatibilnosti s Wordfenceom ovdje: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Napomena: Ovo se ne odnosi na kupce s Envata
Ako nailazite na pogreške prilikom aktivacije licence, evo nekoliko stvari koje možete isprobati…
Ovo se uglavnom događa korisnicima koji nadograđuju na noviju verziju. Ako ste izravno ručno ažurirali datoteke dodatka i preskočili postupak ažuriranja ili korake deaktivacije i aktivacije, neki se procesi možda nisu pravilno izvršili. Deaktivirajte dodatak, zatim ga ponovno aktivirajte i pokušajte ponovno unijeti licencu.
Od verzije 3.2, Page Builder Sandwich je integriran s platformom Freemius. Bilo je slučajeva u kojima brisanje Freemius podataka rješava pogreške pri aktivaciji licence. Evo kako to popraviti.
Idite na svoju nadzornu ploču i promijenite URL u http://yoursite.com/wp-admin/admin.php?page=freemius (ne zaboravite promijeniti URL tako da odgovara vašoj web-stranici). Ako dospijete na stranicu prikazanu u nastavku, na pravom ste mjestu.
Kliknite na gumb Delete All Accounts, a zatim kliknite i na gumb Clear API Cache. Nakon toga pokušajte ponovno unijeti svoj licencni ključ.
Ako i dalje ne radi, kontaktirajte nas na [email protected] i navedite nam pojedinosti o problemu i svojoj web-stranici.
Kako biste brzo dodali ogledni tekst, upišite riječ “lorem” i zatim pritisnite tab ili enter kako biste brzo dodali lorem ipsum zamjenski tekst:
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.
Ovdje sam dodao redak s bojom pozadine i zatim unutar njega dodao sliku. Evo kako to izgleda:
Kako bi slika “provirila” iznad kontejnera, prijeđite mišem preko elementa koji želite pomaknuti. Zatim, kada se pojave rubne linije, pomaknite miš iznad gornjeg ruba. Trebala bi se prikazati trenutna vrijednost gornje margine:
Kliknite i povucite gornju marginu prema gore kako biste smanjili marginu, čineći je negativnom vrijednošću:
Sada slika “viri” izvan retka!
Ako je element odrezan kada prelazi izvan retka, otvorite inspektor svojstava za redak i isključite opciju overflow hidden u Naprednim (Advanced) opcijama:
Page Builder Sandwich radi sa svim dodacima za predmemoriranje. Međutim, mogli biste naići na određene probleme ako uključite njihovu funkcionalnost minificiranja ili predmemoriranja.
Samo provjerite je li minificiranje onemogućeno za prijavljene korisnike i sve bi trebalo raditi ispravno.
Ovdje prikazujemo samo postavke za W3 Total Cache, ali i drugi dodaci za predmemoriranje i minificiranje trebali bi imati slične postavke.
Pripazite da je označeno Don’t cache pages for logged in users pod Performance > Page Cache
Ako koristite minificiranje, provjerite je li označeno Disable minify for logged in users pod Performance > Minify
Da biste ugradili sadržaj s vanjskih web-mjesta, jednostavno zalijepite URL i pritisnite enter. Na primjer, možete kopirati i zalijepiti ovaj URL s YouTubea:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Ugrađivanje putem iframea također je moguće lijepljenjem <iframe> kôdova za ugradnju. Na primjer, kopirajte i zalijepite ovaj tekst za ugradnju:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
Možete ugraditi URL-ove sa stranica navedenih u WordPress Codexu: https://codex.wordpress.org/Embeds i bilo koje stranice s omogućenim oEmbedom.
Ako pokušavate povući ručice gornje i donje margine ili paddinga, a margine/padding elementa se ne mijenjaju, možda postoje drugi stilovi koji prisilno nadjačavaju sve promjene stilova. To se također može dogoditi kada ne možete promijeniti pozadine, obrube ili kada prozirne slike uvijek dobiju boju pozadine.
Kako biste pronašli problem, otvorite inspektor svog preglednika i pregledajte element. Pregledajte stilove za taj element. Ako vidite nešto poput ovoga:
Tada možete biti sigurni da vaša tema ili dodatak sprječava primjenu bilo kojih drugih stilova na element. Prijeđite mišem preko tablice stilova kako biste saznali iz koje teme/dodatka potječe.
Kako biste to popravili, uklonite dio “! important” iz stila i trebali biste ponovno moći primjenjivati stilove. Možda ćete morati kontaktirati autora teme ili dodatka kako biste to riješili.
Napomena: Prema zadanim postavkama, zaglavlje je uklonjeno samo s naslovne stranice.
Da biste uklonili zaglavlje ili izbornik s bilo koje od svojih stranica, trebat će vam dodatak koji vam omogućuje dodavanje prilagođenog CSS-a, nešto poput Jetpacka.
Da biste uklonili zaglavlje, trebat će vam ID objave (post ID) vaše objave, a zatim dodajte ovaj prilagođeni CSS (zamijenite 9999 ovdje s ID-om vaše objave):
body.page-id-9999 #masthead {
display: none;
}
Da biste uklonili izbornike sa stranice (zamijenite 9999 ovdje s ID-om vaše objave):
body.page-id-9999 #header-wrapper {
display: none;
}
ili kada uklanjate izbornik samo s vaše početne stranice:
body.page-id-9999 #header-wrapper {
display: none;
}
Možete dodati pozadinske slike svojim redcima i pozadinama. Štoviše, svoju pozadinsku sliku možete i tonirati bojom kako bi se bolje uklopila u vaš dizajn.
Na primjer, ovdje imam redak s pozadinskom slikom i bijelim tekstom preko nje. Tekst je trenutno prilično teško uočiti zbog pozadinske slike koju sam odabrao/la.
Kako bi sve izgledalo bolje, pozadinskoj slici možemo dodati malo boje. Da biste to učinili, prijeđite mišem preko retka, a zatim kliknite na ikonu zupčanika tog retka da biste otvorili njegova svojstva. Idite na opcije Pozadina (Background), a zatim uključite Nijansiranje pozadinske slike (Background Image Tint).
Nakon što ga uključite, promijenite boju pozadine i to će dodati ton u boji vašoj pozadinskoj slici. Također možete promijeniti jačinu ili neprozirnost nijanse. Ovdje je moja pozadina nijansirana zelenom bojom kako bi tekst bio vidljiviji:
Page Builder Sandwich redovito provjerava jeste li još uvijek prijavljeni u WordPress. To se provodi kako bi se osiguralo da će vaše promjene doista biti spremljene kada kliknete gumb za spremanje. Ovo se također koristi za zaključavanje objava i automatsko spremanje.
Oslanjamo se na WordPress Heartbeat API kako bismo izvršili naše provjere, a on se pak oslanja na kolačiće i sesije preglednika. Dakle, ako vam se stalno prikazuju ti skočni prozori “sesija je istekla” tijekom uređivanja, možda nešto sprječava WordPress u tome da vas ispravno prati. Evo nekoliko stvari koje možete učiniti kako biste to riješili:
Ako imate instalirane dodatke za predmemoriranje (caching), DNS predmemoriranje ili bilo koji oblik predmemoriranja, očistite ih. Također očistite predmemoriju preglednika. Moguće je da vam se ne poslužuju najnovije skripte za vašu stranicu.
Također je moguće da su se vaši kolačići oštetili, što se lako može riješiti brisanjem kolačića preglednika u postavkama vašeg preglednika. To se obično nalazi blizu opcije za brisanje predmemorije preglednika.
Idite na Postavke > Općenito i provjerite svoje postavke. Potražite postavke za WordPress adresa (URL) i Adresa web-mjesta (URL). Domene i protokoli trebali bi odgovarati vašoj stvarnoj domeni. Na primjer, ako jedan ima “http://”, a vi na web-mjesto dolazite putem “https://”, tada bi u postavkama trebalo pisati “https://”. Još jedan čest problem je taj da jedan od tih URL-ova ima “www”, a drugi nema.
Ovi bi se trebali podudarati:
ili:
Da biste to popravili, možete promijeniti postavke u Postavke > Općenito. Ako ne možete uređivati te postavke, možete otvoriti svoj FTP i urediti datoteku wp-config.php te dodati retke:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| Lite verzija | Nije dostupno |
| Premium verzija | Sve značajke dostupne
|
Vrtuljci su inovativan način dodavanja sadržaja koji se uzastopno prikazuje u petlji. Page Builder Sandwich ima izvorni element vrtuljka koji se može koristiti, čime se eliminira potreba za vanjskim dodacima za vrtuljke.
Klikom na gumb zupčanika elementa vrtuljka možete konfigurirati ponašanje vrtuljka, kao što su animacija slajda, odgoda i još mnogo toga. Prilikom izrade dobivate tri slajda vrtuljka za rad, s mogućnošću dodavanja ili brisanja slajdova. Svi ovi slajdovi prihvaćaju uobičajene elemente koji se koriste, kao što su tekst, slike i određeni kratki kodovi (shortcodes).
Prebacivanje slajdova jednostavno je poput odabira samih navigacijskih gumba. Redoslijed slajdova također se može promijeniti putem svojstava (ikona zupčanika).
Kako biste promijenili status objave, prijeđite pokazivačem miša preko indikatora padajućeg izbornika na gumbu za spremanje u gornjem lijevom kutu zaslona. To će prikazati više opcija spremanja.
Ako koristite lite verziju, možda ste primijetili žute trokutaste zastavice. One označavaju je li određeni gumb/element/opcija premium značajka.
Ako ih želite sakriti, možete otići na svoju Nadzornu ploču, otvoriti stranicu s postavkama u PBSandwich > Settings i označiti postavku Hide Premium Feature Flags
| Lite verzija | Dostupne sve značajke |
| Premium verzija | Dostupne sve značajke |
Kliknite na HTML element u Inspektoru kako biste dodali novi HTML element, trebao bi se pojaviti skočni prozor. Tamo upišite ili zalijepite svoj HTML kôd, a zatim kliknite na spremi HTML. Vaš HTML bi se sada trebao prikazati unutar uređivača.
Prijeđite mišem preko HTML elementa kako biste prikazali alatnu traku. Svoj HTML možete urediti klikom na ikonu olovke na alatnoj traci ili dvoklikom na sam element.
Ne želimo pretrpano sučelje i htjeli smo da sve bude intuitivno i lako za otkriti. Iako korisničko sučelje Page Builder Sandwicha izgleda jednostavno, ono je prilično moćno i omogućuje vam mnogo toga tijekom uređivanja.
Također možete raditi mnogo praktičnih stvari pomoću pokazivača miša. Interaktivni slojevi i alatne trake pojavljuju se kada prijeđete mišem preko različitih elemenata. Svaki od njih radi različite stvari, kao što su:
Nakon što započnete uređivanje s PBS-om, prijeđite mišem preko naslova svoje stranice/objave i na njemu bi se trebao pojaviti obrub. Kliknite na naslov kako biste postavili pokazivač na njega i izmijenili ga.
Alati za oblikovanje nisu dostupni u području naslova, ne možete mijenjati njegove stilove niti dodavati elemente u naslov.
Redci i stupci alati su koje možete koristiti za stvaranje sadržaja podijeljenog u odjeljke.
Prilikom uređivanja pomoću dodatka Page Builder Sandwich na novostvorenoj stranici/objavi, sav sadržaj koji upišete bit će smješten u jedan stupac. To je dobro za pisanje blogerskih objava, no ako želite imati posebne izglede za odredišne stranice ili stranice za kontakt, vjerojatno ćete htjeti izgled s 2 stupca ili čak kombinaciju različitih stupaca duž cijele stranice.
Redke i stupce možete dodati pomoću ovih gumba u inspektoru:
Nakon dodavanja, vaš novi redak bit će obrubljen:
Unutar svojih redaka i stupaca možete staviti bilo što – tekst, kratke kodove (shortcodes), widgete, pa čak i dodati još redaka i stupaca.
Kada je odabran redak (ili sadržaj unutar vašeg retka), u vašem inspektoru postat će dostupno više opcija. Ove gumbe možete koristiti za dodatno stiliziranje svog odjeljka:
Ispod ovoga u inspektoru nalaze se i dodatne opcije za stiliziranje vaših stupaca.
Redke možete premještati na različite lokacije tako da kliknete i držite sam redak (ako kliknete i držite element unutar njega, povlačit će se element, a ne redak).
| Lite verzija | Nije dostupno |
| Premium verzija | Dostupne sve značajke
|
Po želji označite dio teksta, a zatim kliknite na element gumba u inspektoru. To bi trebalo otvoriti skočni prozor u koji možete unijeti URL poveznice za svoj gumb. Odatle također možete pretražiti bilo koju postojeću web-stranicu na vašem web-mjestu.
Za razliku od drugih elemenata, gumbi se postavljaju u retku (inline), što znači da će biti smješteni uz ostali tekst (ili druge gumbe). Ne možete povući i ispustiti pojedinačne gumbe na druga mjesta, već povlačite gumb zajedno s tekstom koji ga okružuje.
Tijekom uređivanja, kada kliknete na gumb, moći ćete vidjeti dodatne opcije stiliziranja u inspektoru. Također možete prijeći pokazivačem miša preko gumba kako biste vidjeli URL na koji vode i druge naredbe.
Napomena: Učinite ovo kada već imate instaliran i aktiviran PBS, a želite ga ažurirati zip datotekom koju ste preuzeli sa stranice ili iz privitka koji smo vam poslali e-poštom.
Napomena: Za ažuriranje koristimo drugi dodatak, što nam omogućuje da odmah ažuriramo PBS bez potrebe za njegovim prethodnim deinstaliranjem.
Idite na Plugins > Add New, a zatim u okviru za pretraživanje potražite dodatak “Easy Theme and Plugin Upgrades”
Nakon što pronađete dodatak, instalirajte ga i aktivirajte.
Nakon aktivacije dodatka Easy Theme and Plugin Upgrades, ponovno idite na Plugins > Add New, a zatim kliknite na gumb Upload Plugin pri vrhu:
Odaberite i instalirajte zip datoteku dodatka Page Builder Sandwich,
To je to. Sada biste trebali imati novu verziju PBS-a.
| Lite verzija | Dostupno s ograničenim stiliziranjem |
| Premium verzija | Sve značajke dostupne
|
Kliknite na element karte da biste dodali kartu na svoju stranicu. Kad god je element karte odabran, inspektor bi trebao prikazati postavke karte. Možete unijeti koordinate zemljopisne širine i dužine ili adresu u polje lokacije u inspektoru kako biste centrirali svoju kartu na to područje. Tamo su također dostupne i druge opcije stiliziranja.
Element karte možete dodatno prilagoditi pomicanjem ili zumiranjem karte (povećavanje/smanjivanje). Imajte na umu da će se vaše promjene na karti primijeniti na element.
Za premium korisnike, možete stilizirati svoju kartu odabirom boje za nijansiranje; druga opcija je korištenje snazzymaps.com za generiranje shema boja i njihovu upotrebu. SnazzyMaps se može koristiti za stvaranje shema boja sličnih ovoj: https://snazzymaps.com/style/20053/papuportal-dark Da biste koristili ove sheme boja, kopirajte Javascript style array u inspektor.
Visina karte može se prilagoditi, no širina karte se ne može mijenjati i uvijek će se prilagoditi na maksimalnu dostupnu širinu. Da biste promijenili veličinu, postavite svoje karte unutar redaka i stupaca. Također možete postaviti karte tako da zauzimaju punu širinu preglednika.
Možete koristiti svoj miš kako biste brzo postavili pokazivač na različita područja u svojem sadržaju ili odabrali različite elemente.
Također možete koristiti tipke sa strelicama na tipkovnici za pomicanje pokazivača kroz sadržaj. To možete koristiti za prelazak iznad ili ispod redaka.
Kada radite s recima i stupcima, možete kliknuti na rubove redaka kako biste dodali sadržaj neposredno iza ili ispred retka. To je osobito korisno ako imate više redaka jednih unutar drugih, a želite dodati sadržaj između njih.
Ako ne vidite gumb “Uredi pomoću Page Builder Sandwich” na korisničkom dijelu (frontendu) svoje web stranice, evo nekoliko stvari koje možete isprobati:
Gumb za uređivanje za PB Sandwich dostupan je u administratorskoj traci na korisničkom sučelju. Provjerite je li administratorska traka vidljiva tako da odete u administraciju i otvorite Korisnici > Vaš profil i provjerite je li označena kućica za Prikaži alatnu traku prilikom pregleda web-mjesta.
Samo se Objave, Stranice i Prilagođene vrste objava mogu uređivati na korisničkom sučelju. Sadržaj na korisničkom sučelju možete uređivati samo ako ga možete uređivati pomoću WordPress uređivača sadržaja u pozadinskom sučelju (backendu). Ostala područja vaše stranice – npr. popis blog objava na naslovnici, popis svih blog objava, popisi kategorija, stranice 404, stranice za pretraživanje – dinamične su stranice koje WordPress stvara zajedno s temom koju koristite i ne mogu se uređivati pomoću PB Sandwicha.
Jedan pokazatelj je li trenutna web stranica pogodna za uređivanje jest možete li vidjeti “Uredi objavu” ili “Uredi stranicu” na svojoj administratorskoj traci.
Ako je vaša stranica/objava dinamički generirana putem teme ili dodatka, tada se neće moći uređivati pomoću Page Builder Sandwicha (a najvjerojatnije ni u drugim graditeljima stranica). Ako primijetite da je vaš uređivač sadržaja u pozadini prazan, ali je pregled vaše stranice na korisničkom dijelu pun sadržaja, to je dobar pokazatelj da je vaša stranica dinamički generirana.
Kako biste provjerili je li vaša stranica dinamički generirana, pogledajte izvorni kod web stranice (desni klik, a zatim odaberite “Prikaži izvorni kod stranice”). Potražite tekst “pbs-main-wrapper”; ako nigdje ne vidite taj tekst, vaša je stranica dinamički generirana.
Evo nekoliko primjera dinamički generiranog sadržaja:
Bilo je slučajeva u kojima tema uopće nije prikazivala sadržaj ako je bio prazan, zbog čega je PBS pogrešno smatrao da se stranica ne može uređivati. Kako biste provjerili je li to slučaj, uredite svoju stranicu/objavu u pozadinskom uređivaču, pokušajte dodati bilo kakav tekst u svoj sadržaj (na primjer “pozdrav”), a zatim odatle kliknite na gumb “Uredi pomoću Page Builder Sandwich”.
Hvala Mathiasu Hellquistu na ovom savjetu!
Neki alati za izradu stranica (page builderi) tjeraju vas da odaberete hoćete li koristiti zadani WordPress uređivač sadržaja ili vlastiti uređivač tog alata. Ako ste već uredili svoju stranicu pomoću drugog alata za izradu stranica, moguće je da je taj alat već “preuzeo” sadržaj, pa se drugi hookovi/filteri sadržaja više ne mogu pokrenuti. Zbog toga Page Builder Sandwich ponekad neće moći otkriti gdje se nalazi vaš sadržaj i neće prikazati gumb za uređivanje jer nema ničega za uređivanje.
Kako biste to riješili, jednostavno odaberite da ne koristite taj alat za izradu stranica za tu specifičnu stranicu/objavu i odaberite korištenje zadanog WordPress uređivača sadržaja.
Provjerite imate li ovlasti za uređivanje na stranici
Gumb za uređivanje neće se pojaviti ako nemate ovlasti uređivati stranicu. Na primjer, ako ste urednik ili suradnik i možete pisati objave na blogu i članke na web-mjestu, to ne znači nužno da možete uređivati naslovnicu ili stranicu za kontakt. Ako možete vidjeti gumb “Uredi objavu” na svojoj administratorskoj traci, trebali biste je moći uređivati i pomoću PB Sandwicha. Zatražite od administratora web-mjesta ovlasti za uređivanje ako su vam potrebne.
PB Sandwich uvelike koristi Javascript. Ako postoje Javascript pogreške koje dolaze iz drugih skripti na vašem web-mjestu, to može spriječiti rad PB Sandwicha. Da biste provjerili je li to slučaj, možete otvoriti konzolu za razvojne programere u svom pregledniku i provjeriti ima li pogrešaka.
Za ovo bih preporučio korištenje Chromea. Kliknite desnom tipkom miša bilo gdje na stranici, a zatim kliknite na opciju “Pregledaj” (“Inspect”). To će otvoriti novo područje na dnu vašeg preglednika, kliknite na karticu “konzola” (“console”). Ako imate pogreške, trebali biste vidjeti nešto poput ovoga:
Ako imate pogrešku, također možete dobiti naznaku odakle ona dolazi klikom ili prelaskom miša preko naziva skripte:
Ove pogreške mogu potjecati od vaše teme ili drugih dodataka koje imate. Ispravljanje tih pogrešaka može ponovno omogućiti rad PB Sandwicha.
Ako vaša tema ili jedan od vaših dodataka uzrokuje Javascript pogrešku, slobodno nas obavijestite putem e-pošte na [email protected] i mi ćemo se potruditi riješiti problem 🙂
CloudFlare je često korišten besplatni DNS CDN. Odličan je, ali PBS trenutno ima poteškoća kada je u pitanju značajka Rocket Loader. Rocket Loader poboljšava vrijeme učitavanja Javascript datoteka, ali remeti ovisnost i redoslijed pozivanja skripti PBS-a. Ako vam je uključen Rocket Loader, gumb za uređivanje za Page Builder Sandwich neće se pojaviti (i neće se prikazati nikakve pogreške u Javascript konzoli).
Kako biste provjerili koristi li vaše web-mjesto CloudFlare Rocket Loader, pregledajte izvorni kod svoje web-stranice (desni klik, a zatim odaberite “Prikaži izvorni kod stranice”) i zatim potražite tekst “rocketscript”; ako pronađete taj tekst, Rocket Loader vam je uključen.
Pročitajte članak o Kompatibilnosti s CloudFlareom i Rocket Loaderom za potpune upute o tome kako ga isključiti.
U redu, ako u ovom trenutku nijedno od gore navedenih rješenja ne pomogne, možda je vrijeme da objasnimo zašto se ne prikazuje i što učiniti u vezi s tim. Spremni? Krenimo!
Page Builder Sandwich mora znati gdje se nalazi sadržaj vaše stranice/objave. To radimo tako što osluškujemo kada WordPress učitava sadržaj objave i “označavamo” to područje, tako da kada se sve učita možemo pronaći gdje se nalaze važne stvari.
Ponekad neki dodaci zaobilaze ili nadjačavaju ovaj proces i umjesto toga pokušavaju učitati sadržaj na svoj način. Ponekad je to u redu, ali u određenim scenarijima, posebno kada je u pitanju učitavanje sadržaja glavne objave, to može uzrokovati prestanak rada nekih dodataka. Kada drugi dodatak zaobiđe ovaj proces učitavanja, “oznake” koje smo postavili mogu se izgubiti, a kada dođe vrijeme da se uređivač pokrene, on više ne može pronaći gdje se nalazi vaš sadržaj. Stoga se gumb za uređivanje ne pojavljuje! Možda ćete također primijetiti da neki dodaci koji dodaju sadržaj na vašu stranicu, poput nekih dodataka za dijeljenje na društvenim mrežama, također mogu prestati raditi upravo zbog ove iste stvari.
Page Builder Sandwich mora znati gdje se nalazi sadržaj vaše stranice/objave, a to čini tako što se povezuje na filter the_content i dodaje omotač (wrapper) oko vašeg glavnog sadržaja. Neki dodaci mogu to zaobići i umjesto toga prebrisati sadržaj funkcijom get_the_content() dalje u tijeku izvođenja. Nažalost, to sprječava pozivanje SVIH filtera the_content i stoga se PBS-ov omotač gubi. Promjene bilo kojeg drugog dodatka također bi se izgubile.
Nema ništa loše u korištenju get_the_content() samo po sebi, ali može doći do neželjenih posljedica ako se to koristi u glavnom upitu i unutar stranice predloška pojedinačne objave umjesto uobičajenog poziva the_content() gdje se pokreću svi filteri the_content.
Možete provjeriti nedostaju li “oznake” Page Builder Sandwicha tako da posjetite svoju stranicu/objavu na korisničkom dijelu i pregledate izvorni kod stranice dok ste prijavljeni. Pretražite kôd kako biste provjerili možete li pronaći niz:
data-name="main-content"
Ako ga možete pronaći, onda bi jednostavno mogao postojati Javascript problem negdje drugdje; samo nam javite koju temu i dodatke koristite i mi to možemo popraviti.
No ako ga ne možete pronaći, možda vaša tema (ili dodatak, ali najvjerojatnije je tema ako se radi o stranici ili objavi na blogu) radi nešto sa sadržajem objave. Ako je to slučaj, trebali biste kontaktirati autora teme i obavijestiti ga o problemu! Možete mu pokazati i gornje tehničko objašnjenje (“zašto”), što može pomoći pri otklanjanju pogrešaka 🙂
Ako se osjećate samouvjereno u radu s PHP-om, možete to pokušati popraviti pronalaženjem datoteke predloška koja obrađuje sadržaj objave. Jedno rješenje na koje smo naišli jest zamjena poziva za:
$content = get_the_content();
sa:
ob_start(); the_content(); $content = ob_get_clean();<br>
Napomena: PHP varijabla se može razlikovati u vašem slučaju, ali koncept bi trebao biti isti. Ako uspije, također bi bilo bolje stvoriti podređenu temu (child theme) umjesto implementacije ove promjene izravno u vašu temu. Zbog ove promjene može doći i do nuspojava, stoga je bolje konzultirati se s autorom teme o ovome.
Page Builder Sandwich nije poput vašeg uobičajenog alata za izradu stranica, nekompliciran je i jednostavan za korištenje.
Možete pogledati videozapis u nastavku za brzi pregled.
Prvo stvorite novu stranicu, objavu ili CPT. Zatim posjetite svoju novu objavu ili bilo koju postojeću na korisničkom sučelju (frontend). PBS je 100% frontend, nećete morati petljati po pozadinskom dijelu (backend).
Na vrhu vaše stranice (na vašoj traci administratora) trebao bi biti gumb “Page Builder Sandwich”, kliknite na njega za početak uređivanja. Trebali biste vidjeti područje za oblikovanje teksta koje iskače s vrha i ploču za dodavanje elemenata koja iskače sa strane. Područje sadržaja vaše teme sada je vaš uređivač!
S PBS-om možete uređivati samo pojedinačne stranice. Ne možete uređivati popis objava na blogu ili stranicu 404 jer njih stvara vaša tema. Objave, stranice i prilagođene vrste objava su u redu.
Sada dolazi onaj sjajni dio.. kada ste na korisničkom sučelju i unutar uređivača, kliknite bilo koji tekst u svom sadržaju ili kliknite unutar područja sadržaja i počnite tipkati! Za razliku od drugih alata za izradu stranica, PBS vam omogućuje izravno uređivanje sadržaja bez potrebe za prolaskom kroz skočne dijaloške okvire.
Tijekom uređivanja, područje na vrhu naziva se Traka za oblikovanje teksta. Ova traka sadrži sve alate za oblikovanje koje ćete koristiti za stiliziranje teksta kao što su: boje, podebljano, kurziv, poravnanja, dodavanje poveznica, grafičkih oznaka i više. Zadržite pokazivač iznad svakog gumba kako biste saznali što taj alat radi.
Zadržite pokazivač miša iznad gumba Dodaj elemente u gornjem lijevom kutu zaslona kako bi se prikazala Ploča za dodavanje elemenata. Također možete samo pomaknuti miš na lijevu stranu zaslona kako bi se ona prikazala.
Da biste umetnuli bilo koji element, držite pritisnutu tipku miša na jednom od njih, a zatim ga povucite u područje sadržaja. Područje na koje bi se element postavio postat će istaknuto. Otpustite tipku miša kako biste postavili element.
Zadržite pokazivač miša iznad bilo kojeg elementa koji imate u svom sadržaju i iznad njih bi se trebali pojaviti obrisi i alatne trake.
Možete zadržati pokazivač miša iznad rubova obrisa kako biste povećali/smanjili margine između elemenata.
Također možete kliknuti na gumb na alatnoj traci za izvođenje brzih radnji na elementu. Klikom na ikonu zupčanika na alatnoj traci otvorit će se Inspektor svojstava koji sadrži više opcija.
Inspektor svojstava daje vam veću kontrolu nad izgledom vaših elemenata. Možete dodati puno stvari poput sjena, animacija, promijeniti boje karte, radijus obruba i još mnogo toga.
Također možete pristupiti svojstvima roditelja elementa. Na primjer, ako ste postavili sliku unutar stupca i otvorili inspektor svojstava, tada možete pristupiti svojstvima slike, stupca u kojem se nalazi i retka u kojem se nalazi stupac.
Inspektor svojstava sadrži mnogo različitih postavki za različite elemente, stoga ih svakako sve istražite.
Page Builder Sandwich prikazuje vam stvarne kratke kodove na korisničkom sučelju, a možete ih i jednostavno uređivati!
Ako ste zapamtili svoje kratke kodove, možete ih umetnuti upisivanjem izravno u svoj sadržaj. Ali ako ih niste sve zapamtili (tko to uopće radi?), inspektor navodi sve kratke kodove dostupne na vašoj web-stranici. Povucite gumb Kratki kod iz inspektora u svoje područje sadržaja i pronađite onaj koji želite umetnuti, kliknite na njega da biste ga umetnuli.
Kratki kodovi se prikazuju kao stvarni sadržaj na korisničkom sučelju, a da biste ih uredili, možete ih odabrati i provjeriti njihove atribute u inspektoru. Ili za veću kontrolu, možete dvaput kliknuti na kratki kod kako biste ga uredili u izvornom obliku. Nakon uređivanja, vaš kratki kod će se ažurirati kako bi odražavao promjene.
S PBS-om možete kliknuti i povući bilo što te premjestiti bilo gdje. Kada nešto povučete, pomaknite to na vrh drugog elementa na stranici; možete ih premjestiti iznad ili ispod bilo kojeg drugog sadržaja.
Spremanje vašeg rada
Kada ste zadovoljni svojim dizajnom, samo kliknite na gumb za spremanje u gornjem lijevom kutu stranice. To je sve!
Page Builder Sandwich nije poput vašeg tipičnog alata za izradu stranica, jednostavan je i lak za korištenje.
Možete pogledati videozapis u nastavku za brzi pregled.
Prvo stvorite novu stranicu, objavu ili CPT. Zatim posjetite svoju novu objavu ili bilo koju postojeću na korisničkom sučelju (frontend). PBS je 100% frontend, tako da nećete morati petljati po pozadinskom dijelu (backend).
Pri vrhu vaše stranice (na administratorskoj traci) trebao bi se nalaziti gumb “Page Builder Sandwich”, kliknite na njega kako biste započeli uređivanje. Vidjet ćete kako se područje za oblikovanje teksta pojavljuje s vrha, a ploča za dodavanje elemenata sa strane. Područje sadržaja vaše teme sada je vaš uređivač!
Pomoću PBS-a možete uređivati samo pojedinačne stranice. Ne možete uređivati popis blog objava ili stranicu 404 jer njih stvara vaša tema. Objave, stranice i prilagođene vrste objava su u redu.
A sada dolazi sjajan dio.. kada ste na korisničkom dijelu i unutar uređivača, kliknite bilo koji tekst u svom sadržaju ili kliknite unutar područja sadržaja i počnite tipkati! Za razliku od drugih alata za izradu stranica, PBS vam omogućuje izravno uređivanje sadržaja bez potrebe za otvaranjem skočnih dijaloških okvira.
Tijekom uređivanja, područje na vrhu naziva se Traka za oblikovanje teksta. Ova traka sadrži sve alate za oblikovanje koje ćete koristiti za stiliziranje teksta kao što su: boje, podebljano, kurziv, poravnanja, dodavanje poveznica, grafičke oznake i još mnogo toga. Zadržite pokazivač miša iznad svakog gumba kako biste saznali čemu taj alat služi.
Zadržite pokazivač miša iznad gumba Dodaj elemente u gornjem lijevom kutu zaslona kako biste prikazali Ploču za dodavanje elemenata. Također možete samo pomaknuti miš na lijevu stranu zaslona kako bi se prikazala.
Za umetanje bilo kojeg elementa, pritisnite i držite tipku miša na njemu, a zatim ga povucite u svoje područje sadržaja. Područje na koje bi se element smjestio bit će istaknuto. Otpustite tipku miša kako biste postavili element.
Zadržite pokazivač miša iznad bilo kojeg elementa koji imate u svom sadržaju i iznad njih bi se trebali pojaviti obrisi i alatne trake.
Možete zadržati pokazivač miša iznad rubova obrisa kako biste povećali/smanjili margine između elemenata.
Također možete kliknuti na gumb na alatnoj traci za izvođenje brzih radnji na elementu. Klikom na ikonu zupčanika na alatnoj traci otvorit će se Inspektor svojstava koji sadrži više opcija.
Inspektor svojstava daje vam veću kontrolu nad izgledom vaših elemenata. Možete dodati mnoge stvari poput sjena, animacija, mijenjati boje karte, radijus obruba i još mnogo toga.
Također možete pristupiti svojstvima nadređenih elemenata. Na primjer, ako ste sliku postavili unutar stupca i otvorili inspektor svojstava, možete pristupiti svojstvima slike, stupca u kojem se nalazi i retka u kojem se nalazi stupac.
Inspektor svojstava sadrži mnoštvo različitih postavki za različite elemente, stoga ih svakako sve istražite.
Page Builder Sandwich prikazuje stvarne kratke kodove na korisničkom dijelu stranice, a možete ih i jednostavno uređivati!
Ako ste zapamtili svoje kratke kodove, možete ih umetnuti upisivanjem izravno u svoj sadržaj. No ako ih niste sve zapamtili (tko to uopće radi?), inspektor navodi sve kratke kodove dostupne na vašem web-mjestu. Povucite gumb Shortcode iz inspektora u svoje područje sadržaja i pronađite onaj koji želite umetnuti, pa kliknite na njega kako biste ga umetnuli.
Kratki kodovi se prikazuju kao stvarni sadržaj na korisničkom sučelju; kako biste ih uredili, možete ih odabrati i provjeriti njihove atribute u inspektoru. Ili za veću kontrolu, možete dvaput kliknuti na kratki kod kako biste ga uredili u izvornom obliku. Nakon uređivanja, vaš će se kratki kod ažurirati kako bi odražavao promjene.
Pomoću PBS-a možete kliknuti i povući bilo što te premjestiti bilo kamo. Kada nešto povučete, pomaknite to iznad drugog elementa na stranici; možete ga premjestiti iznad ili ispod bilo kojeg drugog sadržaja.
Spremanje vašeg rada
Kada ste zadovoljni svojim dizajnom, samo kliknite na gumb za spremanje u gornjem lijevom kutu stranice. To je to!
Lite dodatak i Premium dodatak su dva različita dodatka. Kako biste koristili premium značajke, morat ćete deaktivirati (ili deinstalirati) Lite verziju, zatim instalirati i aktivirati Premium dodatak te unijeti svoj licencni ključ.
Napomena: Ako istovremeno aktivirate i lite i premium dodatak, dodatak će vas obavijestiti da prije nastavka prvo deaktivirate onaj koji imate.
Napomena za kupce koji su kupili PBS na pagebuildersandwich.com: Dodatak možete preuzeti i sa stranice, trenutni licencni ključ koji imate trebao bi i dalje raditi. Ako ne radi, kontaktirajte nas i izdat ćemo vam novi.
Nakon kupnje PBS-a trebali biste primiti e-poruku koja sadrži dvije stvari:
Instalirajte i aktivirajte premium dodatak, nakon čega bi vam se trebao prikazati ovaj zaslon:
Ovdje unesite svoj licencni ključ i kliknite na Agree & Activate License. Sada bi premium značajke trebale biti dostupne.
Alternativno, možete otići i na stranicu s dodacima i pronaći dodatak Page Builder Sandwich na popisu:
Kliknite na poveznicu Activate License i odatle biste trebali moći unijeti svoju licencu.
Pomoću dodatka Page Builder Sandwich možete uređivati samo pojedinačne stranice ili objave. Razmislite o tome na ovaj način: ako u pozadinskom dijelu postoji područje “Nova objava” s uređivačem sadržaja, možete ga uređivati pomoću dodatka Page Builder Sandwich.
Trebali biste moći uređivati sadržaj bilo koje prilagođene vrste objave.
Pobrinuli smo se da Page Builder Sandwich ima gotovo nulti utjecaj na performanse vaše web stranice. Kada ste odjavljeni, u najmanju ruku, učitavaju se samo CSS stilovi za retke i stupce, zajedno s potrebnim JS i CSS skriptama za kratke kodove koje ste upotrijebili.
Za posjetitelje vaše web stranice, u najmanju ruku, učitavaju se samo CSS stilovi za retke i stupce, zajedno s potrebnim JS i CSS skriptama za kratke kodove koje ste upotrijebili.
Nedavno smo dodali neke ispravke vezane uz problem kompatibilnosti kada su i dodatak Page Builder Sandwich i IMPress for IDX Broker aktivirani zajedno. To je uzrokovalo rušenje na korisničkom sučelju za prijavljene korisnike.
Ispravak je ponovno učinio PBS funkcionalnim, ali smo morali widgetu IDX Broker ukloniti mogućnost umetanja unutar uređivača. Unatoč tome, widget IDX Broker i dalje se može koristiti u vašem izborniku Izgled > Widgeti.
Kako biste radili brže, možete koristiti razne tipkovničke prečace dostupne u dodatku Page Builder Sandwich.
Ovo su prečaci za naredbe koje se ne odnose na oblikovanje/alate. Za tipkovničke prečace za oblikovanje/alate postavite pokazivač miša iznad svakog gumba na traci za oblikovanje teksta kako biste vidjeli pripadajuću kombinaciju tipki prečaca.
| Tipkovnički prečac | Opis |
| CTRL+E (dok ne uređujete) | Započni uređivanje |
| CTRL+SHIFT+R (tijekom uređivanja) | Osvježi stranicu (budući da se CTRL+R koristi za desno poravnanje) |
| CTRL+S | Spremi promjene |
| CTRL+ESC | Odbaci promjene i završi uređivanje |
| CTRL+C | Kopiraj |
| CTRL+V | Zalijepi |
| CTRL+X | Izreži |
| CTRL+ENTER | Prijelom retka / sljedeći redak |
| CTRL+Z | Poništi |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Ponovi |