Page Builder Sandwich zou compatibel moeten zijn met de verschillende modules van Jetpack.
De Markdown-module doet iets speciaals bij het opslaan van inhoud, waardoor wijzigingen verloren gaan tijdens de markdown-conversie. Om dit op te lossen, wordt markdown-tekst in de backend-editor omgezet in html-tags wanneer u uw wijzigingen opslaat vanuit de frontend. (Met dank aan Jake Jackson voor de hulp)
We hebben Page Builder Sandwich getest met PHP 7 en alles zou zonder problemen moeten werken.
Wees voorzichtig bij het upgraden van je site van een lagere versie naar PHP 7, aangezien er veel incompatibiliteiten met lagere versies zijn die in al je thema’s en plug-ins moeten worden aangepakt.
Er treedt een Javascript-fout op wanneer zowel Page Builder Sandwich & Materialize samen worden gebruikt. Er is een conflict tussen materialize.js en de kleurkiezer van WordPress Core.
Er is hierover een issue geplaatst in de GitHub-repository van Materialize: https://github.com/Dogfalo/materialize/issues/2821
De plugin blijft gewoon goed werken zolang je de licentie op je site niet deactiveert. Zodra je deze deactiveert, kun je deze niet meer opnieuw activeren.
Je kunt geen updates meer ontvangen via je WordPress-dashboard en hebt geen toegang meer tot nieuwere versies. We kunnen je dan ook geen geweldige ondersteuning op maat meer bieden.
Widgets toevoegen kan worden gedaan door te klikken op de knop Widget Element in het gedeelte Elements in de inspector. Na het klikken verschijnt er een pop-up met alle widgets die Page Builder Sandwich op uw site heeft gevonden.
Alle widgets die op uw WordPress-site zijn gevonden kunnen worden toegevoegd, maar sommige widgets die aangepaste/gespecialiseerde JavaScript-code binnen hun instellingen gebruiken, werken mogelijk niet goed. Widgets die het volgende gebruiken werken mogelijk niet:
De standaard WordPress-widgets en op vergelijkbare wijze gemaakte widgets zouden geen problemen moeten opleveren.
Als u echt wilt dat die specifieke widget werkt, is er een manier om dit te omzeilen.
U kunt de plug-in Custom Sidebars by WPMU Dev gebruiken om een nieuw sidebar-/widgetgebied aan te maken, en uw widget daar toevoegen via de gebruikelijke methode in Weergave > Widgets. Voeg vervolgens in Page Builder Sandwich een Sidebar Element toe en selecteer de sidebar die de widget bevat die u nodig hebt.
Een ander alternatief is om het gewenste effect opnieuw te creëren met behulp van de verschillende elementen en stijlen die beschikbaar zijn in Page Builder Sandwich.
Wanneer u Page Builder Sandwich voor het eerst aanschaft, wordt er automatisch een .zip-bestand met de plugin naar uw computer gedownload.
Mocht u dit kwijtraken, dan kunt u uw .zip-bestand opnieuw downloaden via deze link: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Door uw licentie via deze link in te voeren, kunt u uw .zip-bestand van Page Builder Sandwich ophalen, samen met uw licentie- en accountgegevens.
Technisch gezien zou dit met alle mogelijke thema’s moeten werken.
Samen met onze gebruikers en klanten hebben we Page Builder Sandwich met succes gebruikt met veel thema’s, waaronder thema’s uit de WordPress.org-themamap, Genesis Themes, StudioPress Themes, Elegant Themes en thema’s van ThemeForest.
Er kunnen echter momenten zijn waarop uw thema iets onconventioneels doet en verhindert dat Page Builder Sandwich goed werkt. Als dat gebeurt, stuur ons dan een ondersteuningsverzoek en we zullen proberen het op te lossen.
Dingen verwijderen in Page Builder Sandwich gebeurt meestal door simpelweg de tekst of het element te selecteren en vervolgens op de delete- of backspace-toets te drukken.
Een ander alternatief is om op de knop verwijderen / wissen in de inspector te klikken:
Er zijn gevallen waarin dit niet werkt. Items waarbij dit niet werkt zijn doorgaans containers zoals rijen, kolommen of carrousels. Dit is om per ongeluk verwijderen tijdens het verwijderen van inhoud te voorkomen.
Om die items te verwijderen, klikt u op de knop verwijderen / wissen bij de eigenschappen van het element in de inspector. Om bijvoorbeeld een rij te verwijderen, moet u dit gedeelte gebruiken:
Afbeeldingen toevoegen is heel eenvoudig. U kunt:
Page Builder Sandwich is nu beschikbaar in het:
Als u wilt bijdragen aan Page Builder Sandwich door het naar uw taal te vertalen, ga dan naar onze Transifex-pagina!
Er zijn duizenden thema’s en andere plug-ins beschikbaar. Dus hoewel we voorzichtig proberen te zijn en alles volgens de normen bouwen, kan er soms iets misgaan.
Als je merkt dat Page Builder Sandwich niet goed werkt in jouw configuratie, zijn hier een paar stappen die je kunt nemen om het probleem op te lossen.
Bekijk het artikel hier: De knop “Edit with Page Builder Sandwich” verschijnt niet Als dat het probleem niet verhelpt, lees dan verder.
Blader door de verschillende artikelen in de categorie Probleemoplossing in de documentatie.
WordPress, je plug-ins, je thema en zelfs Page Builder Sandwich. Het is altijd goed om up-to-date te zijn. Ervoor zorgen dat alles is bijgewerkt betekent dat je beschikt over de nieuwste bugfixes en beveiligingsoplossingen voor je site.
Als je je inhoud niet kunt bewerken met Page Builder Sandwich (en er waarschijnlijk een foutmelding-pop-up is verschenen), kan het zijn dat de inhoud van de huidige pagina waarop je je bevindt volledig wordt gegenereerd door je thema / een plug-in. Om dit te controleren, bewerk je je pagina/bericht normaal in de backend met WordPress en controleer je of je opgeslagen inhoud in de frontend verschijnt. Als deze niet verschijnt, betekent dit dat de pagina-/berichtinhoud volledig gegenereerd is en niet kan worden bewerkt met PBS.
Soms kan een plug-in conflicteren met Page Builder Sandwich. Om te controleren welke plug-in het conflict veroorzaakt, deactiveer je een plug-in en controleer je of PBS weer begint te werken. Doe dit voor elk van je geactiveerde plug-ins. Als PBS weer begint te werken en je je pagina’s kunt bewerken, is de plug-in die je zojuist hebt gedeactiveerd niet compatibel met PBS. Neem in dat geval contact met ons op via e-mail op [email protected] en laat het ons weten, zodat we het kunnen oplossen.
Als het deactiveren van plug-ins niets heeft opgeleverd, probeer dan je thema te wijzigen naar het standaard WordPress-thema (de Twenty-Something-thema’s). Als je je inhoud weer kunt bewerken met Page Builder Sandwich, is het thema dat je gebruikt niet compatibel met PBS. Stuur ons deze informatie via e-mail op [email protected] en laat het ons weten, zodat we het kunnen oplossen.
In zeldzame gevallen kan een browserextensie mogelijk verhinderen dat JavaScript-code op een website goed werkt. Om te controleren of een browserextensie problemen veroorzaakt, open je je browser in de incognitomodus (Chrome) of in de privémodus en probeer je toegang te krijgen tot PBS; dit opent een nieuw tabblad zonder extensies. Als het werkt, heb je een conflicterende extensie.
Het is gebleken dat de browserextensie PageXray problemen veroorzaakt.
Er was eerder een probleem met betrekking tot NextGen en Page Builder Sandwich.
Vóór versie 2.12 zorgde PBS er op de een of andere manier voor dat NextGen een foutmelding toonde waardoor uw site een leeg wit scherm kreeg. Dit is opgelost vanaf versie 2.12, dus als u een oudere versie gebruikt, voer dan een update uit.
We hebben ervoor gezorgd dat Page Builder Sandwich vrijwel geen impact heeft op de prestaties van je website. Wanneer je bent uitgelogd, worden op zijn minst alleen de CSS-stijlen voor rijen en kolommen ingeladen, samen met de benodigde JS- en CSS-scripts voor de shortcodes die je hebt gebruikt.
Markdown is in feite een syntaxis die u tijdens het bewerken typt om de opmaak van uw tekst toe te voegen of te wijzigen. Dit is vergelijkbaar met sneltoetsen, maar in plaats van de combinatie in te drukken, typt u deze in.
Hieronder vindt u een overzicht van alle ondersteunde Markdown-syntaxis in Page Builder Sandwich.
## Kop2
### Kop3
tot en met:
###### Kop6
> Citaat
(4 spaties)Vooraf opgemaakte tekst/code
* Opsommingslijst - Opsommingslijst
1. Genummerde lijst 1) Genummerde lijst
- ------------------------------(of meerdere streepjes)
Het typen van URL’s wordt automatisch omgezet in een link:
Ga naar https://pagebuildersandwich.com
Ga naar [Page Builder Sandwich](https://pagebuildersandwich.com
Shortcodes kunnen tijdens het bewerken worden geplakt of rechtstreeks worden getypt. Nadat u uw shortcode hebt getypt, drukt u op Enter of navigeert u buiten de shortcode en deze zou direct in de gerenderde vorm moeten verschijnen.
Een andere manier om shortcodes toe te voegen, is door te klikken op het Shortcode-element in uw inspector. Hierdoor verschijnt er een pop-up met alle shortcodes die beschikbaar zijn op uw site. Selecteer er een of dubbelklik op een willekeurige shortcode om deze in te voegen.
U kunt shortcodes op 2 manieren bewerken:
Shortcode-attributen kunnen niet worden gedetecteerd door Page Builder Sandwich. U zult deze dus zelf moeten intypen. We werken aan een manier om shortcodes in het systeem in kaart te brengen om het voor iedereen gemakkelijk te maken. Blijf op de hoogte hiervan.
U kunt inhoud van verschillende sites zoals YouTube-video’s, Vimeo-video’s, Instagram-foto’s, Flickr-foto’s, Tweets en zelfs Reddit-reacties insluiten door hun permalink-URL’s rechtstreeks te plakken.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
U kunt een lijst met insluitbare URL’s vinden in de WordPress-codex: https://codex.wordpress.org/Embeds
U kunt ook andere plug-ins installeren die ondersteuning toevoegen voor extra insluit-URL’s. Wistia-URL’s worden bijvoorbeeld niet standaard door WordPress ondersteund; u kunt hun plug-in installeren om insluiten mogelijk te maken, waarna PB Sandwich deze ook zou moeten kunnen verwerken.
Houd er rekening mee dat één hele regel tekst alleen de URL moet bevatten om dit te laten werken.
U kunt insluitcodes ook rechtstreeks plakken.
Insluitcodes zien er als volgt uit:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Houd er rekening mee dat één hele regel tekst alleen de insluitcode moet bevatten om dit te laten werken.
Klik op het gereedschap “Media toevoegen” en plak uw URL vervolgens in het tabblad “Invoegen vanaf URL”.
Je kunt met Page Builder Sandwich alleen de inhoud van pagina’s, berichten en aangepaste berichttypen bewerken.
Je kunt echter geen thematemplatebestanden bewerken, zoals:
Bekijk het zo: als er “Bericht bewerken” of “Pagina bewerken” in je beheerbalk aan de frontend staat, dan zou de pagina bewerkbaar moeten zijn.
U kunt inhoud van verschillende sites, zoals YouTube-video’s, Vimeo-video’s, tweets en zelfs Reddit-opmerkingen, insluiten door hun permalink-URL’s in Page Builder Sandwich te plakken.
Let op: een hele regel tekst mag alleen de URL bevatten
Page Builder Sandwich werkt samen met de oEmbed-functie van WordPress. URL’s die u in de backend kunt insluiten, zouden dus moeten worden ondersteund. Plug-ins die ondersteuning toevoegen voor aanvullende oEmbed-aanbieders zouden ook moeten werken.
U kunt een lijst met oEmbed-aanbieders vinden in de codex: https://codex.wordpress.org/Embeds
In de premium-versie van Page Builder Sandwich kunt u uw eigen SVG-/vectoriconen gebruiken. Dat doet u zo:
Geüploade iconen kunnen ook worden gebruikt als opsommingsiconen in opsommingslijsten en als knopiconen.
Opmerking: Als uw icoon niet in uw zoekopdrachten verschijnt, kan het zijn dat de bestandsnaam niet goed is verwerkt door PBS. In die gevallen kunt u de termen “custom” of “upload” gebruiken om uw geüploade iconen te vinden.
Page Builder Sandwich is ontworpen om zo onopvallend mogelijk te zijn, zodat andere plugins probleemloos naast de onze kunnen functioneren.
Soms zijn er echter uitzonderingen hierop. Hieronder vindt u een lijst met plugins die bepaalde eigenaardigheden vertonen wanneer ze samen met Page Builder Sandwich worden gebruikt. Dit betekent niet noodzakelijk dat ze niet werken of incompatibel zijn, maar enkel dat bepaald gedrag kan afwijken.
We zullen deze lijst blijven bijwerken. Heeft u iets gevonden? Stuur dan gerust een supportticket naar [email protected]
Controleer of PBS is ingeschakeld en zich in de bewerkingsmodus bevindt.
if ( PBSEditor.isEditing() ) {
// Doe iets tijdens het bewerken.
}
Geen.
Boolean. True wanneer er momenteel bewerkt wordt, false wanneer er niet bewerkt wordt.
Wordt gebruikt binnen de iframe die door PBS wordt gebruikt om de responsieve weergave tijdens het bewerken weer te geven. Dit wordt vlak voor het sluiten van de <head>-tag aangeroepen en kan worden gebruikt om scripts en stijlen toe te voegen.
Geen.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Als je problemen ondervindt, zijn we er om te helpen! Maar controleer eerst de documentatiepagina’s; misschien vind je hier het antwoord en bespaar je tijd.
E-mail je ondersteuningsvragen naar [email protected]
PBS verstuurt gebruiksstatistieken voor gebruikers die hiervoor hebben gekozen telkens wanneer ze opslaan in de editor van PBS. Dit filter kan worden gebruikt om het verzenden van gegevens te stoppen.
$true
Boolean. Dit is altijd true.
Wordt geactiveerd wanneer de gebruiker schakelt tussen de verschillende responsieve weergaven.
Geen.
U kunt voorkomen dat PB Sandwich aan de front-end wordt weergegeven met behulp van het pbs_is_editable_by_user-filter.
Om er bijvoorbeeld voor te zorgen dat PB Sandwich niet meer wordt weergegeven in een Custom Post Type dat wordt geïdentificeerd door de slug slider, kunt u dit stukje code toevoegen aan uw 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;
}
Om PB Sandwich voor een specifieke pagina/bericht uit te schakelen, kunt u het post-ID gebruiken om te controleren:
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;
}
Als je problemen ondervindt, staan we klaar om te helpen! Maar controleer eerst de documentatiepagina’s; misschien vind je hier het antwoord al en bespaar je tijd.
E-mail je ondersteuningsvragen naar [email protected]
Wordt geactiveerd wanneer een optie (uit de inspector) is gewijzigd.
Geen.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Geen.
Array. Een array van alle gedetecteerde shortcode-tags.
PBS >= 4.3
PBS voegt een wrapper toe om het inhoudsgebied van een bericht te identificeren. Dit wordt aangeroepen voordat de wrapper wordt geplaatst.
$content
String. De berichtinhoud waarop de wrapper is toegepast.
PBS >= 4.3
Overschrijf de beslissing om PBS al dan niet in de front-end te laden en de gebruiker toe te staan PBS te gebruiken om het bericht te bewerken.
$is_editable
Boolean. True als het bericht bewerkbaar moet zijn met PBS. Anders False
Voorkom dat portfolio post_types bewerkbaar zijn met 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;
}
Wordt gebruikt binnen het iframe dat door PBS wordt gebruikt om de responsieve weergave te renderen tijdens het bewerken. Dit wordt vlak voor het sluiten van de <body>-tag aangeroepen en kan worden gebruikt om scripts en stijlen toe te voegen.
Geen.
PBS voegt een wrapper toe om het inhoudsgebied van een bericht te identificeren. Dit wordt aangeroepen nadat de wrapper is geplaatst.
$content
String. De berichtinhoud waarop de wrapper is toegepast.
PBS >= 4.3
Haalt de instantie van PageBuilderSandwich op
$pbs = PageBuilderSandwich::instance()
Geen.
PageBuilderSandwich-object. De huidige instantie van de PBS-klasse.
PageBuilderSandwich::is_editable_by_user()
Geen.
Boolean. True als PBS het bericht kan bewerken, anders false.
Een filter om de CSS-stijlen te wijzigen die worden opgeslagen voor een bericht. Dit wordt aangeroepen wanneer er een opslagactie is gestart vanuit de PBS-editor.
$style
String. De CSS-stijlen die zijn verzonden om te worden opgeslagen.
$post_id
Int. Het ID van het bericht dat we opslaan.
Wordt aangeroepen wanneer de PBS-editor klaar is met laden (wordt niet aangeroepen wanneer de gebruiker op de knop bewerken starten klikt)
Doe iets nadat PBS is geladen
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Een lijst met shortcode-tags die moeten worden verborgen in de shortcode-kiezer van PBS. Gebruik dit als u shortcodes hebt die in de pop-up van de kiezer worden weergegeven en die u al hebt afgekeurd of gewoon wilt verbergen voor gebruikers.
$shortcodes
Array. Een array van shortcode-tags.
Verberg de -shortcode in de kiezer.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Voegt Javascript-eigenschappen toe aan het pbsFrontendParams-object in de front-end. Het pbsFrontendParams-object is beschikbaar in de front-end ongeacht wanneer de gebruiker is ingelogd en bewerkt.
$params
Array. Een array van sleutels en waarden die beschikbaar worden in de Javascript-variabele pbsFrontendParams op window-niveau
Maak een variabele toegankelijk in de front-end
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Dit zal beschikbaar zijn in Javascript onder pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Het grootste deel van Page Builder Sandwich is Javascript, en we hebben een heleboel methoden toegevoegd zodat ontwikkelaars onze pagebuilder kunnen uitbreiden en meer functionaliteit kunnen toevoegen.
Om het ontwikkelaars gemakkelijker te maken, hebben we het gemodelleerd naar hoe WordPress werkt – via hooks!
In WordPress gebruik je gewoonlijk de functies add_filter() en add_action() om het gedrag van WP aan te passen of uit te breiden. Op vergelijkbare wijze kun je in PBS wp.hooks.addFilter() en wp.hooks.addAction() gebruiken.
De manier waarop je ze gebruikt is ook hetzelfde: gebruik filters om dingen aan te passen en acties om extra dingen uit te voeren. Die twee functieaanroepen zijn in wezen hetzelfde als hun PHP-tegenhangers, behalve dat ze in Javascript worden uitgevoerd.
Om verwarring tussen PHP-hooks en Javascript-hooks te voorkomen, hebben we de Javascript-hooks benoemd in “period-case” (zelfbedacht woord). PHP-hooks gebruiken allemaal snake case:
Raadpleeg de categorieën Javascript Actions en Javascript Filters in het linkermenu om door alle hooks te bladeren.
Voor de nieuwsgierigen: we gebruiken https://github.com/carldanley/WP-JS-Hooks om die handige hook-aanroepen in Javascript toe te voegen
Wordt aangeroepen vlak voordat de editor de inhoud opslaat. Je kunt dit gebruiken om extra gegevens toe te voegen die tijdens het opslaan worden verzonden (dit slaat de gegevens niet op, maar verzendt ze alleen via Ajax naar de backend)
payload
FormData-object. De gegevens die via Ajax worden verzonden om op te slaan.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Voeg gegevens toe die tijdens het opslaan moeten worden verzonden.
payload.append( 'my_data', 'My Data' );
}
Enqueue een script of stijl naast PBS. Dit wordt alleen aangeroepen wanneer het bericht bewerkbaar is met PBS. Wanneer de pagina niet bewerkbaar is met PBS, wordt dit helemaal niet gebruikt.
Geen.
Wanneer PBS laadt, enqueue dan ook 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__ ) );
}
Voegt Javascript-eigenschappen toe aan het pbsParams-object aan de front-end. Het pbsParams-object is beschikbaar aan de front-end wanneer de gebruiker is ingelogd en de pagina kan bewerken.
Deze variabele bevat ook veel van de eigenschappen die door PBS worden gebruikt tijdens het bewerken, zoals nonces, een lijst met alle geladen shortcodes en vertaalstrings.
$params
Array. Een array van sleutels en waarden die beschikbaar worden in de Javascript-variabele pbsParams op window-niveau
Voeg een niet-gedetecteerde shortcode toe aan de editor
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Als je niet kunt vinden waar je je exemplaar van de premium plugin hebt bewaard, kun je hierheen gaan en je e-mailadres invoeren om deze te herstellen. De plugin wordt per e-mail naar je verzonden.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Dit is een premiumfunctie en beschikbaar in versie 4.0.1+
Scrollende ankerlinks op dezelfde pagina zijn links die naar een specifieke locatie op dezelfde pagina verwijzen. Wanneer je op een link op dezelfde pagina klikt, scrolt je browser naar het aangewezen gebied.
Je hebt twee dingen nodig om een ankerlink op dezelfde pagina te maken:
Kies een willekeurig element onderaan je pagina en open de eigenschappen ervan. Voeg in het geavanceerde gedeelte een aangepaste class of aangepast ID toe met de naam ” go_here“
Maak nu een link of voeg een knopelement toe ergens bovenaan je pagina. In plaats van een URL als link toe te voegen, gebruik je ” .go_here” (met de punt) als je “go_here” als aangepaste class hebt toegevoegd; of gebruik “#go_here” (met het hekje) als je het als aangepast ID hebt toegevoegd.
Nadat je je pagina hebt opgeslagen en op je link/knop klikt, zou deze nu soepel moeten scrollen naar het element onderaan je pagina.
Benoemde ankers zoals
<a name="go_here"></a>
kunnen ook worden getarget door een link toe te voegen naar “#go_here” (met het hekje)
Je kunt ook andere gebieden op je pagina targeten, zelfs buiten het editorgebied, zolang je ze target met behulp van hun classnamen of ID’s.
Wordt aangeroepen nadat de inhoud is opgeslagen. Dit wordt aangeroepen wanneer het opslaan is gestart vanuit de PBS-editor.
Geen
Een filter om de op te slaan berichtgegevens te wijzigen. Dit wordt aangeroepen wanneer een opslagactie is geïnitieerd vanuit de PBS-editor.
$post_data
Array. De uiteindelijke berichtgegevens die moeten worden opgeslagen; dit wordt daarna direct doorgegeven aan wp_update_post().
$_POST
Array. De ruwe berichtgegevens die vanuit de editor zijn verzonden voor opslaan. Dit is al geverifieerd met een nonce.
$post_id
Int. Het bericht-ID dat we opslaan.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Om de een of andere reden willen we altijd dat het bericht een concept is.
$post_data['post_status'] = 'draft';
return $post_data;
}
Vanaf versie 4.0 kunt u nu tijdens het bewerken schakelen tussen weergaven voor desktop, tablet en mobiele telefoon! We noemen dit de responsieve modus. In de responsieve modus wordt uw site verkleind om te simuleren hoe uw site eruit zou zien op kleinere schermen.
Wanneer u uw site bekijkt in de weergaven voor tablet of mobiele telefoon, heeft u beperkte bewerkingsmogelijkheden. Hiermee kunt u ALLEEN het volgende doen:
* PBS past enige responsieve styling toe op uw elementen en rijen, dus sommige marges kunnen niet worden aangepast.
Hier zijn enkele dingen die u niet kunt doen:
Als u uw site bekijkt in de weergaven voor tablet of mobiele telefoon, worden eventuele aanpassingen van de marge die u maakt alleen toegepast op de huidige weergave en op de kleinere weergave. Hiermee kunt u uw ontwerpen aanpassen zodat ze er beter uitzien op kleinere schermen, los van de volledige desktopversie.
Hier is een voorbeeld om het duidelijker te maken.
Dit geldt alleen voor aanpassingen aan marges; tekstwijzigingen of wijzigingen in de tekststijl worden op alle schermformaten toegepast.
Bij weergave in de tablet- of mobiele telefoonweergave hebben uw rijen een nieuwe “oog”-werkbalkknop die verschijnt wanneer u er met de muis overheen beweegt. Als u hierop klikt, kunt u de rij voor het huidige schermformaat tonen/verbergen.
Verborgen rijen worden tijdens het bewerken een beetje transparant om aan te geven dat ze verborgen zullen zijn wanneer u klaar bent met bewerken.
Let op: deze functie is alleen beschikbaar voor rijen.
CloudFlare is een veelgebruikt gratis DNS CDN. Het is geweldig, maar PBS heeft momenteel problemen met betrekking tot de Rocket Loader-functie. Rocket Loader verbetert de laadtijd van Javascript-bestanden, maar verstoort de afhankelijkheden en aanroepvolgorde van de scripts van PBS. Als u Rocket Loader hebt ingeschakeld, verschijnt de bewerkknop voor Page Builder Sandwich niet (en er worden geen Javascript-consolefouten weergegeven).
Om Rocket Loader uit te schakelen, logt u in op uw CloudFlare-account en gaat u naar de instellingen voor uw domein. Navigeer naar de Speed-instellingen:
Scrol vervolgens omlaag naar de Rocket Loader-instellingen en zorg ervoor dat de instelling is uitgeschakeld:
Zorg er na het uitschakelen voor dat u de cache van uw gehele site wist via de Cache-instellingen:
Nadat u de volledige cache hebt gewist, kunt u de pagina vernieuwen en zou de bewerkknop van Page Builder Sandwich nu moeten verschijnen.
Als je een themaontwikkelaar bent, kan het opnemen van PBS in je thema de waarde van je product aanzienlijk verhogen.
Neem contact met ons op via [email protected], laten we samenwerken!
Wordt aangeroepen vlak voordat de inhoud wordt opgeslagen. Dit wordt aangeroepen wanneer een opslagactie is gestart vanuit de PBS-editor.
Geen
Een filter om de op te slaan berichtinhoud te wijzigen. Dit wordt aangeroepen wanneer het opslaan is gestart vanuit de PBS-editor.
$content
String. De uiteindelijke berichtinhoud die moet worden opgeslagen.
$post_id
Int. Het bericht-ID dat we opslaan.
Wanneer u Varnish Cache gebruikt en na het opslaan van uw wijzigingen nog steeds uw oude inhoud ziet, is het mogelijk dat Varnish Cache niet automatisch is geleegd.
Er zijn enkele WordPress-plugins waarmee u uw cache kunt legen: https://wordpress.org/plugins/search/varnish+cache/
Als dat niet werkt, kunt u Varnish Cache ook handmatig leegmaken door deze opdracht uit te voeren in een terminal:
curl -X PURGE http://mysite.com/my-page/
Markdown is in feite een syntaxis die u typt tijdens het bewerken om de opmaak van uw tekst toe te voegen of te wijzigen. Het lijkt op sneltoetsen, maar in plaats van de combinatie in te drukken, typt u ze in.
Hieronder vindt u een overzicht van alle ondersteunde Markdown-syntaxis in Page Builder Sandwich.
(Let op de spaties)
# Kop1
## Kop2
tot en met:
###### Kop6
> Citaat
(4 spaties)Vooraf opgemaakte tekst/code
* Opsommingslijst - Opsommingslijst
1. Genummerde lijst 1) Genummerde lijst
- ------------------------------(of meerdere streepjes)
Het intypen van URL’s wordt automatisch omgezet in een link:
Ga naar https://pagebuildersandwich.com
Typ “lorem” en druk vervolgens op Tab om voorbeeldtekst te maken.
Om PBS te deactiveren, logt u eerst in op uw dashboard / backend en navigeert u vervolgens naar Plugins > Geïnstalleerde plugins:
Wanneer u op de pagina Plugins bent, scrolt u omlaag in uw lijst met plugins en zoekt u naar Page Builder Sandwich. Direct onder de naam ziet u een link deactiveren samen met andere links zoals Bewerken of Licentie wijzigen (dit kan op uw site verschillen). Klik op de link deactiveren om de plugin uit te schakelen.
Als u uw wijzigingen op uw pagina heeft opgeslagen en…
dan kan dit betekenen dat het opslaan uw cachingoplossing niet heeft getriggerd om de opgeslagen gegevens te wissen.
Als u een soort cachingoplossing gebruikt – zoals een caching-plugin zoals W3 Total Cache, server-side cachingsoftware zoals Memcached of Redis, of DNS-caching zoals CloudFlare – dan is uw opgeslagen inhoud mogelijk niet gewist.
Een manier om te controleren of dit het geval is, is door uw pagina in de backend (de normale manier) te bewerken en vervolgens uw pagina in de frontend te bekijken. Als uw inhoud niet is gewijzigd, is uw cache mogelijk niet automatisch gewist.
Sommige niet-WordPress-cachingoplossingen hebben een bijbehorende WordPress-plugin die kan helpen bij het legen of wissen van de huidige cache; WordPress-oplossingen hebben hier meestal knoppen of opties voor.
Het is ook mogelijk dat er tijdens het opslaan een PHP-fout is opgetreden.
Om te controleren of dit het geval is, opent u uw ontwikkelaarsconsole (bij voorkeur in Chrome) en navigeert u naar het tabblad Network (Netwerk). Sla daar uw wijzigingen op in PBS; vervolgens zou u meerdere vermeldingen naar admin-ajax.php moeten zien. Als u dit in het rood ziet, betekent dit dat er een fout is opgetreden. Controleer of u zoiets ziet:
Als dit het geval is, stuur ons dan een e-mail op [email protected] samen met de benodigde inloggegevens, zodat we dit kunnen onderzoeken en voor u kunnen oplossen.
Lees hier het artikel over Wordfence-compatibiliteit: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
In de meeste elementen (echter niet in shortcodes) kunt u een entree-animatie instellen die wordt afgespeeld wanneer het element zichtbaar wordt op uw scherm.
Beweeg hiervoor met de muis over een element om de werkbalk te laten verschijnen en klik vervolgens op de tandwielknop.
Hiermee wordt de inspector geopend. Navigeer naar het onderdeel Animations, vouw dit uit en kies vervolgens een animatie.
Nadat u een animatie hebt gekozen, wordt deze afgespeeld om een voorbeeld te tonen. U kunt de animatie verder verfijnen met de andere geboden opties.
Animaties worden alleen afgespeeld wanneer de gebruiker scrolt en het element in beeld komt. Als het element al zichtbaar is wanneer u op uw pagina komt, wordt het niet geanimeerd.
Nee, zeker niet! Al uw pagina’s en inhoud blijven gewoon op uw site staan. Dit betekent dat u PBS veilig kunt deactiveren wanneer u upgradet van de gratis versie naar de premiumversie, of wanneer u gewoon dingen aan het uitproberen bent.
Niet alles zal er echter hetzelfde uitzien. U zult merken dat sommige items op uw pagina veranderen, omdat PBS aanvullende stijlen en scripts bevat die nodig zijn voor sommige van de meer geavanceerde elementen.
Hier zijn een aantal zaken die behouden blijven wanneer u PBS deactiveert:
Hier zijn een aantal zaken die verdwijnen wanneer u PBS deactiveert:
Opmerking: Dit is niet van toepassing op Envato-klanten
Als u foutmeldingen krijgt bij het activeren van uw licentie, zijn hier een paar dingen die u kunt proberen..
Dit gebeurt meestal bij mensen die bijwerken naar een hogere versie. Als u de bestanden van de plug-in direct handmatig hebt bijgewerkt en de volledige update- of deactiveren-activeren-stappen hebt overgeslagen, zijn sommige processen mogelijk niet goed uitgevoerd. Deactiveer de plug-in, activeer deze vervolgens opnieuw en probeer uw licentie nogmaals in te voeren.
Sinds v3.2 is Page Builder Sandwich geïntegreerd met Freemius. Er zijn gevallen geweest waarin het wissen van Freemius-gegevens fouten bij licentieactivatie oplost. Hier leest u hoe u dit oplost.
Ga naar uw dashboard en verander uw URL naar http://yoursite.com/wp-admin/admin.php?page=freemius (vergeet niet de URL aan te passen aan uw site.) Als u op de onderstaande pagina terechtkomt, bent u op de juiste plek.
Klik op de knop Delete All Accounts en klik vervolgens ook op de knop Clear API Cache. Probeer daarna uw licentiesleutel opnieuw in te voeren.
Als het niet werkt, neem dan contact met ons op via [email protected] en geef ons de details van het probleem en uw site door.
Hier heb ik een rij met een achtergrondkleur toegevoegd en daarin een afbeelding geplaatst. Dit is het resultaat:
Om de afbeelding boven de container te laten “uitsteken”, beweegt u met de muis over het element dat u wilt verplaatsen. Wanneer de omtreklijnen zichtbaar worden, beweegt u de muis tot voorbij de bovenkant van de omtreklijn. De huidige waarde van de bovenmarge zou dan zichtbaar moeten zijn:
Klik en sleep de bovenmarge omhoog om uw marge te verkleinen en er een negatieve waarde van te maken:
Nu “steekt” de afbeelding buiten de rij uit!
Als het element wordt afgesneden wanneer het voorbij de rij komt, open dan de eigenschappeninspecteur voor de rij en schakel de optie overflow hidden uit in de Advanced-opties:
Om snel wat dummytekst toe te voegen, typt u het woord “lorem” en drukt u op tab of enter om snel wat lorem ipsum placeholdertekst toe te voegen:
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 werkt met alle caching-plugins. Je kunt echter tegen problemen aanlopen als je hun minify– of caching-functionaliteit inschakelt.
Zorg er gewoon voor dat minify is uitgeschakeld voor ingelogde gebruikers, en het zou goed moeten werken.
We tonen hier alleen de instellingen van W3 Total Cache, maar andere caching- & minify-plugins zouden vergelijkbare instellingen moeten hebben.
Zorg ervoor dat Don’t cache pages for logged in users is aangevinkt onder Performance > Page Cache
Als je minify gebruikt, zorg er dan voor dat Disable minify for logged in users is aangevinkt onder Performance > Minify
Om inhoud van externe websites in te sluiten, plakt u gewoon de URL en drukt u op Enter. U kunt bijvoorbeeld deze URL van YouTube kopiëren en plakken:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Insluiten via een iframe is ook mogelijk door <iframe>-insluitcodes te plakken. Kopieer en plak bijvoorbeeld deze insluitcode:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
U kunt URL’s insluiten van sites die worden vermeld in de WordPress Codex: https://codex.wordpress.org/Embeds en elke site met oEmbed ingeschakeld.
Als u probeert de handvatten voor de boven- en ondermarge of padding te verslepen en de marge/padding van het element verandert niet, dan kan het zijn dat andere stijlen eventuele stijlveranderingen geforceerd overschrijven. Dit kan ook gebeuren wanneer u achtergronden of randen niet kunt wijzigen, of wanneer transparante afbeeldingen altijd een achtergrondkleur krijgen.
Open de inspector van uw browser en inspecteer het element om het probleem te achterhalen. Bekijk de stijlen voor dat element. Als u zoiets ziet als dit:
Dan kunt u er zeker van zijn dat uw thema of een plug-in verhindert dat er andere stijlen op het element worden toegepast. Beweeg uw muis over het stylesheet om te zien van welk thema of welke plug-in het afkomstig is.
Om dit op te lossen, verwijdert u het “! important“-gedeelte van de stijl, waarna u weer stijlen zou moeten kunnen toepassen. Mogelijk moet u contact opnemen met de maker van het thema of de plug-in om dit op te lossen.
Page Builder Sandwich controleert regelmatig of je nog steeds bent ingelogd in WordPress. Dit gebeurt om ervoor te zorgen dat je wijzigingen daadwerkelijk worden opgeslagen zodra je op de knop Opslaan klikt. Dit wordt ook gebruikt voor het vergrendelen van berichten en automatisch opslaan.
We vertrouwen op de WordPress Heartbeat API om onze controles uit te voeren, en deze vertrouwt op zijn beurt op browsercookies en sessies. Dus als je die “sessie verlopen”-pop-ups blijft krijgen tijdens het bewerken, verhindert mogelijk iets WordPress om je correct te volgen. Hier zijn enkele dingen die je kunt doen om dit op te lossen:
Als je caching-plugins hebt geïnstalleerd, of DNS-caching, of een andere vorm van caching hebt, wis deze dan. Wis ook je browsercache. Het is mogelijk dat je niet de nieuwste scripts voor je site te zien krijgt.
Het is ook mogelijk dat je cookies beschadigd zijn geraakt; dit kan eenvoudig worden opgelost door je browsercookies te wissen via de instellingen van je browser. Dit staat meestal in de buurt van de optie om de cache van je browser te wissen.
Ga naar Instellingen > Algemeen en controleer je instellingen. Zoek naar de instellingen voor WordPress-adres (URL) en Siteadres (URL). De domeinen en protocollen daarvan moeten overeenkomen met je daadwerkelijke domein. Als er bijvoorbeeld bij een “http://” staat, maar je bezoekt je site met “https://”, dan moeten de instellingen “https://” vermelden. Een ander veelvoorkomend probleem is dat een van die URL’s wel “www” bevat en de andere niet.
Deze moeten overeenkomen:
of:
Om dit op te lossen, kun je de instellingen wijzigen via Instellingen > Algemeen. Als je die instellingen niet kunt bewerken, kun je je FTP-programma openen, het bestand wp-config.php bewerken en de volgende regels toevoegen:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Opmerking: standaard wordt de header alleen van de voorpagina verwijderd.
Om de header of het menu van een van je pagina’s te verwijderen, heb je een plugin nodig waarmee je aangepaste CSS kunt toevoegen, zoals Jetpack.
Om de header te verwijderen, heb je het bericht-ID van je bericht nodig en voeg je deze aangepaste CSS toe (vervang de 9999 hier door jouw bericht-ID):
body.page-id-9999 #masthead {
display: none;
}
Om de menu’s van een pagina te verwijderen (vervang de 9999 hier door jouw bericht-ID):
body.page-id-9999 #header-wrapper {
display: none;
}
of wanneer je het menu alleen van je startpagina wilt verwijderen:
body.page-id-9999 #header-wrapper {
display: none;
}
U kunt achtergrondafbeeldingen toevoegen aan uw rijen en achtergronden. Bovendien kunt u uw achtergrondafbeelding ook een kleurtint geven, zodat deze beter bij uw ontwerp past.
Hier heb ik bijvoorbeeld een rij met een achtergrondafbeelding en wat witte overlappende tekst. Het is op dit moment vrij lastig om de tekst te zien vanwege de achtergrondafbeelding die ik heb gekozen.
Om het geheel er beter uit te laten zien, kunnen we wat kleur toevoegen aan onze achtergrondafbeelding. Beweeg hiervoor met uw muis over de rij en klik vervolgens op het tandwielpictogram van de rij om de eigenschappen te openen. Ga naar de opties voor Background en schakel vervolgens Background Image Tint.
Nadat het is ingeschakeld, wijzigt u de achtergrondkleur en wordt er nu een gekleurde tint aan uw achtergrondafbeelding toegevoegd. U kunt ook de intensiteit of de dekking van de tint aanpassen. Hier is mijn achtergrond groen getint om de tekst beter zichtbaar te maken:
| Lite-versie | Niet beschikbaar |
| Premium-versie | Alle functies beschikbaar
|
Carrousels zijn een originele manier om inhoud toe te voegen die herhaaldelijk in beeld draait. Page Builder Sandwich heeft een ingebouwd carrouselelement dat kan worden gebruikt, waardoor externe carrousel-plugins overbodig zijn.
Door op het tandwielpictogram van het carrouselelement te klikken, kunt u het gedrag van de carrousel configureren, zoals slide-animatie, vertraging en meer. Bij het aanmaken krijgt u drie carrouselslides om aan te werken, met de optie om slides toe te voegen of te verwijderen. Al deze slides accepteren de gebruikelijke elementen, zoals tekst, afbeeldingen en bepaalde shortcodes.
Wisselen tussen slides is net zo eenvoudig als het selecteren van de navigatieknoppen zelf. De volgorde van de slides kan ook worden gewijzigd, eveneens via de eigenschappen (tandwielpictogram).
Om de status van je bericht te wijzigen, beweeg je met de muis over het vervolgkeuzepijltje op de knop Opslaan linksboven in het scherm. Hierdoor worden meer opslagopties weergegeven.
Als je de lite-versie gebruikt, zijn de gele driehoekige vlaggen je misschien opgevallen. Deze geven aan of een bepaalde knop/element/optie een premium-functie is.
Als je deze wilt verbergen, kun je naar je Dashboard gaan, naar de instellingenpagina navigeren via PBSandwich > Settings en de instelling voor Hide Premium Feature Flags aanvinken
| Lite-versie | Alle functies beschikbaar |
| Premium-versie | Alle functies beschikbaar |
Klik op het HTML-element in de Inspector om een nieuw HTML-element toe te voegen; er verschijnt een modaal venster. Typ of plak daar uw HTML-code in en klik vervolgens op HTML opslaan. Uw HTML verschijnt nu in de editor.
Beweeg uw muis over het HTML-element om de werkbalk weer te geven. U kunt uw HTML bewerken door op het potloodpictogram in de werkbalk te klikken of door te dubbelklikken op het element zelf.
We willen geen rommelige interface en wilden dat alles intuïtief en gemakkelijk te ontdekken is. Dus hoewel de gebruikersinterface van Page Builder Sandwich er eenvoudig uitziet, is deze behoorlijk krachtig en kunt u veel dingen doen tijdens het bewerken.
U kunt ook veel handige dingen doen met uw muisaanwijzer. Er verschijnen interactieve overlays en werkbalken wanneer u met uw muis over verschillende elementen beweegt. Elk daarvan doet verschillende dingen, zoals:
Zodra je begint met bewerken met PBS, beweeg je je muis over de titel van je pagina/bericht; er zou een kader omheen moeten verschijnen. Klik op de titel om je cursor erin te plaatsen en deze aan te passen.
Opmaakhulpmiddelen zijn niet beschikbaar in het titelgedeelte; je kunt de stijlen ervan niet wijzigen en geen elementen aan de titel toevoegen.
Rijen & kolommen zijn hulpmiddelen die u kunt gebruiken om inhoud in secties te verdelen.
Wanneer u bewerkt met Page Builder Sandwich vanuit een nieuw gemaakte pagina/bericht, wordt de inhoud die u typt allemaal in een enkele kolom geplaatst. Dit is ideaal voor het schrijven van blogberichten, maar als u speciale lay-outs voor bestemmingspagina’s of contactpagina’s wilt, wilt u waarschijnlijk een lay-out met 2 kolommen of zelfs een mix van verschillende kolommen over uw hele pagina.
U kunt rijen & kolommen toevoegen met behulp van deze knoppen in de inspector:
Eenmaal toegevoegd, krijgt uw nieuwe rij een contourrand:
U kunt van alles binnen uw rijen en kolommen plaatsen – tekst, shortcodes, widgets en zelfs meer rijen & kolommen toevoegen.
Wanneer een rij (of inhoud binnen uw rij) is geselecteerd, worden er meer opties beschikbaar in uw inspector. U kunt deze knoppen gebruiken om uw sectie verder op te maken:
Hieronder in de inspector zijn er ook aanvullende opties voor het opmaken van uw kolommen.
U kunt rijen naar verschillende locaties verplaatsen door op de rij zelf te klikken en ingedrukt te houden (als u op een element binnen de rij klikt en ingedrukt houdt, wordt het element versleept en niet de rij).
| Lite-versie | Niet beschikbaar |
| Premium-versie | Alle functies beschikbaar
|
Selecteer eventueel wat tekst en klik vervolgens op het knop-element in de inspector. Hiermee opent u een venster waarin u de URL kunt invoeren waarnaar uw knop moet linken. Van daaruit kunt u ook zoeken naar elke bestaande webpagina op uw website.
In tegenstelling tot de andere elementen worden knoppen inline geplaatst, wat betekent dat ze naast andere tekst (of andere knoppen) worden geplaatst. U kunt afzonderlijke knoppen niet naar andere locaties slepen en neerzetten, maar u sleept de knop samen met de omliggende tekst.
Wanneer u tijdens het bewerken op een knop klikt, ziet u aanvullende stijlinstellingen in de inspector. U kunt ook met uw muis over knoppen bewegen om de URL te zien waarnaar ze linken, evenals andere opdrachten.
Opmerking: Doe dit wanneer je PBS al hebt geïnstalleerd en geactiveerd, en je het wilt bijwerken met een zipbestand dat je van de site hebt gedownload, of vanuit een bijlage die we je via e-mail hebben gestuurd.
Opmerking: We gebruiken een andere plugin om updates uit te voeren; hiermee kunnen we PBS direct bijwerken zonder dat je het eerst hoeft te deïnstalleren.
Ga naar Plugins > Nieuwe toevoegen en zoek in het zoekvak naar de plugin “Easy Theme and Plugin Upgrades”
Zodra je de plugin hebt gevonden, installeer en activeer je deze.
Ga na het activeren van de Easy Theme and Plugin Upgrades-plugin opnieuw naar Plugins > Nieuwe toevoegen en klik vervolgens bovenaan op de knop Plugin uploaden:
Kies en installeer het Page Builder Sandwich-zipbestand,
Dat is alles. Nu zou je de nieuwe versie van PBS moeten hebben.
Als je de knop “Edit with Page Builder Sandwich” niet ziet aan de voorkant van je site, zijn hier een paar dingen die je kunt proberen:
De bewerkknop voor PB Sandwich is beschikbaar in de beheerbalk aan de voorkant van je site. Zorg ervoor dat de beheerbalk zichtbaar is door naar je beheeromgeving te gaan en te navigeren naar Gebruikers > Je profiel en controleer of het selectievakje bij Toolbar tonen tijdens het bekijken van de site is aangevinkt.
Alleen berichten, pagina’s & aangepaste berichttypen zijn bewerkbaar aan de voorkant. Je kunt alleen elementen aan de voorkant bewerken als je ze kunt bewerken met de content-editor van WordPress in de back-end. De andere onderdelen van je site – bijv. het overzicht van blogberichten op de voorpagina, het overzicht van alle blogberichten, categorieoverzichten, 404-pagina’s, zoekpagina’s – zijn dynamische pagina’s die door WordPress samen met het gebruikte thema worden gemaakt en kunnen niet worden bewerkt met PB Sandwich.
Een indicatie of de huidige webpagina bewerkbaar is, is of je “Bericht bewerken” of “Pagina bewerken” in je beheerbalk ziet staan.
Als je pagina/bericht dynamisch wordt gegenereerd door een thema of plug-in, kan deze niet worden bewerkt met Page Builder Sandwich (en hoogstwaarschijnlijk ook niet met andere pagebuilders). Als je merkt dat je content-editor in de back-end leeg is, maar je pagina aan de voorkant vol staat met content, dan is dat een goede indicatie dat je pagina dynamisch wordt gegenereerd.
Om te controleren of je pagina dynamisch wordt gegenereerd, bekijk je de broncode van je webpagina (klik met de rechtermuisknop en kies “Paginabron weergeven”). Zoek naar de tekst “pbs-main-wrapper”; als je die tekst nergens ziet staan, wordt je pagina dynamisch gegenereerd.
Hier zijn een paar voorbeelden van dynamisch gegenereerde content:
Er zijn situaties voorgekomen waarin het thema de content helemaal niet weergaf als deze leeg was, waardoor PBS ten onrechte dacht dat de pagina niet bewerkbaar was. Om te controleren of dit het geval is, bewerk je je pagina/bericht in de editor in de back-end, voeg je een willekeurige tekst toe aan je content (bijvoorbeeld “hallo”) en klik je van daaruit op de knop “Edit with Page Builder Sandwich”.
Met dank aan Mathias Hellquist voor deze tip!
Sommige pagebuilders laten je kiezen tussen de standaard content-editor van WordPress of de eigen editor van de pagebuilder. Als je je pagina al hebt bewerkt met een andere pagebuilder, is het mogelijk dat die pagebuilder de content al heeft “geclaimd”, waardoor andere content-hooks/filters niet meer kunnen worden uitgevoerd. Hierdoor kan Page Builder Sandwich soms niet detecteren waar je content zich bevindt en wordt de bewerkknop niet getoond omdat er niets te bewerken valt.
Om dit op te lossen, kies je ervoor om die pagebuilder niet te gebruiken voor die specifieke pagina/dat specifieke bericht en kies je voor het gebruik van de standaard content-editor van WordPress.
Zorg ervoor dat je bewerkrechten hebt voor de pagina
De bewerkknop verschijnt niet als je de pagina niet kunt bewerken. Als je bijvoorbeeld redacteur of auteur bent en blogberichten en artikelen op de site kunt schrijven, betekent dit niet noodzakelijkerwijs dat je ook de voorpagina of je contactpagina kunt bewerken. Als je de knop “Bericht bewerken” in je beheerbalk ziet, zou je deze ook moeten kunnen bewerken met PB Sandwich. Vraag je sitebeheerder om bewerkrechten als je die nodig hebt.
PB Sandwich maakt veelvuldig gebruik van JavaScript. Als er JavaScript-fouten optreden die afkomstig zijn van andere scripts op je site, kan dit er mogelijk voor zorgen dat PB Sandwich niet werkt. Om te controleren of dit het geval is, kun je de ontwikkelaarsconsole in je browser openen om op fouten te controleren.
Ik raad aan hiervoor Chrome te gebruiken. Klik met de rechtermuisknop op een willekeurige plek op de pagina en klik vervolgens op de optie “Inspecteren”. Hierdoor verschijnt er onderaan je browser een nieuw venster; klik op het tabblad “Console”. Als er fouten zijn, zou je zoiets als dit moeten zien:
Als je inderdaad een fout hebt, kun je ook een aanwijzing krijgen over waar deze vandaan komt door op de naam van het script te klikken of er met de muis overheen te bewegen:
Deze fouten kunnen afkomstig zijn van je thema of van andere plug-ins die je gebruikt. Het oplossen van die fouten kan ervoor zorgen dat PB Sandwich weer werkt.
Als je thema of een van je plug-ins de JavaScript-fout veroorzaakt, laat het ons dan gerust weten via e-mail op [email protected] en we zullen ons best doen om het probleem op te lossen 🙂
CloudFlare is een veelgebruikte gratis DNS CDN. Het is geweldig, maar PBS heeft momenteel problemen met de functie Rocket Loader. Rocket Loader verbetert de laadtijd van JavaScript-bestanden, maar verstoort de afhankelijkheid en aanroepvolgorde van de scripts van PBS. Als Rocket Loader is ingeschakeld, verschijnt de bewerkknop voor Page Builder Sandwich niet (en verschijnen er ook geen JavaScript-fouten in de console).
Om te controleren of je site gebruikmaakt van Rocket Loader van CloudFlare, bekijk je de broncode van je webpagina (klik met de rechtermuisknop en kies “Paginabron weergeven”) en zoek je naar de tekst “rocketscript”. Als je die tekst vindt, staat Rocket Loader ingeschakeld.
Lees het artikel over Compatibiliteit van CloudFlare & Rocket Loader voor volledige instructies over hoe je dit uitschakelt.
Goed, als op dit punt geen van de bovenstaande oplossingen werkt, is het misschien tijd om uit te leggen waarom deze niet verschijnt en wat je eraan kunt doen. Klaar? Daar gaan we!
Page Builder Sandwich moet weten waar de content van je pagina/bericht zich bevindt. We doen dit door te luisteren naar wanneer WordPress de berichtcontent laadt en dat gebied te “markeren”, zodat we wanneer alles geladen is, kunnen vinden waar de content staat.
Soms overschrijven of omzeilen bepaalde plug-ins dit proces en proberen ze de content op hun eigen manier te laden. Soms is dat prima, maar in bepaalde scenario’s, met name wanneer het gaat om het laden van de hoofdcontent van het bericht, kan dit ertoe leiden dat sommige plug-ins niet meer werken. Wanneer een andere plug-in dit laadproces omzeilt, kunnen de “markeringen” die we hebben aangebracht verloren gaan, en wanneer het tijd is voor de editor om in actie te komen, kan deze niet meer vinden waar je content is. Daarom verschijnt de bewerkknop niet! Het kan ook zijn dat sommige plug-ins die content aan je pagina toevoegen, zoals bepaalde plug-ins voor sociaal delen, om exact dezelfde reden niet meer werken.
Page Builder Sandwich moet weten waar de content van je pagina/bericht zich bevindt, en doet dit door in te haken op het the_content-filter en een wrapper om je hoofdcontent te plaatsen. Sommige plug-ins kunnen dit overschrijven en in plaats daarvan later de content overschrijven met een get_the_content()-functie. Helaas zorgt dit ervoor dat ALLE the_content-filters niet worden aangeroepen en daardoor gaat de wrapper van PBS verloren. Wijzigingen van andere plug-ins gaan dan eveneens verloren.
Er is op zich niets mis met het gebruik van get_the_content(), maar er kunnen nadelige gevolgen zijn als dit wordt gebruikt in de main query en binnen een single post-templatepagina in plaats van een normale the_content()-aanroep waarbij alle the_content-filters worden uitgevoerd.
Je kunt controleren of de “markeringen” van Page Builder Sandwich ontbreken door je pagina/bericht aan de voorkant te bezoeken en de paginabron te bekijken terwijl je bent ingelogd. Zoek in de wirwar van code of je de volgende tekenreeks kunt vinden:
data-name="main-content"
Als je deze kunt vinden, is er waarschijnlijk ergens een JavaScript-probleem; laat ons dan weten welk thema en welke plug-ins je gebruikt, dan kunnen we dat oplossen.
Maar als je deze niet kunt vinden, kan het zijn dat je thema (of een plug-in, maar het is hoogstwaarschijnlijk het thema als het om een pagina of blogbericht gaat) iets met de berichtcontent doet. Als dit het geval is, neem dan contact op met de maker van het thema en stel hen op de hoogte van het probleem! Je kunt hen ook de bovenstaande technische “waarom”-uitleg laten zien; dit kan helpen bij het debuggen 🙂
Als je je vertrouwd genoeg voelt om met PHP aan de slag te gaan, kun je proberen het op te lossen door het sjabloonbestand te zoeken dat de berichtcontent verwerkt. Een oplossing die we zijn tegengekomen is het vervangen van aanroepen van:
$content = get_the_content();
door:
ob_start(); the_content(); $content = ob_get_clean();<br>
Opmerking: de PHP-variabele kan bij jou anders zijn, maar het concept is hetzelfde. Als het werkt, is het bovendien beter om een child-thema te maken in plaats van deze wijziging rechtstreeks in je thema door te voeren. Er kunnen ook bijwerkingen optreden als gevolg van de wijziging, dus het is verstandig om hierover contact op te nemen met de maker van je thema.
| Lite-versie | Beschikbaar met beperkte styling |
| Premium-versie | Alle functies beschikbaar
|
Klik op het kaartelement om een kaart aan uw pagina toe te voegen. Wanneer het kaartelement is geselecteerd, toont de inspector de kaartinstellingen. U kunt breedte- en lengtegraadcoördinaten of een adres invoeren in het locatieveld in de inspector om uw kaart op dat gebied te centreren. Er zijn daar ook andere stylingopties beschikbaar.
U kunt het kaartelement verder bewerken door over de kaart te pannen of in/uit te zoomen. Houd er rekening mee dat uw wijzigingen op de kaart worden toegepast op het element.
Voor premium-gebruikers: u kunt uw kaart stylen door een kleur te kiezen om deze een tint te geven; een andere optie is om snazzymaps.com te gebruiken om kleurenschema’s te genereren en deze vervolgens te gebruiken. SnazzyMaps kan worden gebruikt om kleurenschema’s te maken die vergelijkbaar zijn met deze: https://snazzymaps.com/style/20053/papuportal-dark Om deze kleurenschema’s te gebruiken, kopieert u de Javascript style array naar de inspector.
De hoogte van de kaart kan worden aangepast, maar de breedte niet en deze zal altijd worden aangepast aan de maximale beschikbare breedte. Om de breedte aan te passen, plaatst u uw kaarten in rijen en kolommen. U kunt kaarten ook instellen om de volledige breedte van de browser te gebruiken.
U kunt uw muis gebruiken om uw cursor snel op verschillende plaatsen in uw inhoud te plaatsen of verschillende elementen te selecteren.
U kunt ook de pijltjestoetsen op uw toetsenbord gebruiken om uw cursor door uw inhoud te verplaatsen. U kunt dit gebruiken om boven of onder rijen te gaan.
Bij het werken met rijen en kolommen kunt u op de randen van de rijen klikken om direct na of voor uw rij inhoud toe te voegen. Dit is vooral handig als u meerdere rijen in elkaar heeft en u daartussen inhoud wilt toevoegen.
Page Builder Sandwich is niet zoals je typische page builder, het is ongecompliceerd en eenvoudig te gebruiken.
Je kunt de onderstaande video bekijken voor een korte rondleiding.
Maak eerst een nieuwe pagina, bericht of CPT aan. Bezoek vervolgens je nieuwe bericht of een bestaand bericht in je frontend. PBS is 100% frontend, je hoeft niet te knutselen in de backend.
Er zou een knop “Page Builder Sandwich” bovenaan je pagina moeten staan (op je beheerbalk), klik daarop om te beginnen met bewerken. Je zou het tekstbalkgedeelte vanaf de bovenkant moeten zien verschijnen en het paneel voor het toevoegen van elementen vanaf de zijkant. Het inhoudsgebied van je thema is nu je editor!
Je kunt met PBS alleen losse pagina’s bewerken. Je kunt geen lijst met blogberichten of een 404-pagina bewerken, aangezien die door je thema worden gemaakt. Berichten, pagina’s en custom post types zijn prima.
En nu komt het geweldige deel.. zodra je in de frontend en in de editor bent, klik je op een willekeurige tekst in je inhoud of klik je in je inhoudsgebied en begin je met typen! In tegenstelling tot andere page builders stelt PBS je in staat om inhoud direct te bewerken zonder dat je door pop-upvensters hoeft te navigeren.
Tijdens het bewerken wordt het gebied aan de bovenkant de Tekstopmaakbalk genoemd. Deze balk bevat alle opmaakhulpmiddelen die je zult gebruiken voor het stylen van tekst, zoals: kleuren, vetgedrukt, cursief, uitlijningen, links toevoegen, opsommingstekens en meer. Beweeg over elke knop om te ontdekken wat het hulpmiddel doet.
Beweeg je muis over de knop Elementen toevoegen linksboven in het scherm om het Element toevoegen-paneel weer te geven. Je kunt ook gewoon je muis naar de linkerkant van het scherm bewegen om het te laten verschijnen.
Om een element in te voegen, houd je de muisknop op een element ingedrukt en sleep je het naar je inhoudsgebied. Het gebied waar het element geplaatst zou worden, wordt gemarkeerd. Laat je muisknop los om het element te plaatsen.
Beweeg je muis over elk gewenst element in je inhoud en er verschijnen omlijningen en werkbalken overheen.
Je kunt met je muis over de randen van de omlijningen bewegen om de marges tussen elementen te vergroten/verkleinen.
Je kunt ook op een knop op de werkbalk klikken om snelle acties op het element uit te voeren. Door op het tandwiel-icoon op de werkbalk te klikken, open je de Eigenschappeninspector die meer opties bevat.
De eigenschappeninspector geeft je meer controle over het uiterlijk van je elementen. Je kunt veel zaken toevoegen zoals schaduwen, animaties, kaartkleuren wijzigen, randstraal (border-radius) en nog veel meer.
Je hebt ook toegang tot de eigenschappen van de bovenliggende elementen (parents). Als je bijvoorbeeld een afbeelding in een kolom hebt geplaatst en de eigenschappeninspector hebt geopend, kun je toegang krijgen tot de eigenschappen van de afbeelding, de kolom waarin deze zich bevindt en de rij waarin de kolom zich bevindt.
De eigenschappeninspector bevat veel verschillende instellingen voor verschillende elementen, dus zorg ervoor dat je ze allemaal bekijkt.
Page Builder Sandwich toont je daadwerkelijke shortcodes in de frontend, en je kunt ze ook gemakkelijk bewerken!
Als je je shortcodes uit je hoofd kent, kun je shortcodes invoegen door ze rechtstreeks in je inhoud te typen. Maar als je ze niet allemaal uit je hoofd kent (wie doet dat nou?), toont de inspector alle shortcodes die beschikbaar zijn op je site. Sleep een Shortcode-knop vanuit de inspector naar je inhoudsgebied en zoek degene die je wilt invoegen, klik erop om deze in te voegen.
Shortcodes worden omgezet in werkelijke inhoud in de frontend; om ze te bewerken, kun je ze selecteren en hun attributen in de inspector bekijken. Of voor meer controle kun je dubbelklikken op de shortcode om deze in onbewerkte vorm (raw) te bewerken. Nadat je je bewerkingen hebt uitgevoerd, wordt je shortcode bijgewerkt om de wijzigingen weer te geven.
Je kunt alles aanklikken en verslepen en overal naartoe verplaatsen met PBS. Wanneer je iets sleept, beweeg het dan over een ander element op de pagina; je kunt ze zowel boven als onder andere inhoud verplaatsen.
Je werk opslaan
Zodra je tevreden bent met je ontwerp, klik je gewoon op de knop Opslaan linksboven op je pagina. Dat is alles!
Page Builder Sandwich is niet zoals uw typische pagebuilder; het is ongecompliceerd en eenvoudig te gebruiken.
U kunt de video hieronder bekijken voor een korte rondleiding.
Maak eerst een nieuwe pagina, bericht of CPT aan. Bezoek vervolgens uw nieuwe bericht of een bestaand bericht in uw frontend. PBS is 100% frontend, u hoeft niet te knutselen in de backend.
Er zou een knop “Page Builder Sandwich” bovenaan uw pagina moeten staan (in uw beheerbalk); klik daarop om te beginnen met bewerken. Het gebied voor tekstopmaak verschijnt aan de bovenkant en het paneel voor het toevoegen van elementen schuift aan de zijkant uit. Het inhoudsgebied van uw thema is nu uw editor!
U kunt met PBS alleen afzonderlijke pagina’s bewerken. U kunt geen overzicht van blogberichten of een 404-pagina bewerken, aangezien deze door uw thema worden gegenereerd. Berichten, pagina’s en aangepaste berichttypen zijn wel mogelijk.
En nu komt het geweldige deel.. zodra u zich in de frontend en in de editor bevindt, klikt u op een tekst in uw inhoud of klikt u in uw inhoudsgebied en begint u met typen! In tegenstelling tot andere pagebuilders stelt PBS u in staat om inhoud rechtstreeks te bewerken zonder via pop-upvensters te hoeven werken.
Tijdens het bewerken wordt het gebied aan de bovenkant de tekstopmaakbalk genoemd. Deze balk bevat alle opmaakgereedschappen die u gebruikt voor het stylen van tekst, zoals: kleuren, vetgedrukt, cursief, uitlijningen, links toevoegen, opsommingstekens en meer. Beweeg de muisaanwijzer over elke knop om te ontdekken wat de functie doet.
Beweeg uw muisaanwijzer over de knop Elementen toevoegen linksboven in het scherm om het paneel voor elementen toevoegen weer te geven. U kunt uw muis ook gewoon naar de linkerkant van het scherm bewegen om het te laten verschijnen.
Om een element in te voegen, houdt u de muisknop erop ingedrukt en sleept u het naar uw inhoudsgebied. Het gebied waar het element geplaatst zal worden, wordt gemarkeerd. Laat uw muisknop los om het element te plaatsen.
Beweeg uw muisaanwijzer over een element in uw inhoud; er verschijnen dan kaders en werkbalken overheen.
U kunt met uw muis over de randen van de kaders bewegen om de marges tussen elementen te vergroten of te verkleinen.
U kunt ook op een knop op de werkbalk klikken om snelle acties op het element uit te voeren. Als u op het tandwiel-icoon op de werkbalk klikt, wordt de eigenschappeninspecteur geopend met meer opties.
De eigenschappeninspecteur geeft u meer controle over het uiterlijk van uw elementen. U kunt veel zaken toevoegen zoals schaduwen, animaties, kaartkleuren wijzigen, hoekafronding en nog veel meer.
U heeft ook toegang tot de eigenschappen van de bovenliggende elementen van een element. Als u bijvoorbeeld een afbeelding in een kolom heeft geplaatst en de eigenschappeninspecteur opent, heeft u toegang tot de eigenschappen van de afbeelding, de kolom waarin deze staat en de rij waarin de kolom staat.
De eigenschappeninspecteur bevat veel verschillende instellingen voor verschillende elementen, dus bekijk ze zeker allemaal.
Page Builder Sandwich toont u daadwerkelijke shortcodes in de frontend, en u kunt ze ook heel eenvoudig bewerken!
Als u uw shortcodes uit het hoofd kent, kunt u shortcodes invoegen door ze rechtstreeks in uw inhoud te typen. Maar als u ze niet allemaal uit uw hoofd kent (wie doet dat wel?), toont de inspecteur alle beschikbare shortcodes op uw site. Sleep een Shortcode-knop vanuit de inspecteur naar uw inhoudsgebied, zoek degene die u wilt invoegen en klik erop om deze in te voegen.
Shortcodes worden in de frontend omgezet in daadwerkelijke inhoud. Om ze te bewerken, kunt u ze selecteren en hun kenmerken in de inspecteur bekijken. Voor meer controle kunt u ook dubbelklikken op de shortcode om deze in ruwe vorm te bewerken. Na het bewerken wordt uw shortcode bijgewerkt om de wijzigingen weer te geven.
Met PBS kunt u alles aanklikken, verslepen en overal naartoe verplaatsen. Wanneer u iets versleept, beweegt u het over een ander element op de pagina; u kunt het zowel boven als onder andere inhoud plaatsen.
Uw werk opslaan
Zodra u tevreden bent met uw ontwerp, klikt u gewoon op de knop Opslaan linksboven op uw pagina. Dat is alles!
De Lite-plugin en de Premium-plugin zijn twee verschillende plugins. Om de premium-functies te kunnen gebruiken, moet u de Lite-versie deactiveren (of verwijderen), vervolgens de Premium-plugin installeren en activeren, en daarna uw licentiesleutel invoeren.
Opmerking: als u zowel de Lite- als de Premium-plugin tegelijkertijd activeert, zal de plugin aangeven dat u eerst de huidige versie moet deactiveren voordat u verdergaat.
Opmerking voor klanten die PBS via pagebuildersandwich.com hebben gekocht: u kunt de plugin ook downloaden via de site, uw huidige licentiesleutel zou nog steeds moeten werken. Als dat niet het geval is, neem dan contact met ons op zodat we u een nieuwe kunnen verstrekken.
Nadat u PBS hebt aangeschaft, ontvangt u een e-mail met twee zaken:
Installeer en activeer de premium-plugin, waarna dit scherm zou moeten verschijnen:
Voer hier uw licentiesleutel in en klik op Agree & Activate License. De premium-functies zijn nu beschikbaar.
U kunt ook naar uw pluginspagina gaan en de Page Builder Sandwich-plugin in de lijst opzoeken:
Klik op de link Activate License ; vanaf daar kunt u uw licentiesleutel invoeren.
U kunt met Page Builder Sandwich alleen individuele pagina’s of berichten bewerken. Bekijk het zo: als er in de backend een gedeelte “Nieuw bericht” met een inhoudseditor voor is, dan kunt u het bewerken met Page Builder Sandwich.
U zou de inhoud van elk custom post type moeten kunnen bewerken.
We hebben ervoor gezorgd dat Page Builder Sandwich vrijwel geen impact heeft op de prestaties van uw website. Wanneer u bent uitgelogd, worden hoogstens alleen rij- en kolom-CSS-stijlen in de wachtrij geplaatst, samen met de benodigde JS- en CSS-scripts voor de shortcodes die u hebt gebruikt.
Voor uw websitebezoekers worden hoogstens alleen rij- en kolom-CSS-stijlen ingeladen, samen met de benodigde JS- en CSS-scripts voor de shortcodes die u hebt gebruikt.
We hebben onlangs enkele fixes toegevoegd met betrekking tot het compatibiliteitsprobleem waarbij zowel Page Builder Sandwich als de IMPress for IDX Broker-plugin tegelijkertijd waren geactiveerd. Dit veroorzaakte een crash aan de frontend voor ingelogde gebruikers.
De fix heeft PBS weer functioneel gemaakt, maar we hebben de mogelijkheid om de IDX Broker-widget in de editor in te voegen moeten verwijderen. Desondanks kan de IDX Broker-widget nog steeds worden gebruikt in uw menu Weergave > Widgets.
Om sneller te kunnen werken, kunt u verschillende sneltoetsen gebruiken die beschikbaar zijn in Page Builder Sandwich.
Dit zijn sneltoetsen voor opdrachten die geen betrekking hebben op opmaak of gereedschappen. Beweeg voor sneltoetsen voor opmaak/gereedschappen uw muis over elke knop op de tekstopmaakbalk om hun sneltoetscombinatie te bekijken.
| Sneltoets | Beschrijving |
| CTRL+E (wanneer u niet bewerkt) | Bewerken starten |
| CTRL+SHIFT+R (tijdens het bewerken) | Pagina vernieuwen (aangezien CTRL+R wordt gebruikt voor rechts uitlijnen) |
| CTRL+S | Wijzigingen opslaan |
| CTRL+ESC | Wijzigingen verwerpen en stoppen met bewerken |
| CTRL+C | Kopiëren |
| CTRL+V | Plakken |
| CTRL+X | Knippen |
| CTRL+ENTER | Regeleinde / volgende regel |
| CTRL+Z | Ongedaan maken |
| CTRL+SHIFT+Z (Mac) CTRL+Y (pc) |
Opnieuw uitvoeren |