Page Builder Sandwich dovrebbe essere compatibile con i diversi moduli di Jetpack.
Il modulo Markdown fa qualcosa di speciale durante il salvataggio dei contenuti, con il risultato che le modifiche vanno perse durante la conversione del markdown. Per gestire questo problema, il testo markdown nell’editor backend si trasforma in tag html quando salvi le modifiche dal frontend. (Grazie a Jake Jackson per l’aiuto)
Abbiamo testato Page Builder Sandwich con PHP 7 e tutto dovrebbe funzionare correttamente senza alcun problema.
Fai attenzione quando aggiorni il tuo sito da una versione precedente a PHP 7, poiché ci sono molte incompatibilità con le versioni precedenti che dovrebbero essere risolte in tutti i tuoi temi e plugin.
Si verifica un errore Javascript quando Page Builder Sandwich e Materialize sono presenti contemporaneamente. C’è un conflitto tra materialize.js e il selettore di colori di WordPress Core.
È presente una issue nel repository GitHub di Materialize a questo proposito: https://github.com/Dogfalo/materialize/issues/2821
Il plugin continuerà comunque a funzionare correttamente purché tu non disattivi la licenza sul tuo sito. Una volta disattivata, non potrai riattivarla nuovamente.
Non potrai ricevere aggiornamenti dalla tua bacheca di WordPress né avere accesso alle versioni più recenti. Non saremo in grado di fornirti il nostro fantastico supporto personalizzato.
L’aggiunta di widget può essere effettuata facendo clic sul pulsante Elemento widget nella sezione Elementi dell’ispettore. Facendo clic, dovrebbe apparire un popup che elenca tutti i widget trovati da Page Builder Sandwich nel tuo sito.
È possibile aggiungere tutti i widget presenti nel tuo sito WordPress, tuttavia alcuni widget che utilizzano codice Javascript personalizzato/specializzato all’interno delle loro impostazioni potrebbero non funzionare correttamente. I widget che utilizzano quanto segue potrebbero non funzionare:
I widget predefiniti di WordPress e i widget creati in modo simile non dovrebbero avere problemi.
Se hai assolutamente bisogno che quel widget specifico funzioni, esiste una soluzione alternativa.
Puoi utilizzare il plugin Custom Sidebars by WPMU Dev per creare una nuova barra laterale/area widget, aggiungere il widget lì usando il metodo normale in Aspetto > Widget. Quindi, in Page Builder Sandwich, aggiungi un Elemento barra laterale e seleziona la barra laterale che contiene il widget di cui hai bisogno.
Un’altra alternativa è ricreare l’effetto desiderato utilizzando i vari elementi e stili disponibili in Page Builder Sandwich.
Quando acquisti per la prima volta Page Builder Sandwich, un file .zip contenente il plugin verrà scaricato automaticamente sul tuo computer.
Nel caso in cui dovessi perderlo, puoi scaricare nuovamente il tuo file .zip accedendo a questo link: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Inserendo la tua licenza a questo link potrai recuperare il tuo file .zip di Page Builder Sandwich, insieme alla licenza e ai dettagli del tuo account.
Tecnicamente questo dovrebbe funzionare con qualsiasi tema.
Insieme ai nostri utenti e clienti, abbiamo utilizzato con successo Page Builder Sandwich con tantissimi temi, inclusi i temi della directory dei temi di WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes e temi di ThemeForest.
Tuttavia, a volte il tuo tema potrebbe fare qualcosa di non convenzionale e impedire il corretto funzionamento di Page Builder Sandwich. Quando ciò accade, inviaci una richiesta di supporto e cercheremo di risolvere il problema.
L’eliminazione di elementi in Page Builder Sandwich si effettua solitamente selezionando il testo o l’elemento e premendo il tasto Canc o Backspace.
Un’altra alternativa è fare clic sul pulsante elimina / rimuovi nell’ispettore:
Ci sono alcuni casi in cui questo non funziona. Gli elementi per cui non funziona sono normalmente contenitori come righe, colonne o caroselli. Questo serve a prevenire eliminazioni accidentali durante l’eliminazione dei contenuti.
Per eliminare questi elementi, fai clic sul pulsante elimina / rimuovi nelle proprietà dell’elemento all’interno dell’ispettore. Ad esempio, per eliminare una riga, dovrai utilizzare quest’area:
Page Builder Sandwich è ora disponibile in:
Se desideri contribuire alla realizzazione di Page Builder Sandwich traducendolo nella tua lingua, visita la nostra pagina Transifex!
Aggiungere immagini è molto semplice. Puoi:
In precedenza si è verificato un problema relativo a NextGen e Page Builder Sandwich.
Prima della versione 2.12, PBS causava in qualche modo la comparsa di un messaggio di errore in NextGen che faceva apparire una schermata bianca sul sito. Questo problema è stato risolto a partire dalla versione 2.12, quindi se stai usando una versione precedente, ti preghiamo di aggiornare.
Esistono migliaia di temi e altri plugin disponibili. Quindi, per quanto cerchiamo di fare attenzione e sviluppare tutto secondo gli standard, a volte le cose possono andare storte.
Se riscontri che Page Builder Sandwich non funziona correttamente nella tua configurazione, ecco alcuni passaggi che puoi seguire per risolvere il problema.
Dai un’occhiata all’articolo qui: Il pulsante “Modifica con Page Builder Sandwich” non compare Se non risolve il problema, continua a leggere.
Sfoglia i diversi articoli nella categoria Risoluzione dei problemi nella documentazione.
WordPress, i tuoi plugin, il tuo tema e persino Page Builder Sandwich. È sempre una buona norma essere aggiornati. Assicurarsi che tutto sia aggiornato significa disporre delle ultime correzioni di bug e vulnerabilità per il tuo sito.
Se non riesci a modificare i tuoi contenuti con Page Builder Sandwich (e probabilmente è apparso un popup di errore), potrebbe essere che il contenuto della pagina corrente in cui ti trovi sia interamente generato dal tuo tema o da un plugin. Per verificarlo, modifica la tua pagina/articolo nel backend normalmente usando WordPress, quindi controlla se il contenuto salvato viene visualizzato nel frontend. Se non appare, significa che il contenuto della pagina/articolo è interamente generato e non può essere modificato usando PBS.
A volte, un plugin può entrare in conflitto con Page Builder Sandwich. Per verificare quale plugin potrebbe causare il conflitto, disattiva un plugin e controlla se PBS riprende a funzionare. Ripeti questa operazione per ciascuno dei tuoi plugin attivati. Se PBS ricomincia a funzionare e puoi modificare le tue pagine, allora il plugin che hai appena disattivato non è compatibile con PBS. In tal caso, contattaci via email all’indirizzo [email protected] e faccelo sapere in modo che possiamo risolvere il problema.
Se la disattivazione dei plugin non ha dato risultati, prova a passare al tema predefinito di WordPress (i temi Twenty-Qualcosa). Se riesci di nuovo a modificare i tuoi contenuti con Page Builder Sandwich, allora il tema che stai utilizzando non è compatibile con PBS. Inviaci questa informazione via email all’indirizzo [email protected] e faccelo sapere in modo che possiamo risolvere il problema.
In rari casi, un’estensione del browser può impedire al codice Javascript di un sito web di funzionare correttamente. Per verificare se un’estensione del browser sta causando problemi, apri il browser in modalità di navigazione in incognito (Chrome) o in modalità anonima e prova ad accedere a PBS; questo aprirà una nuova scheda senza alcuna estensione. Se funziona, significa che hai un’estensione in conflitto.
È stato riscontrato che l’estensione del browser PageXray causa problemi.
Ci siamo assicurati che Page Builder Sandwich abbia un impatto quasi pari a zero sulle prestazioni del tuo sito web. Quando non hai effettuato l’accesso, come minimo, vengono accodati solo gli stili CSS di righe e colonne, insieme agli script JS e CSS necessari per gli shortcode che hai utilizzato.
Gli shortcode possono essere incollati o digitati direttamente durante la modifica. Dopo aver digitato lo shortcode, premi Invio o esci dallo shortcode e dovrebbe apparire immediatamente nella sua forma renderizzata.
Un altro modo per aggiungere shortcode è fare clic sull’Elemento Shortcode nell’inspector. Verrà visualizzato un popup che elenca tutti gli shortcode disponibili sul tuo sito. Selezionane uno o fai doppio clic su uno di essi per inserirlo.
Puoi modificare gli shortcode in 2 modi:
Gli attributi dello shortcode non possono essere rilevati da Page Builder Sandwich. Dovrai quindi digitarli manualmente. Stiamo lavorando a un modo per mappare gli shortcode nel sistema per rendere tutto più semplice. Resta sintonizzato per novità al riguardo.
Markdown è fondamentalmente una sintassi che digiti durante la modifica per aggiungere o modificare la formattazione del tuo testo. Funziona come i tasti di scelta rapida, ma invece di premere la combinazione, la digiti.
Di seguito è riportato un elenco di tutte le sintassi Markdown supportate in Page Builder Sandwich.
## Intestazione2
### Intestazione3
fino a:
###### Intestazione6
> Citazione
(4 spazi)Testo preformattato/Codice
* Elenco puntato - Elenco puntato
1. Elenco numerato 1) Elenco numerato
- ------------------------------(o più trattini)
La digitazione di URL li convertirà automaticamente in un link:
Vai su https://pagebuildersandwich.com
Vai su [Page Builder Sandwich](https://pagebuildersandwich.com
Puoi incorporare contenuti da vari siti come video di YouTube, video di Vimeo, Tweet e persino commenti di Reddit incollando i relativi URL permalink in Page Builder Sandwich.
Tieni presente che un’intera riga di testo deve contenere solo l’URL
Page Builder Sandwich funziona insieme alla funzionalità oEmbed di WordPress. Pertanto, gli URL che puoi incorporare nel backend dovrebbero essere supportati. Anche i plugin che aggiungono il supporto per ulteriori provider oEmbed dovrebbero funzionare.
Puoi trovare un elenco dei provider oEmbed nel codex: https://codex.wordpress.org/Embeds
Puoi modificare solo il contenuto di pagine, articoli e tipi di post personalizzati utilizzando Page Builder Sandwich.
Tuttavia non puoi modificare i file template del tema come:
Pensala in questo modo: se nella barra di amministrazione nel frontend è presente “Modifica articolo” o “Modifica pagina”, allora la pagina dovrebbe essere modificabile.
Puoi incorporare contenuti da vari siti come video di YouTube, video di Vimeo, foto di Instagram, foto di Flickr, Tweet e persino commenti di Reddit incollando direttamente i loro URL permalink.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Puoi trovare un elenco di URL incorporabili dal codex di WordPress: https://codex.wordpress.org/Embeds
Puoi anche installare altri plugin che aggiungono il supporto per ulteriori URL da incorporare. Ad esempio, gli URL di Wistia non sono supportati nativamente da WordPress; puoi installare il loro plugin per abilitare l’incorporamento, dopodiché anche PB Sandwich dovrebbe essere in grado di gestirli.
Tieni presente che un’intera riga di testo deve contenere solo l’URL affinché funzioni.
Puoi anche incollare direttamente i codici di incorporamento.
I codici di incorporamento hanno questo aspetto:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Tieni presente che un’intera riga di testo deve contenere solo il codice di incorporamento affinché funzioni.
Fai clic sullo strumento “Aggiungi media”, quindi incolla il tuo URL nella scheda “Inserisci da URL”.
Page Builder Sandwich è stato creato per essere il meno invasivo possibile, in modo che gli altri plugin non abbiano problemi a coesistere con il nostro.
A volte, tuttavia, ci sono delle eccezioni. Di seguito è riportato un elenco di plugin che presentano alcune particolarità quando funzionano insieme a Page Builder Sandwich. Ciò non significa necessariamente che non funzionino o che siano incompatibili, ma solo che alcuni comportamenti potrebbero essere diversi.
Continueremo ad aggiornare questo elenco. Se hai riscontrato qualcosa, non esitare a inviare un ticket di supporto a [email protected]
Nella versione premium di Page Builder Sandwich, puoi usare le tue icone vettoriali / SVG personali. Ecco come fare:
Le icone caricate possono essere utilizzate anche come punti elenco nelle liste puntate e come icone dei pulsanti.
Nota: se l’icona non appare nelle ricerche, è possibile che il nome file non sia stato analizzato correttamente da PBS. In questi casi, puoi utilizzare i termini “custom” o “upload” per trovare le icone caricate.
Verifica se PBS è attivo e in modalità di modifica.
if ( PBSEditor.isEditing() ) {
// Fai qualcosa durante la modifica.
}
Nessuno.
Booleano. True quando è attualmente in corso la modifica, false quando non lo è.
Utilizzato all’interno dell’iframe usato da PBS per eseguire il rendering della sua visualizzazione reattiva durante la modifica. Viene chiamato subito prima della chiusura del tag <head> e può essere utilizzato per aggiungere script e stili.
Nessuno.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Se stai riscontrando problemi, siamo qui per aiutarti! Ma prima controlla le pagine della documentazione, potresti trovare la risposta qui e risparmiare tempo.
Inviaci le tue richieste di supporto via email a [email protected]
Attivato quando l’utente passa tra le diverse visualizzazioni responsive.
Nessuno.
Puoi impedire che PB Sandwich venga visualizzato nel front-end utilizzando il filtro pbs_is_editable_by_user.
Ad esempio, per impedire che PB Sandwich venga visualizzato in un Custom Post Type identificato dallo slug slider, puoi aggiungere questo frammento di codice nel tuo 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;
}
Per impedire la visualizzazione di PB Sandwich per una pagina/articolo specifico, puoi utilizzare l’ID del post per effettuare il controllo:
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;
}
PBS invia statistiche di utilizzo per gli utenti che hanno fornito il consenso ogni volta che salvano nell’editor di PBS. Questo filtro può essere utilizzato per interrompere l’invio dei dati.
$true
Booleano. Questo è sempre true.
Se riscontri problemi, siamo qui per aiutarti! Ma prima controlla le pagine della documentazione, potresti trovare la risposta qui e risparmiare tempo.
Inviaci le tue richieste di supporto via email a [email protected]
Attivato quando un’opzione (dall’inspector) è stata modificata.
Nessuno.
PBS >= 4.3
PBS aggiunge un wrapper per identificare l’area dei contenuti di un articolo. Questo viene chiamato prima che il wrapper venga inserito.
$content
String. Il contenuto dell’articolo con il wrapper applicato.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Nessuno.
Array. Un array di tutti i tag shortcode rilevati.
PBS >= 4.3
Sovrascrivi la decisione se caricare o meno PBS nel front-end e consenti all’utente di utilizzare PBS per modificare il post.
$is_editable
Booleano. True se il post deve essere modificabile con PBS. False altrimenti
Impedisci che i post_type portfolio siano modificabili con 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;
}
Utilizzato all’interno dell’iframe usato da PBS per il rendering della sua visualizzazione reattiva durante la modifica. Viene chiamato subito prima della chiusura del tag <body> e può essere utilizzato per aggiungere script e stili.
Nessuno.
PBS aggiunge un wrapper per identificare l’area del contenuto di un articolo. Viene chiamato dopo che il wrapper è stato posizionato.
$content
Stringa. Il contenuto dell’articolo con il wrapper applicato.
PBS >= 4.3
Ottiene l’istanza di PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Nessuno.
Oggetto PageBuilderSandwich. L’istanza corrente della classe PBS.
PageBuilderSandwich::is_editable_by_user()
Nessuno.
Booleano. True se PBS può modificare il post, false altrimenti.
Un filtro per modificare gli stili CSS salvati per un post. Viene chiamato quando un salvataggio è stato avviato dall’editor PBS.
$style
Stringa. Gli stili CSS inviati per il salvataggio.
$post_id
Int. L’ID del post che si sta salvando.
Chiamato quando l’editor PBS termina il caricamento (non viene chiamato quando l’utente fa clic sul pulsante per iniziare a modificare)
Esegui un’azione dopo il caricamento di PBS
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Un elenco di tag shortcode da nascondere nel selettore di shortcode di PBS. Usa questo se hai shortcode che compaiono nel popup del selettore che hai già deprecato o che vuoi semplicemente nascondere agli utenti.
$shortcodes
Array. Un array di tag shortcode.
Nascondi lo shortcode dal selettore.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Aggiunge proprietà Javascript all’oggetto pbsFrontendParams nel front-end. L’oggetto pbsFrontendParams è disponibile nel front-end a prescindere dal fatto che l’utente abbia effettuato l’accesso e stia modificando.
$params
Array. Un array di chiavi e valori che saranno disponibili nella variabile Javascript a livello di window pbsFrontendParams
Rendere accessibile una variabile nel front-end
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Sarà disponibile in Javascript sotto pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
La maggior parte di Page Builder Sandwich è in Javascript e abbiamo aggiunto una serie di metodi affinché gli sviluppatori possano estendere e aggiungere ulteriori funzionalità al nostro page builder.
Per semplificare le cose agli sviluppatori, abbiamo impostato il funzionamento sul modello di WordPress: tramite gli hook!
In WordPress, in genere si utilizzano le funzioni add_filter() e add_action() per modificare o integrare il comportamento di WP. Allo stesso modo in PBS, puoi utilizzare wp.hooks.addFilter() e wp.hooks.addAction().
Anche il modo di utilizzarli è lo stesso: usa i filtri per modificare elementi e usa le azioni per eseguire operazioni aggiuntive. Queste due chiamate di funzione sono essenzialmente identiche alle loro controparti PHP, tranne per il fatto che vengono eseguite in Javascript.
Per non fare confusione tra gli hook PHP e gli hook Javascript, abbiamo denominato gli hook Javascript con un “period-case” (termine inventato). Gli hook PHP utilizzano tutti lo snake case:
Fai riferimento alle categorie Javascript Actions e Javascript Filters nel menu a sinistra per esplorare tutti gli hook.
Per i curiosi, stiamo utilizzando https://github.com/carldanley/WP-JS-Hooks per aggiungere queste pratiche chiamate di hook in Javascript
Chiamato subito prima che l’editor salvi i contenuti. Puoi usarlo per inserire dati aggiuntivi da inviare durante il salvataggio (questo non salva i dati, si limita a inviarli tramite Ajax al backend)
payload
Oggetto FormData. I dati inviati tramite Ajax per il salvataggio.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
Accoda uno script o uno stile insieme a PBS. Viene chiamato solo quando il post è modificabile con PBS. Quando la pagina non è modificabile con PBS, non viene utilizzato affatto.
Nessuno.
Quando PBS si carica, accoda anche 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__ ) );
}
Se non riesci a trovare dove hai salvato la tua copia del plugin premium, puoi andare qui e inserire il tuo indirizzo email per recuperarla. Il plugin ti verrà inviato via email.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Aggiunge proprietà Javascript all’oggetto pbsParams nel front-end. L’oggetto pbsParams è disponibile nel front-end quando l’utente ha effettuato l’accesso ed è abilitato a modificare la pagina.
Questa variabile contiene inoltre molte delle proprietà utilizzate da PBS durante la modifica, come i nonce, un elenco di tutti gli shortcode caricati e le stringhe di traduzione.
$params
Array. Un array di chiavi e valori che diventeranno disponibili nella variabile Javascript a livello di window pbsParams
Aggiungere uno shortcode non rilevato all’editor
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Questa è una funzionalità premium ed è disponibile nella versione 4.0.1+
I collegamenti di ancoraggio a scorrimento nella stessa pagina sono link che puntano a una posizione specifica nella stessa pagina. Quando fai clic su un link della stessa pagina, il browser scorrerà verso l’area indicata.
Sono necessarie due cose per creare un link di ancoraggio nella stessa pagina:
Scegli un elemento qualsiasi vicino al fondo della pagina e aprine le proprietà. Nell’area avanzata, aggiungi una classe personalizzata o un ID personalizzato denominato ” go_here“
Ora crea un link o aggiungi un elemento pulsante da qualche parte vicino alla parte superiore della pagina. Invece di aggiungere un URL come link, usa ” .go_here” (con il punto) se hai aggiunto “go_here” come classe personalizzata; oppure usa “#go_here” (con il cancelletto) se lo hai aggiunto come ID personalizzato.
Dopo aver salvato la pagina, quando fai clic sul link/pulsante, ora dovrebbe scorrere fluidamente verso l’elemento in fondo alla pagina.
Le ancore con nome come
<a name="go_here"></a>
possono essere puntate anche aggiungendo un link a “#go_here” (con il cancelletto)
Puoi puntare anche a qualsiasi altra area della pagina, anche all’esterno dell’area dell’editor, purché le punti utilizzando i loro nomi di classe o ID.
Chiamato dopo che il contenuto è stato salvato. Viene chiamato quando il salvataggio è stato avviato dall’editor PBS.
Nessuno
Un filtro per modificare i dati del post da salvare. Viene chiamato quando un salvataggio è stato avviato dall’editor PBS.
$post_data
Array. I dati finali del post da salvare, vengono passati direttamente a wp_update_post() successivamente.
$_POST
Array. I dati grezzi del post inviati dall’editor per il salvataggio. Il nonce è già stato verificato.
$post_id
Int. L’ID del post che si sta salvando.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Per qualche motivo, vogliamo sempre che il post sia una bozza.
$post_data['post_status'] = 'draft';
return $post_data;
}
Chiamato subito prima del salvataggio del contenuto. Viene chiamato quando un salvataggio è stato avviato dall’editor PBS.
Nessuno
Se sei uno sviluppatore di temi, includere PBS nel tuo tema può aumentare notevolmente il valore del tuo prodotto.
Contattaci all’indirizzo [email protected], collaboriamo!
CloudFlare è un CDN DNS gratuito ampiamente utilizzato. È ottimo, ma PBS attualmente riscontra problemi per quanto riguarda la funzionalità Rocket Loader. Rocket Loader migliora i tempi di caricamento dei file Javascript, ma altera l’ordine delle dipendenze e delle chiamate degli script di PBS. Se hai Rocket Loader attivato, il pulsante di modifica per Page Builder Sandwich non verrà visualizzato (e non comparirà alcun errore nella console Javascript).
Per disattivare Rocket Loader, accedi al tuo account CloudFlare e vai alle impostazioni del tuo dominio. Vai alle impostazioni Speed:
Quindi scorri verso il basso fino alle impostazioni di Rocket Loader e assicurati che l’impostazione sia disattivata:
Dopo averla disattivata, assicurati di svuotare l’intera cache del tuo sito dalle impostazioni Cache:
Dopo aver svuotato completamente la cache, puoi aggiornare la pagina e il pulsante di modifica di Page Builder Sandwich dovrebbe ora apparire.
Un filtro per modificare il contenuto del post da salvare. Viene chiamato quando è stato avviato un salvataggio dall’editor PBS.
$content
String. Il contenuto finale del post da salvare.
$post_id
Int. L’ID del post che stiamo salvando.
A partire dalla versione 4.0, ora puoi passare tra le visualizzazioni desktop, tablet e telefono cellulare durante la modifica! Chiamiamo questa modalità reattiva. In modalità reattiva, il tuo sito si ridimensionerà a una dimensione più piccola per simulare l’aspetto del tuo sito sugli schermi più piccoli.
Durante la visualizzazione del tuo sito nelle visualizzazioni tablet o telefono cellulare, avrai funzionalità di modifica limitate. Con questo, puoi fare SOLO quanto segue:
* PBS applica alcuni stili reattivi ai tuoi elementi e alle tue righe, quindi alcuni margini non saranno regolabili.
Ecco alcune cose che non puoi fare:
Se stai visualizzando il tuo sito nelle visualizzazioni tablet o telefono cellulare, qualsiasi regolazione dei margini apportata verrà applicata solo alla visualizzazione corrente e alla visualizzazione più piccola. Ciò ti consente di perfezionare i tuoi progetti per renderli migliori sugli schermi più piccoli, separatamente dalla versione desktop completa.
Ecco un esempio per rendere le cose più chiare.
Questo si applica solo alle regolazioni dei margini; le modifiche al testo o allo stile del testo vengono applicate a tutte le dimensioni dello schermo.
Durante la visualizzazione nelle visualizzazioni tablet o telefono cellulare, le tue righe avranno un nuovo pulsante della barra degli strumenti con un “occhio” che apparirà quando ci passi sopra con il cursore. Facendo clic su questo potrai mostrare/nascondere la riga per la dimensione attuale dello schermo.
Le righe nascoste diventeranno leggermente trasparenti durante la modifica per indicare che saranno nascoste una volta terminata la modifica.
Tieni presente che questa funzionalità è disponibile solo per le righe.
Se durante l’utilizzo di Varnish Cache, dopo aver salvato le modifiche, continui a visualizzare i vecchi contenuti, è possibile che Varnish Cache non sia stato svuotato automaticamente.
Esistono alcuni plugin di WordPress che consentono di svuotare la cache: https://wordpress.org/plugins/search/varnish+cache/
Se non dovesse funzionare, puoi anche svuotare manualmente Varnish Cache eseguendo questo comando in un terminale:
curl -X PURGE http://mysite.com/my-page/
Markdown è fondamentalmente una sintassi che digiti durante la modifica per aggiungere o modificare la formattazione del testo. Funziona come le scorciatoie da tastiera, ma invece di premere una combinazione di tasti, la scrivi.
Di seguito è riportato un elenco di tutte le sintassi Markdown supportate in Page Builder Sandwich.
(Fai attenzione agli spazi)
# Intestazione1
## Intestazione2
fino a:
###### Intestazione6
> Citazione
(4 spazi)Testo preformattato/Codice
* Elenco puntato - Elenco puntato
1. Elenco numerato 1) Elenco numerato
- ------------------------------(o più trattini)
La digitazione di URL verrà convertita automaticamente in un link:
Head over to https://pagebuildersandwich.com
Digita “lorem” e poi premi tab per creare contenuto di testo fittizio.
Per disattivare PBS, accedi prima alla tua Bacheca / backend, quindi naviga su Plugin > Plugin installati:
Quando sei nella pagina Plugin, scorri verso il basso l’elenco dei plugin e trova quello per Page Builder Sandwich. Proprio sotto il nome, dovresti essere in grado di vedere un link disattiva insieme ad altri link come Modifica o Change License (questo potrebbe variare nel tuo sito). Fai clic sul link disattiva per disabilitare il plugin.
Nella maggior parte degli elementi (ma non negli shortcode), puoi specificare un’animazione di entrata che viene riprodotta quando l’elemento diventa visibile sullo schermo.
Per fare questo, passa il mouse sopra un elemento per far apparire la barra degli strumenti, quindi fai clic sul pulsante a forma di ingranaggio.
Questo aprirà l’inspector. Spostati nell’area Animations, aprila e quindi scegli un’animazione.
Dopo aver scelto un’animazione, verrà riprodotta per mostrarti un’anteprima. Puoi perfezionare ulteriormente l’animazione con le altre opzioni fornite.
Le animazioni vengono riprodotte solo quando l’utente scorre la pagina e l’elemento entra nella visuale. Se l’elemento è già visibile quando arrivi sulla pagina, non verrà animato.
No, non le perderai! Tutte le tue pagine e i tuoi contenuti rimarranno comunque nel tuo sito. Ciò significa che puoi disattivare PBS in tutta sicurezza quando esegui l’upgrade dalla versione gratuita alla versione premium, o quando stai semplicemente facendo dei test.
Tuttavia, non tutto avrà lo stesso aspetto. Noterai che alcuni elementi nella tua pagina cambieranno poiché PBS contiene stili e script aggiuntivi necessari per alcuni degli elementi più elaborati.
Ecco alcuni elementi che rimarranno quando disattivi PBS:
Ecco alcuni elementi che scompariranno quando disattivi PBS:
Se hai salvato le modifiche nella tua pagina e…
questo potrebbe significare che il salvataggio non ha fatto sì che la tua soluzione di caching cancellasse i suoi dati memorizzati.
Se stai utilizzando un qualche tipo di soluzione di caching (come un plugin di cache del tipo W3 Total Cache, un software di caching lato server come Memcached o Redis, o il caching DNS come CloudFlare), potrebbe non aver cancellato i tuoi contenuti salvati.
Un modo per verificare se questo è il caso consiste nel modificare la pagina nel backend (nel modo normale) e poi visualizzare la pagina nel frontend. Se il tuo contenuto non è cambiato, allora forse la tua cache non si è svuotata automaticamente.
Alcune soluzioni di caching non-WordPress dispongono di un plugin WordPress complementare che può aiutare a svuotare o cancellare la cache attuale; le soluzioni per WordPress di solito hanno pulsanti o opzioni per questo scopo.
È anche possibile che si sia verificato un qualche tipo di errore PHP durante il salvataggio.
Per verificare se questo si sta verificando, apri la console per sviluppatori (preferibilmente in Chrome) e vai alla scheda Rete (Network). Una volta lì, salva le tue modifiche in PBS; dovresti quindi vedere diverse voci verso admin-ajax.php. Se le vedi in rosso, significa che si è verificato un errore. Controlla se vedi qualcosa di simile a questo:
Se questo è il caso, inviaci un’e-mail all’indirizzo [email protected] insieme alle credenziali di accesso necessarie, così possiamo verificare e risolvere il problema per te.
Leggi l’articolo sulla compatibilità con Wordfence qui: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Nota: non si applica ai clienti Envato
Se riscontri errori durante l’attivazione della licenza, ecco alcune verifiche da effettuare…
Questo accade soprattutto a chi esegue l’aggiornamento a una versione successiva. Se hai aggiornato manualmente i file del plugin saltando la procedura di aggiornamento o i passaggi di disattivazione/attivazione, alcuni processi potrebbero non essere stati eseguiti correttamente. Disattiva il plugin, riattivalo e prova a inserire nuovamente la licenza.
A partire dalla versione 3.2, Page Builder Sandwich è integrato con Freemius. In diversi casi, la cancellazione dei dati di Freemius risolve gli errori di attivazione della licenza. Ecco come risolvere il problema.
Accedi alla tua bacheca e modifica l’URL in http://yoursite.com/wp-admin/admin.php?page=freemius (ricordati di modificare l’URL in base al tuo sito). Se visualizzi la schermata sottostante, sei nella pagina corretta.
Fai clic sul pulsante Delete All Accounts e poi anche sul pulsante Clear API Cache. Dopo aver completato questa operazione, prova a inserire nuovamente la tua chiave di licenza.
Se continua a non funzionare, contattaci all’indirizzo [email protected] fornendoci i dettagli del problema e del tuo sito.
Qui ho aggiunto una riga con un colore di sfondo e poi vi ho inserito un’immagine all’interno. Eccola:
Per farla “sporgere” sopra il contenitore, passa il mouse sopra l’elemento che desideri spostare. Poi, quando compaiono i contorni, sposta il mouse oltre la parte superiore del contorno. Dovrebbe mostrare il valore corrente del margine superiore:
Fai clic e trascina il margine superiore verso l’alto per diminuire il margine, rendendolo un valore negativo:
Ora l’immagine “sporge” all’esterno della riga!
Se l’elemento viene tagliato quando supera la riga, apri l’ispettore delle proprietà per la riga e disattiva l’opzione overflow hidden nelle opzioni Advanced:
Per aggiungere rapidamente del testo fittizio, digita la parola “lorem” e poi premi tab o invio per aggiungere rapidamente del testo segnaposto 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.
Page Builder Sandwich funziona con tutti i plugin di caching. Tuttavia, potresti riscontrare alcuni problemi se attivi la loro funzionalità di minify o di caching.
Assicurati semplicemente che il minify sia disabilitato per gli utenti connessi e dovrebbe funzionare senza problemi.
Qui mostriamo solo le impostazioni di W3 Total Cache, ma anche altri plugin di caching e minify dovrebbero avere impostazioni simili.
Assicurati che Don’t cache pages for logged in users sia selezionato sotto Performance > Page Cache
Se utilizzi il minify, assicurati che Disable minify for logged in users sia selezionato sotto Performance > Minify
Per incorporare contenuti da siti web esterni, incolla semplicemente l’URL e premi Invio. Ad esempio, puoi copiare e incollare questo URL da YouTube:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
L’incorporamento tramite iframe è possibile anche incollando i codici di incorporamento <iframe>. Ad esempio, copia e incolla questa stringa di incorporamento:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
Puoi incorporare URL da siti elencati nel Codex di WordPress: https://codex.wordpress.org/Embeds e qualsiasi sito che supporta oEmbed.
Se stai provando a trascinare le maniglie del margine o del padding superiore e inferiore e i margini/padding dell’elemento non cambiano, potrebbero esserci altri stili che stanno sovrascrivendo forzatamente qualsiasi modifica di stile. Questo può accadere anche quando non riesci a modificare sfondi, bordi o quando le immagini trasparenti assumono sempre un colore di sfondo.
Per individuare il problema, apri lo strumento di ispezione del tuo browser e ispeziona l’elemento. Esamina gli stili relativi a quell’elemento. Se vedi qualcosa di simile a questo:
Allora puoi avere la certezza che il tuo tema o un plugin sta impedendo l’applicazione di qualsiasi altro stile all’elemento. Passa con il mouse sopra il foglio di stile per scoprire da quale tema/plugin proviene.
Per risolvere il problema, rimuovi la parte “! important” dello stile e dovresti essere nuovamente in grado di applicare gli stili. Potrebbe essere necessario contattare l’autore del tema o del plugin per risolvere la situazione.
Nota: per impostazione predefinita, l’header viene rimosso solo dalla prima pagina.
Per rimuovere l’header o il menu da una qualsiasi delle tue pagine, avrai bisogno di un plugin che ti permetta di aggiungere CSS personalizzato, come ad esempio Jetpack.
Per rimuovere l’header, avrai bisogno dell’ID del post del tuo articolo, quindi aggiungi questo CSS personalizzato (sostituisci 9999 qui con l’ID del tuo post):
body.page-id-9999 #masthead {
display: none;
}
Per rimuovere i menu da una pagina (sostituisci 9999 qui con l’ID del tuo post):
body.page-id-9999 #header-wrapper {
display: none;
}
oppure per rimuovere il menu solo dalla home page:
body.page-id-9999 #header-wrapper {
display: none;
}
Puoi aggiungere immagini di sfondo alle tue righe e agli sfondi. Inoltre, puoi anche applicare una tinta alla tua immagine di sfondo con un colore per adattarla meglio al tuo design.
Ad esempio, qui ho una riga con un’immagine di sfondo e del testo bianco sovrapposto. Al momento è piuttosto difficile vedere il testo a causa dell’immagine di sfondo che ho scelto.
Per migliorare l’aspetto, possiamo aggiungere un po’ di colore alla nostra immagine di sfondo. Per fare ciò, passa il mouse sopra la riga, quindi fai clic sull’icona a forma di ingranaggio della riga per aprirne le proprietà. Vai alle opzioni Sfondo, quindi attiva Tinta immagine di sfondo.
Dopo averla attivata, modifica il colore di sfondo e verrà aggiunta una tinta colorata alla tua immagine di sfondo. Puoi anche modificare l’intensità o l’opacità della tinta. Ecco il mio sfondo tinto di verde per rendere il testo più visibile:
Page Builder Sandwich verifica regolarmente se hai ancora effettuato l’accesso a WordPress. Questo controllo viene eseguito per garantire che le tue modifiche vengano effettivamente salvate nel momento in cui fai clic sul pulsante di salvataggio. Viene utilizzato anche per il blocco degli articoli e i salvataggi automatici.
Ci affidiamo all’API Heartbeat di WordPress per eseguire i nostri controlli, che a sua volta si basa sui cookie del browser e sulle sessioni. Quindi, se continui a visualizzare quei popup di “sessione scaduta” durante la modifica, potrebbe esserci qualcosa che impedisce a WordPress di tracciarti correttamente. Ecco alcune operazioni che puoi fare per risolvere il problema:
Se hai installato plugin di caching, o se hai una cache DNS o qualsiasi altra forma di caching, svuotala. Cancella anche la cache del tuo browser. È possibile che non ti vengano forniti gli script più recenti per il tuo sito.
È anche possibile che i tuoi cookie si siano danneggiati; questo problema può essere facilmente risolto cancellando i cookie del browser dalle impostazioni dello stesso. L’opzione si trova solitamente vicino a quella per cancellare la cache del browser.
Vai su Impostazioni > Generali e controlla le tue impostazioni. Cerca le voci relative a Indirizzo WordPress (URL) e Indirizzo sito (URL). I domini e i protocolli di questi campi dovrebbero corrispondere al tuo dominio effettivo. Ad esempio, se uno ha “http://” ma accedi al tuo sito usando “https://”, allora le impostazioni dovrebbero indicare “https://”. Un altro problema comune è che uno di questi URL contenga il prefisso “www” e l’altro no.
Questi campi dovrebbero corrispondere:
oppure:
Per risolvere il problema, puoi modificare le impostazioni da Impostazioni > Generali. Se non riesci a modificare tali impostazioni, puoi aprire il tuo client FTP e modificare il file wp-config.php, aggiungendo le seguenti righe:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| Versione Lite | Non disponibile |
| Versione Premium | Tutte le funzionalità disponibili
|
I carousel sono un modo originale per aggiungere contenuti che scorrono ciclicamente e ripetutamente nella visualizzazione. Page Builder Sandwich dispone di un elemento carousel nativo utilizzabile, eliminando la necessità di plugin di carousel esterni.
Facendo clic sul pulsante a forma di ingranaggio dell’elemento carousel è possibile configurare il comportamento del carousel, come l’animazione delle slide, il ritardo e altro ancora. Al momento della creazione, vengono fornite tre slide del carousel su cui lavorare, con l’opzione di aggiungere o eliminare slide. Tutte queste slide accettano i consueti elementi utilizzati, come testo, immagini e determinati shortcode.
Passare da una slide all’altra è facile quanto selezionare i pulsanti di navigazione stessi. È inoltre possibile modificare l’ordine delle slide tramite le proprietà (icona a forma di ingranaggio).
Per modificare lo stato del tuo post, passa il mouse sopra l’indicatore del menu a discesa sul pulsante di salvataggio in alto a sinistra dello schermo. Verranno visualizzate ulteriori opzioni di salvataggio.
Se stai utilizzando la versione lite, potresti aver notato i contrassegni triangolari gialli. Questi indicano se un determinato pulsante/elemento/opzione è una funzionalità premium.
Se desideri nasconderli, puoi accedere alla tua Bacheca, andare alla pagina delle impostazioni in PBSandwich > Impostazioni e selezionare l’opzione Hide Premium Feature Flags
| Versione Lite | Tutte le funzionalità disponibili |
| Versione Premium | Tutte le funzionalità disponibili |
Fai clic sull’elemento HTML nell’Inspector per aggiungere un nuovo elemento HTML; dovrebbe apparire una finestra modale. Digita o incolla qui il tuo codice HTML, quindi fai clic su Salva HTML. Il tuo HTML dovrebbe ora apparire all’interno dell’editor.
Passa il mouse sopra l’elemento HTML per visualizzare la barra degli strumenti. Puoi modificare il tuo HTML facendo clic sull’icona a forma di matita nella barra degli strumenti oppure facendo doppio clic sull’elemento stesso.
Non volevamo un’interfaccia disordinata, e volevamo che tutto fosse intuitivo e facile da scoprire. Quindi, anche se l’interfaccia utente di Page Builder Sandwich sembra semplice, è piuttosto potente e puoi fare molte cose durante la modifica.
Puoi anche fare molte cose ingegnose usando il cursore del mouse. Overlay interattivi e barre degli strumenti compaiono quando passi il mouse sopra diversi elementi. Ognuno di essi fa cose diverse, come:
Una volta avviata la modifica con PBS, passa il mouse sopra il titolo della tua pagina/del tuo articolo: dovrebbe apparire un contorno. Fai clic sul titolo per posizionarvi il cursore e modificarlo.
Gli strumenti di formattazione non sono disponibili nell’area del titolo; non puoi modificarne gli stili né aggiungere elementi al titolo.
Righe e colonne sono strumenti utilizzabili per creare contenuti suddivisi in sezioni.
Quando si effettuano modifiche utilizzando Page Builder Sandwich a partire da una pagina/articolo appena creato, il contenuto digitato verrà inserito interamente in una singola colonna. Questo va bene per scrivere post del blog, ma se desideri creare layout speciali per landing page o pagine di contatto, probabilmente vorrai un layout a 2 colonne o persino un mix di colonne diverse lungo la pagina.
Puoi aggiungere righe e colonne utilizzando questi pulsanti nell’inspector:
Una volta aggiunta, la nuova riga verrà evidenziata con un contorno:
Puoi inserire qualsiasi cosa all’interno delle tue righe e colonne: testo, shortcode, widget e persino aggiungere ulteriori righe e colonne.
Quando viene selezionata una riga (o un contenuto al suo interno), nell’inspector saranno disponibili ulteriori opzioni. Puoi utilizzare questi pulsanti per personalizzare ulteriormente lo stile della tua sezione:
Al di sotto di questo, nell’inspector, sono presenti anche opzioni aggiuntive per definire lo stile delle tue colonne.
Puoi spostare le righe in posizioni diverse facendo clic e tenendo premuto sulla riga stessa (se fai clic e tieni premuto su un elemento al suo interno, verrà trascinato l’elemento e non la riga).
| Versione Lite | Non disponibile |
| Versione Premium | Tutte le funzionalità disponibili
|
Facoltativamente evidenzia del testo, quindi fai clic sull’elemento pulsante nell’inspector. Verrà visualizzata una finestra modale in cui potrai digitare l’URL a cui collegare il pulsante. Da lì potrai anche cercare qualsiasi pagina web già esistente nel tuo sito web.
A differenza degli altri elementi, i pulsanti vengono posizionati inline, il che significa che verranno collocati accanto ad altro testo (o ad altri pulsanti). Non è possibile trascinare e rilasciare i singoli pulsanti in altre posizioni, ma occorre invece trascinare il pulsante insieme al testo che lo circonda.
Durante la modifica, quando fai clic su un pulsante, potrai visualizzare opzioni di stile aggiuntive nell’inspector. Puoi anche passare il mouse sopra i pulsanti per visualizzare l’URL a cui collegano e altri comandi.
Nota: esegui questa procedura quando hai già installato e attivato PBS e desideri aggiornarlo con un file zip scaricato dal sito o da un allegato che ti abbiamo inviato via e-mail.
Nota: utilizziamo un altro plugin per eseguire gli aggiornamenti; questo ci consente di aggiornare PBS immediatamente senza doverlo prima disinstallare.
Vai su Plugin > Aggiungi nuovo, quindi nella casella di ricerca cerca il plugin “Easy Theme and Plugin Upgrades”
Una volta trovato il plugin, installalo e attivalo.
Dopo aver attivato il plugin Easy Theme and Plugin Upgrades, vai di nuovo su Plugin > Aggiungi nuovo, quindi fai clic sul pulsante Carica plugin vicino alla parte superiore:
Scegli e installa il file zip di Page Builder Sandwich,
Tutto qui. Ora dovresti avere la nuova versione di PBS.
| Versione Lite | Disponibile con stile limitato |
| Versione Premium | Tutte le funzionalità disponibili
|
Fai clic sull’elemento mappa per aggiungere una mappa alla tua pagina. Quando l’elemento mappa è selezionato, l’ispettore dovrebbe mostrare le impostazioni della mappa. Puoi inserire coordinate di latitudine & longitudine o un indirizzo nel campo della posizione nell’ispettore per centrare la mappa su quell’area. Sono disponibili anche altre opzioni di stile.
Puoi manipolare ulteriormente l’elemento mappa effettuando una panoramica o ingrandendo/rimpicciolendo la mappa. Tieni presente che le modifiche apportate alla mappa verranno applicate all’elemento.
Per gli utenti premium, è possibile stilizzare la mappa scegliendo un colore per tingerla; un’altra opzione consiste nell’utilizzare snazzymaps.com per generare combinazioni di colori e poi utilizzarle. SnazzyMaps può essere utilizzato per creare combinazioni di colori simili a questa: https://snazzymaps.com/style/20053/papuportal-dark Per utilizzare queste combinazioni di colori, copia l’array di stile Javascript nell’ispettore.
L’altezza della mappa può essere regolata, tuttavia la larghezza della mappa non può esserlo e si ridimensionerà sempre alla larghezza massima disponibile. Per ridimensionarla, posiziona le mappe all’interno di righe e colonne. Puoi anche impostare le mappe in modo che occupino l’intera larghezza del browser.
Puoi usare il mouse per posizionare rapidamente il cursore in diverse aree dei tuoi contenuti o per selezionare diversi elementi.
Puoi anche utilizzare i tasti freccia sulla tastiera per spostare il cursore all’interno dei tuoi contenuti. Puoi usarli per andare sopra o sotto le righe.
Quando gestisci righe e colonne, puoi fare clic sui bordi delle righe per aggiungere contenuti subito dopo o prima della riga. Questo è particolarmente utile se hai più righe una dentro l’altra e desideri inserire dei contenuti tra di esse.
Se non riesci a vedere il pulsante “Modifica con Page Builder Sandwich” nel frontend del tuo sito, ecco alcune cose che puoi provare:
Il pulsante di modifica di PB Sandwich è disponibile nella barra di amministrazione nel frontend. Assicurati che la barra di amministrazione sia visibile accedendo alla tua bacheca e andando su Utenti > Il tuo profilo e controlla attentamente che la casella Mostra la barra degli strumenti quando si visualizza il sito sia spuntata.
Solo gli articoli, le pagine e i tipi di post personalizzati sono modificabili nel frontend. Puoi modificare elementi nel frontend solo se puoi modificarli utilizzando l’editor di contenuti di WordPress nel backend. Le altre aree del tuo sito (ad es. l’elenco degli articoli del blog in homepage, l’elenco di tutti gli articoli del blog, gli elenchi delle categorie, le pagine 404, le pagine di ricerca) sono pagine dinamiche create da WordPress insieme al tema in uso e non possono essere modificate con PB Sandwich.
Un indicatore per capire se la pagina web corrente è modificabile è la presenza della voce “Modifica articolo” o “Modifica pagina” nella barra di amministrazione.
Se la tua pagina/il tuo articolo è generato dinamicamente da un tema o da un plugin, non sarà modificabile con Page Builder Sandwich (e molto probabilmente nemmeno con altri page builder). Se noti che l’editor di contenuti nel backend è vuoto, ma visualizzando la pagina nel frontend è ricca di contenuti, questo è un chiaro indicatore che la pagina è generata dinamicamente.
Per verificare se la pagina è generata dinamicamente, visualizza il sorgente della pagina web (fai clic con il tasto destro e poi scegli “Visualizza sorgente pagina”). Cerca il testo “pbs-main-wrapper”: se non riesci a visualizzare questo testo da nessuna parte, la pagina è generata dinamicamente.
Ecco alcuni esempi di contenuti generati dinamicamente:
Si sono verificati casi in cui il tema non mostrava affatto il contenuto se questo era vuoto, e ciò ha indotto erroneamente PBS a pensare che la pagina non fosse modificabile. Per verificare se si tratta di questo caso, modifica la pagina/l’articolo nell’editor del backend, prova ad aggiungere un testo qualsiasi nel contenuto (ad esempio “ciao”), quindi fai clic sul pulsante “Modifica con Page Builder Sandwich” da lì.
Grazie a Mathias Hellquist per questo consiglio!
Alcuni page builder ti impongono di scegliere se utilizzare l’editor di contenuti predefinito di WordPress o l’editor proprietario del page builder. Se hai già modificato la pagina usando un altro page builder, è possibile che quest’ultimo abbia già “rivendicato” il contenuto e che altri hook/filtri per i contenuti non possano più essere eseguiti. Per questo motivo, a volte Page Builder Sandwich non riuscirà a rilevare dove si trova il contenuto e non mostrerà il pulsante di modifica perché non c’è nulla da modificare.
Per risolvere il problema, basta scegliere di non utilizzare quel page builder per quella specifica pagina/articolo e optare per l’uso dell’editor di contenuti predefinito di WordPress.
Assicurati di disporre dei permessi di modifica per la pagina
Il pulsante di modifica non apparirà se non hai i permessi per modificare la pagina. Ad esempio, se sei un editor o un collaboratore e puoi scrivere post e articoli sul sito, ciò non significa necessariamente che tu possa modificare la home page o la pagina dei contatti. Se riesci a vedere il pulsante “Modifica articolo” nella barra di amministrazione, dovresti anche essere in grado di modificarlo tramite PB Sandwich. Se necessario, chiedi all’amministratore del sito i privilegi di modifica.
PB Sandwich fa ampio uso di Javascript. Se sono presenti errori Javascript dovuti ad altri script sul tuo sito, questo potrebbe impedire a PB Sandwich di funzionare. Per verificare se si tratta di questo caso, puoi aprire la console per sviluppatori nel browser per controllare la presenza di errori.
Ti consigliamo di usare Chrome per questa operazione. Fai clic con il tasto destro su un punto qualsiasi della pagina, quindi seleziona l’opzione “Ispeziona”. Verrà aperta una nuova sezione nella parte inferiore del browser: fai clic sulla scheda “console”. Se ci sono errori, dovresti vedere qualcosa di simile a questo:
Se riscontri un errore, puoi anche scoprire da dove proviene facendo clic o passando il mouse sopra il nome dello script:
Questi errori potrebbero provenire dal tema o da altri plugin installati. Risolvere questi errori può consentire a PB Sandwich di tornare a funzionare.
Se il tema o uno dei plugin sta causando l’errore Javascript, ti invitiamo a comunicarcelo via email all’indirizzo [email protected] e faremo del nostro meglio per risolvere il problema 🙂
CloudFlare è un DNS CDN gratuito ampiamente utilizzato. È ottimo, ma attualmente PBS presenta problemi con la funzionalità Rocket Loader. Rocket Loader migliora il tempo di caricamento dei file Javascript, ma altera le dipendenze e l’ordine di chiamata degli script di PBS. Se Rocket Loader è attivo, il pulsante di modifica di Page Builder Sandwich non comparirà (e non verrà visualizzato alcun errore nella console Javascript).
Per verificare se il tuo sito sta utilizzando Rocket Loader di CloudFlare, visualizza il sorgente della pagina web (fai clic con il tasto destro e poi scegli “Visualizza sorgente pagina”), quindi cerca il testo “rocketscript”: se trovi quel testo, significa che Rocket Loader è attivo.
Leggi l’articolo sulla compatibilità con CloudFlare e Rocket Loader per le istruzioni complete su come disattivarlo.
Bene, a questo punto, se nessuna delle soluzioni precedenti ha funzionato, potrebbe essere il momento di spiegare perché non compare e cosa fare al riguardo. Sei pronto? Andiamo!
Page Builder Sandwich deve sapere dove si trova il contenuto della tua pagina/del tuo articolo. Lo fa intercettando il momento in cui WordPress carica il contenuto dell’articolo e “contrassegnando” quell’area, in modo tale che, una volta caricato tutto, sia possibile individuare i contenuti veri e propri.
A volte, alcuni plugin scavalcano o aggirano questo processo e provano a caricare il contenuto a modo loro. In alcuni casi non crea problemi, ma in determinati scenari, soprattutto quando si tratta di caricare il contenuto dell’articolo principale, ciò può causare l’interruzione del funzionamento di alcuni plugin. Quando un altro plugin aggira questo processo di caricamento, i “contrassegni” applicati potrebbero andare persi e, al momento dell’attivazione dell’editor, questo non è più in grado di trovare dove si trovi il contenuto. Di conseguenza, il pulsante di modifica non compare! Potresti anche notare che alcuni plugin che aggiungono contenuti alla pagina, come ad esempio certi plugin di condivisione social, potrebbero smettere di funzionare esattamente per la stessa ragione.
Page Builder Sandwich deve sapere dove si trova il contenuto della tua pagina/del tuo articolo, e lo fa agganciandosi al filtro the_content e aggiungendo un wrapper attorno al contenuto principale. Alcuni plugin potrebbero ignorare questo comportamento e sovrascrivere invece il contenuto con una funzione get_the_content() più avanti nel flusso di esecuzione. Purtroppo, questa operazione impedisce l’esecuzione di TUTTI i filtri the_content e di conseguenza il wrapper di PBS va perso. Anche le modifiche apportate da qualsiasi altro plugin andrebbero perse.
Non c’è nulla di sbagliato nell’usare get_the_content() di per sé, ma possono esserci effetti collaterali se viene utilizzato nella query principale e all’interno della pagina template del singolo articolo anziché tramite la normale chiamata a the_content(), in cui vengono eseguiti tutti i filtri di the_content.
Puoi verificare se i “contrassegni” di Page Builder Sandwich non sono presenti visitando la pagina/l’articolo nel frontend e visualizzando il sorgente della pagina dopo aver effettuato l’accesso. Cerca tra le righe di codice se riesci a trovare la stringa:
data-name="main-content"
Se riesci a trovarla, potrebbe trattarsi semplicemente di un problema Javascript da qualche parte: comunicaci il tema e i plugin che stai utilizzando e potremo risolverlo.
Se invece non riesci a trovarla, potrebbe darsi semplicemente che il tema (o un plugin, ma molto probabilmente è il tema se si tratta di una pagina o di un articolo del blog) stia modificando il contenuto dell’articolo. In tal caso, dovresti contattare l’autore del tema e informarlo del problema! Puoi anche mostrargli la spiegazione tecnica del “perché” riportata sopra, potrà essere d’aiuto per il debug 🙂
Se ti senti a tuo agio a mettere mano al codice PHP, puoi provare a risolvere il problema individuando il file di template che gestisce il contenuto dell’articolo. Una soluzione che abbiamo riscontrato consiste nel sostituire le chiamate a:
$content = get_the_content();
con:
ob_start(); the_content(); $content = ob_get_clean();<br>
Nota: la variabile PHP potrebbe variare nel tuo caso, ma il concetto rimane lo stesso. Se funziona, sarebbe inoltre preferibile creare un tema child invece di applicare questa modifica direttamente nel tema principale. Potrebbero verificarsi anche effetti collaterali a causa della modifica, quindi è meglio consultare l’autore del tema al riguardo.
Page Builder Sandwich non è come il solito page builder: è lineare e semplice da usare.
Puoi guardare il video qui sotto per una rapida panoramica.
Per prima cosa, crea una nuova pagina, un articolo o un CPT. Poi visita il tuo nuovo articolo o uno qualsiasi già esistente nel tuo frontend. PBS è al 100% frontend, non dovrai armeggiare nel backend.
Dovrebbe esserci un pulsante “Page Builder Sandwich” nella parte superiore della pagina (sulla tua barra di amministrazione): fai clic su di esso per iniziare a modificare. Dovresti vedere comparire l’area di formattazione del testo dall’alto e il pannello per aggiungere elementi dal lato. L’area dei contenuti del tuo tema è ora il tuo editor!
Con PBS puoi modificare solo pagine singole. Non puoi modificare un elenco di articoli del blog o una pagina 404, poiché questi sono creati dal tuo tema. Articoli, pagine e custom post type vanno benissimo.
Ora arriva la parte migliore… una volta che sei nel frontend e all’interno dell’editor, fai clic su qualsiasi testo nei tuoi contenuti o fai clic all’interno dell’area dei contenuti e inizia a digitare! A differenza di altri page builder, PBS ti consente di modificare direttamente i contenuti senza dover passare attraverso finestre popup.
Durante la modifica, l’area in alto è chiamata Barra di formattazione del testo. Questa barra contiene tutti gli strumenti di formattazione che utilizzerai per dare stile al testo, come: colori, grassetto, corsivo, allineamenti, aggiunta di link, elenchi puntati e altro ancora. Passa il cursore su ciascun pulsante per scoprire cosa fa lo strumento.
Passa il mouse sul pulsante Aggiungi elementi in alto a sinistra sullo schermo per visualizzare il Pannello Aggiungi elementi. Puoi anche semplicemente spostare il mouse sul lato sinistro dello schermo per farlo apparire.
Per inserire qualsiasi elemento, tieni premuto il mouse su di esso, quindi trascinalo nella tua area dei contenuti. L’area in cui verrebbe posizionato l’elemento verrà evidenziata. Rilascia il pulsante del mouse per posizionare l’elemento.
Passa il mouse su qualsiasi elemento presente nei tuoi contenuti e vedrai apparire contorni e barre degli strumenti su di essi.
Puoi passare il mouse sui bordi dei contorni per aumentare/diminuire i margini tra gli elementi.
Puoi anche fare clic su un pulsante della barra degli strumenti per eseguire azioni rapide sull’elemento. Facendo clic sull’icona a forma di ingranaggio nella barra degli strumenti si aprirà l’Ispettore delle proprietà, che contiene ulteriori opzioni.
L’ispettore delle proprietà ti offre un maggiore controllo sull’aspetto dei tuoi elementi. Puoi aggiungere moltissime cose come ombreggiature, animazioni, modificare i colori della mappa, il raggio del bordo e molto altro ancora.
Puoi anche accedere alle proprietà degli elementi genitore. Ad esempio, se hai inserito un’immagine all’interno di una colonna e hai aperto l’ispettore delle proprietà, puoi accedere alle proprietà dell’immagine, della colonna in cui è contenuta e della riga in cui è contenuta la colonna.
L’ispettore delle proprietà contiene molte impostazioni diverse per i vari elementi, quindi assicurati di esplorarle tutte.
Page Builder Sandwich mostra gli shortcode effettivi nel frontend e puoi anche modificarli facilmente!
Se hai memorizzato i tuoi shortcode, puoi inserirli digitandoli direttamente nei tuoi contenuti. Ma se non li hai memorizzati tutti (chi mai lo farebbe?), l’ispettore elenca tutti gli shortcode disponibili nel tuo sito. Trascina un pulsante Shortcode dall’ispettore nella tua area dei contenuti, trova quello che desideri inserire e fai clic su di esso per inserirlo.
Gli shortcode vengono convertiti in contenuti effettivi nel frontend; per modificarli, puoi selezionarli e controllare i loro attributi nell’ispettore. Oppure, per un maggiore controllo, puoi fare doppio clic sullo shortcode per modificarlo nel formato grezzo. Dopo aver apportato le modifiche, il tuo shortcode si aggiornerà per riflettere i cambiamenti.
Con PBS puoi fare clic e trascinare qualsiasi elemento e spostarlo ovunque. Quando trascini qualcosa, spostalo sopra un altro elemento della pagina: puoi posizionarlo sopra o sotto qualsiasi altro contenuto.
Salvare il tuo lavoro
Una volta soddisfatto del tuo design, fai semplicemente clic sul pulsante Salva in alto a sinistra nella tua pagina. Tutto qui!
Page Builder Sandwich non è come i soliti page builder: è lineare e semplice da usare.
Puoi guardare il video qui sotto per una rapida panoramica.
Prima di tutto, crea una nuova pagina, un articolo o un CPT. Poi visualizza il tuo nuovo contenuto o uno qualsiasi di quelli esistenti nel tuo frontend. PBS è al 100% frontend, non dovrai armeggiare nel backend.
Dovrebbe esserci un pulsante “Page Builder Sandwich” nella parte superiore della pagina (sulla barra di amministrazione), fai clic su di esso per iniziare a modificare. Dovresti vedere l’area di formattazione del testo apparire dall’alto e il pannello di aggiunta degli elementi comparire lateralmente. L’area dei contenuti del tuo tema ora è il tuo editor!
Con PBS puoi modificare solo singole pagine. Non puoi modificare un elenco di articoli del blog o una pagina 404, poiché sono creati dal tuo tema. Articoli, pagine e tipi di post personalizzati vanno benissimo.
Ora viene la parte migliore… una volta nel frontend e all’interno dell’editor, fai clic su qualsiasi testo nel contenuto o fai clic all’interno dell’area dei contenuti e inizia a digitare! A differenza di altri page builder, PBS ti consente di modificare direttamente i contenuti senza dover passare attraverso finestre di dialogo a comparsa.
Durante la modifica, l’area in alto è chiamata Barra di formattazione del testo. Questa barra contiene tutti gli strumenti di formattazione che utilizzerai per personalizzare lo stile del testo, come: colori, grassetto, corsivo, allineamenti, aggiunta di link, elenchi puntati e altro. Passa il mouse su ciascun pulsante per scoprire le funzioni di ogni strumento.
Passa il mouse sopra il pulsante Aggiungi elementi in alto a sinistra dello schermo per mostrare il Pannello Aggiungi elemento. Puoi anche semplicemente spostare il mouse sul lato sinistro dello schermo per farlo comparire.
Per inserire qualsiasi elemento, tieni premuto il pulsante del mouse su di esso, quindi trascinalo nella tua area dei contenuti. L’area in cui verrà posizionato l’elemento verrà evidenziata. Rilascia il pulsante del mouse per posizionare l’elemento.
Passa il mouse su qualsiasi elemento presente nel tuo contenuto e su di esso appariranno contorni e barre degli strumenti.
Puoi passare il mouse sui bordi dei contorni per aumentare/diminuire i margini tra gli elementi.
Puoi anche fare clic su un pulsante della barra degli strumenti per eseguire azioni rapide sull’elemento. Facendo clic sull’icona a forma di ingranaggio nella barra degli strumenti si aprirà il Pannello delle proprietà, che contiene ulteriori opzioni.
Il pannello delle proprietà ti offre un maggiore controllo sull’aspetto dei tuoi elementi. Puoi aggiungere molti elementi come ombreggiature, animazioni, modificare i colori della mappa, il raggio del bordo e molto altro ancora.
Puoi anche accedere alle proprietà degli elementi genitore. Ad esempio, se hai inserito un’immagine all’interno di una colonna e hai aperto il pannello delle proprietà, potrai accedere alle proprietà dell’immagine, della colonna in cui è contenuta e della riga che contiene la colonna.
Il pannello delle proprietà contiene molte impostazioni diverse per i differenti elementi, quindi assicurati di esplorarle tutte.
Page Builder Sandwich mostra gli shortcode effettivi nel frontend e puoi anche modificarli facilmente!
Se ricordi a memoria i tuoi shortcode, puoi inserirli digitandoli direttamente nei contenuti. Ma se non li ricordi tutti (chi lo fa?), il pannello elenca tutti gli shortcode disponibili nel tuo sito. Trascina un pulsante Shortcode dal pannello nella tua area dei contenuti, individua quello che desideri inserire e fai clic su di esso per inserirlo.
Gli shortcode vengono convertiti in contenuti effettivi nel frontend; per modificarli, puoi selezionarli e verificare i loro attributi nel pannello. Oppure, per un maggiore controllo, puoi fare doppio clic sullo shortcode per modificarlo nel suo formato grezzo. Dopo aver effettuato le modifiche, lo shortcode si aggiornerà per riflettere le variazioni apportate.
Con PBS puoi fare clic, trascinare qualsiasi cosa e spostarla ovunque. Quando trascini un elemento, spostalo sopra un altro elemento della pagina; puoi posizionarlo sopra o sotto qualsiasi altro contenuto.
Salvare il lavoro
Quando sei soddisfatto del tuo design, fai semplicemente clic sul pulsante di salvataggio in alto a sinistra della pagina. Tutto qui!
Il plugin Lite e il plugin Premium sono due plugin diversi. Per utilizzare le funzionalità premium, dovrai disattivare (o disinstallare) la versione Lite, quindi installare e attivare il plugin Premium, e infine inserire il tuo codice di licenza.
Nota: se attivi entrambi i plugin Lite e Premium contemporaneamente, il plugin ti indicherà di disattivare quello già presente prima di procedere.
Nota per i clienti che hanno acquistato PBS da pagebuildersandwich.com: puoi anche scaricare il plugin dal sito, il codice di licenza attuale in tuo possesso dovrebbe comunque funzionare. In caso contrario, ti preghiamo di contattarci e potremo emetterne uno nuovo.
Dopo aver acquistato PBS, dovresti ricevere un’e-mail contenente due elementi:
Installa e attiva il plugin premium, dopodiché ti dovrebbe apparire questa schermata:
Inserisci qui il tuo codice di licenza e fai clic su Agree & Activate License. A questo punto le funzionalità premium saranno disponibili.
In alternativa, puoi anche andare alla pagina dei tuoi plugin e trovare il plugin Page Builder Sandwich nell’elenco:
Fai clic sul link Activate License e da lì potrai inserire la tua licenza.
Con Page Builder Sandwich puoi modificare solo pagine o articoli singoli. Considerala in questo modo: se nel backend c’è un’area “Nuovo articolo” con un editor di contenuti, allora puoi modificarla con Page Builder Sandwich.
Dovresti essere in grado di modificare i contenuti di qualsiasi custom post type.
Ci siamo assicurati che Page Builder Sandwich abbia un impatto vicino allo zero sulle prestazioni del tuo sito web. Quando l’utente non è connesso, nel peggiore dei casi, vengono accodati solo gli stili CSS di righe e colonne, insieme agli script JS e CSS necessari per gli shortcode utilizzati.
Per i visitatori del tuo sito web, nel peggiore dei casi, vengono accodati solo gli stili CSS di righe e colonne, insieme agli script JS e CSS necessari per gli shortcode utilizzati.
Di recente abbiamo aggiunto alcune correzioni relative al problema di compatibilità che si verificava quando sia Page Builder Sandwich che il plugin IMPress for IDX Broker erano attivati insieme; ciò causava un arresto anomalo sul frontend per gli utenti connessi.
La correzione ha reso nuovamente funzionante PBS, ma abbiamo dovuto rimuovere dal widget IDX Broker la possibilità di essere inserito all’interno dell’editor. Nonostante ciò, il widget IDX Broker può ancora essere utilizzato nel menu Aspetto > Widget.
Per permetterti di lavorare più velocemente, puoi utilizzare varie scorciatoie da tastiera disponibili con Page Builder Sandwich.
Queste sono scorciatoie per comandi che non riguardano la formattazione o gli strumenti. Per i tasti di scelta rapida di formattazione/strumento, passa il mouse sopra ogni pulsante sulla barra di formattazione del testo per visualizzare la relativa combinazione di tasti di scelta rapida.
| Tasto di scelta rapida | Descrizione |
| CTRL+E (quando non si è in modalità di modifica) | Inizia a modificare |
| CTRL+SHIFT+R (durante la modifica) | Aggiorna la pagina (poiché CTRL+R viene utilizzato per l’allineamento a destra) |
| CTRL+S | Salva le modifiche |
| CTRL+ESC | Ignora le modifiche e interrompi la modifica |
| CTRL+C | Copia |
| CTRL+V | Incolla |
| CTRL+X | Taglia |
| CTRL+ENTER | Interruzione di riga / riga successiva |
| CTRL+Z | Annulla |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Ripeti |