Page Builder Sandwich by měl být kompatibilní s různými moduly Jetpacku.
Modul Markdown dělá při ukládání obsahu něco zvláštního, v důsledku čehož se změny během převodu markdownu ztratí. Aby se to vyřešilo, text v markdownu se v editoru administrace při ukládání změn z frontendu převede na HTML značky. (Díky Jaku Jacksonovi za pomoc)
Otestovali jsme Page Builder Sandwich s PHP 7 a vše by mělo bez problémů fungovat.
Při upgradu webu z nižší verze na PHP 7 buďte opatrní, protože existuje mnoho nekompatibilit s nižšími verzemi, které by měly být vyřešeny ve všech vašich šablonách a pluginech.
Při současném použití Page Builder Sandwich & Materialize dochází k chybě JavaScriptu. Dochází ke konfliktu mezi materialize.js a nástrojem pro výběr barvy v jádru WordPressu.
K tomuto problému existuje hlášení v repozitáři Materialize na GitHubu: https://github.com/Dogfalo/materialize/issues/2821
Plugin bude i nadále správně fungovat, dokud na svém webu nedeaktivujete licenci. Jakmile ji deaktivujete, již ji nelze znovu aktivovat.
Nebudete moci přijímat aktualizace z nástěnky WordPressu ani mít přístup k novějším verzím. Také vám nebudeme moci poskytovat naši skvělou zákaznickou podporu.
Při prvním nákupu Page Builder Sandwich se do vašeho počítače automaticky stáhne soubor .zip obsahující plugin.
Pokud jej ztratíte, můžete si soubor .zip znovu stáhnout přes tento odkaz: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Zadáním vaší licence na tomto odkazu získáte zpět svůj soubor .zip Page Builder Sandwich spolu s vaší licencí a údaji o účtu.
Widgety lze přidat kliknutím na tlačítko Widget Element v sekci Elements v inspektoru. Po kliknutí by se mělo zobrazit vyskakovací okno se seznamem všech widgetů, které Page Builder Sandwich na vašem webu našel.
Lze přidat všechny widgety nalezené na vašem webu WordPress, nicméně některé widgety, které ve svém nastavení používají přizpůsobený/specializovaný javascriptový kód, nemusí fungovat správně. Widgety, které používají následující prvky, nemusí fungovat:
Výchozí widgety WordPressu a podobně vytvořené widgety by neměly mít žádný problém.
Pokud opravdu potřebujete, aby daný widget fungoval, existuje způsob, jak to obejít.
Můžete použít plugin Custom Sidebars by WPMU Dev k vytvoření nového postranního panelu / oblasti widgetů a přidat do něj svůj widget běžným způsobem v nabídce Vzhled > Widgety. Poté v Page Builder Sandwich přidejte Sidebar Element a vyberte postranní panel, který obsahuje widget, který potřebujete.
Další alternativou je vytvořit požadovaný efekt znovu pomocí různých prvků a stylů dostupných v Page Builder Sandwich.
Technicky by to mělo fungovat s jakoukoli a všemi šablonami.
Společně s našimi uživateli a zákazníky jsme Page Builder Sandwich úspěšně používali se spoustou šablon, včetně šablon z repozitáře šablon WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes a šablon z ThemeForest.
Někdy se však může stát, že vaše šablona dělá něco neobvyklého a může bránit správnému fungování Page Builder Sandwich. Pokud k tomu dojde, pošlete nám prosím žádost o podporu a my se pokusíme to opravit.
Mazání obsahu v Page Builder Sandwich se obvykle provádí jednoduše tak, že vyberete text nebo prvek a stisknete klávesu Delete nebo Backspace.
Další možností je kliknout na tlačítko smazat / odstranit v inspektoru:
Existují případy, kdy to nefunguje. Položky, u kterých to nefunguje, jsou obvykle kontejnery, jako například řádky, sloupce nebo karusely. Důvodem je zabránění nechtěnému smazání při odstraňování obsahu.
Chcete-li tyto položky smazat, klikněte na tlačítko smazat / odstranit ve vlastnostech prvku v inspektoru. Chcete-li například smazat řádek, musíte použít tuto oblast:
Page Builder Sandwich je nyní k dispozici v:
Pokud byste chtěli pomoci přispět k Page Builder Sandwich jeho překladem do vašeho jazyka, přejděte na naši stránku na Transifexu!
Přidávání obrázků je velmi jednoduché. Můžete buď:
Zajistili jsme, aby měl Page Builder Sandwich téměř nulový vliv na výkon vašeho webu. Když jste odhlášeni, jsou v minimální míře zařazeny do fronty pouze styly CSS pro řádky a sloupce spolu s nezbytnými skripty JS a CSS pro shortcody, které jste použili.
V minulosti existoval problém týkající se NextGen a Page Builder Sandwich.
Před verzí 2.12 PBS nějakým způsobem způsobil, že NextGen zobrazil chybovou zprávu, kvůli které se na vašem webu zobrazila prázdná bílá obrazovka. Od verze 2.12 je toto opraveno, takže pokud používáte starší verzi, proveďte prosím aktualizaci.
Existují tisíce šablon a dalších pluginů. I když se tedy snažíme být pečliví a vytvářet vše podle standardů, někdy se může něco pokazit.
Pokud zjistíte, že Page Builder Sandwich ve vaší instalaci nefunguje správně, zde je několik kroků, které můžete podniknout k vyřešení problému.
Podívejte se na článek zde: Tlačítko „Upravit pomocí Page Builder Sandwich“ se nezobrazuje Pokud to problém nevyřeší, čtěte dále.
Projděte si různé články v kategorii Řešení problémů v dokumentaci.
WordPress, vaše pluginy, vaši šablonu a dokonce i Page Builder Sandwich. Je vždy dobré mít vše aktuální. Když se ujistíte, že je vše aktualizované, budete mít pro svůj web k dispozici nejnovější opravy chyb a zranitelností.
Pokud nemůžete upravovat obsah pomocí Page Builder Sandwich (a pravděpodobně se zobrazilo chybové vyskakovací okno), může to znamenat, že obsah aktuální stránky, na které se nacházíte, je zcela generován vaší šablonou / pluginem. Chcete-li to ověřit, upravte stránku/příspěvek v administraci běžným způsobem pomocí WordPressu a poté zkontrolujte, zda se uložený obsah zobrazuje na webu. Pokud se nezobrazí, znamená to, že obsah stránky/příspěvku je celý generovaný a nelze jej upravovat pomocí PBS.
Někdy může být plugin v konfliktu s Page Builder Sandwich. Chcete-li zjistit, který plugin může konflikt způsobovat, deaktivujte plugin a zkontrolujte, zda PBS začne znovu fungovat. Udělejte to pro každý ze svých aktivovaných pluginů. Pokud PBS začne znovu fungovat a můžete upravovat své stránky, pak plugin, který jste právě deaktivovali, není kompatibilní s PBS. V takových případech nás kontaktujte e-mailem na adrese [email protected] a dejte nám vědět, abychom to mohli opravit.
Pokud deaktivace pluginů nepomohla, zkuste přepnout šablonu na výchozí šablonu WordPressu (šablony řady Twenty-Something). Pokud budete moci znovu začít upravovat obsah pomocí Page Builder Sandwich, pak šablona, kterou používáte, není s PBS kompatibilní. Pošlete nám tuto informaci e-mailem na [email protected] a dejte nám vědět, abychom to mohli opravit.
Ve vzácných případech může rozšíření prohlížeče zabránit správnému fungování kódu Javascript na webu. Chcete-li zkontrolovat, zda problémy nezpůsobuje rozšíření prohlížeče, otevřete prohlížeč v anonymním režimu (Chrome) nebo v soukromém režimu a zkuste otevřít PBS; tím se otevře nová karta bez jakýchkoli rozšíření. Pokud to funguje, máte konfliktní rozšíření.
Bylo zjištěno, že problémy způsobuje rozšíření prohlížeče PageXray.
Můžete vkládat obsah z různých webů, jako jsou videa z YouTube, videa z Vimeo, tweety a dokonce i komentáře z Redditu, vložením jejich trvalých odkazů (URL) do Page Builder Sandwich.
Vezměte na vědomí, že jeden celý řádek textu by měl obsahovat pouze URL adresu
Page Builder Sandwich funguje společně s funkcí oEmbed ve WordPressu. URL adresy, které můžete vložit v administraci, by tedy měly být podporovány. Pluginy, které přidávají podporu pro další poskytovatele oEmbed, by měly fungovat také.
Seznam poskytovatelů oEmbed najdete v codexu: https://codex.wordpress.org/Embeds
Shortcody lze při úpravách vložit nebo přímo vepsat. Jakmile shortcode napíšete, stiskněte Enter nebo z něj přejděte jinam, a měl by se okamžitě zobrazit ve své vykreslené podobě.
Dalším způsobem přidávání shortcodů je kliknutí na prvek Shortcode v inspektoru. Zobrazí se vyskakovací okno se seznamem všech shortcodů dostupných na vašem webu. Vyberte jeden z nich nebo na něj dvakrát klikněte pro jeho vložení.
Shortcody můžete upravovat 2 způsoby:
Atributy shortcodu nemohou být nástrojem Page Builder Sandwich detekovány. Budete je proto muset vepsat ručně. Pracujeme na způsobu mapování shortcodů do systému, abychom to všem usnadnili. Sledujte další aktualizace.
Pomocí Page Builder Sandwich můžete upravovat pouze obsah stránek, příspěvků a vlastních typů příspěvků.
Nemůžete však upravovat soubory šablon motivu, jako jsou například:
Vezměte to takto: pokud máte v administrační liště na webu možnost „Upravit příspěvek“ nebo „Upravit stránku“, pak by měla být tato stránka upravitelná.
Obsah z různých stránek, jako jsou videa z YouTube, videa z Vimeo, fotografie z Instagramu, fotografie z Flickru, tweety a dokonce i komentáře z Redditu, můžete vložit přímým vložením jejich trvalých odkazů URL.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Seznam adres URL, které lze vložit, naleznete v kodexu WordPressu: https://codex.wordpress.org/Embeds
Můžete také nainstalovat další pluginy, které přidávají podporu pro další adresy URL k vložení. Například adresy URL služby Wistia nejsou ve WordPressu podporovány ve výchozím nastavení; můžete si nainstalovat jejich plugin pro povolení vkládání a poté by je měl zvládnout zpracovat i PB Sandwich.
Vezměte na vědomí, že aby to fungovalo, musí jeden celý řádek textu obsahovat pouze adresu URL.
Kódy pro vložení můžete také vložit přímo.
Kódy pro vložení vypadají takto:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Vezměte na vědomí, že aby to fungovalo, musí jeden celý řádek textu obsahovat pouze kód pro vložení.
Klikněte na nástroj „Přidat mediální soubor“ a poté vložte adresu URL na kartě „Vložit z URL“.
Markdown je v podstatě syntaxe, kterou píšete během úprav textu za účelem přidání nebo změny jeho formátování. Funguje podobně jako klávesové zkratky, ale místo stisknutí kombinace kláves ji vepíšete přímo do textu.
Níže je uveden seznam všech podporovaných syntaxí Markdownu v Page Builder Sandwich.
## Nadpis2
### Nadpis3
až po:
###### Nadpis6
> Bloková citace
(4 mezery)Předformátovaný text/kód
* Seznam s odrážkami - Seznam s odrážkami
1. Číslovaný seznam 1) Číslovaný seznam
- ------------------------------(nebo více pomlček)
Napsáním URL adresy se text automaticky převede na odkaz:
Přejděte na https://pagebuildersandwich.com
Přejděte na [Page Builder Sandwich](https://pagebuildersandwich.com
Page Builder Sandwich byl vytvořen tak, aby byl co nejméně rušivý, takže by ostatní pluginy neměly mít žádný problém fungovat vedle toho našeho.
Někdy však existují výjimky. Níže je uveden seznam pluginů, které mají při spolupráci s Page Builder Sandwich určité zvláštnosti. To nutně neznamená, že nefungují a že jsou nekompatibilní, ale pouze to, že některé chování se může lišit.
Tento seznam budeme i nadále aktualizovat. Pokud na něco narazíte, neváhejte odeslat požadavek na podporu na [email protected]
V prémiové verzi Page Builder Sandwich můžete používat své vlastní SVG / vektorové ikony. Zde je návod, jak na to:
Nahrané ikony lze také použít jako ikony odrážek v seznamech a jako ikony tlačítek.
Poznámka: Pokud se vaše ikona ve vyhledávání nezobrazí, je možné, že PBS název souboru správně nezpracoval. V takovém případě můžete k nalezení nahraných ikon použít výrazy „custom“ nebo „upload“.
Zkontroluje, zda je PBS zapnutý a v režimu úprav.
if ( PBSEditor.isEditing() ) {
// Proveďte akci při úpravách.
}
Žádné.
Boolean. True při probíhajících úpravách, false, pokud úpravy neprobíhají.
Používá se v rámci prvku iframe využívaného PBS k vykreslení responzivního zobrazení během úprav. Volá se těsně před uzavřením značky <head> a lze jej použít k přidání skriptů a stylů.
Žádné.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Pokud máte potíže, jsme tu, abychom vám pomohli! Nejprve se však podívejte na stránky dokumentace – možná zde najdete odpověď a ušetříte čas.
Své dotazy na podporu nám zašlete e-mailem na [email protected]
Spouští se, když uživatel přepíná mezi různými responzivními zobrazeními.
Žádné.
Zobrazování PB Sandwich na front-endu můžete zabránit pomocí filtru pbs_is_editable_by_user.
Chcete-li například zabránit zobrazování PB Sandwich u vlastního typu příspěvku (Custom Post Type) identifikovaného slugem slider, můžete do souboru functions.php přidat tento kus kódu:
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;
}
Chcete-li PB Sandwich vypnout pro konkrétní stránku/příspěvek, můžete provést kontrolu pomocí ID příspěvku:
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 odesílá statistiky využití pro přihlášené uživatele pokaždé, když provedou uložení v editoru PBS. Tento filtr lze použít k zastavení odesílání dat.
$true
Boolean. Toto je vždy true.
Pokud máte potíže, jsme tu, abychom vám pomohli! Nejprve se však prosím podívejte na stránky dokumentace, možná zde najdete odpověď a ušetříte čas.
Své dotazy na podporu nám zašlete e-mailem na [email protected]
PBS >= 4.3
PBS přidává wrapper pro identifikaci oblasti obsahu příspěvku. Toto je voláno před umístěním wrapperu.
$content
String. Obsah příspěvku s aplikovaným wrapperem.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Žádné.
Pole. Pole všech zjištěných značek shortcodů.
PBS >= 4.3
Přepíše rozhodnutí, zda načíst PBS na front-endu a umožnit uživateli používat PBS k úpravě příspěvku.
$is_editable
Boolean. True, pokud má být příspěvek upravitelný pomocí PBS. V opačném případě False
Zakázat úpravy typů příspěvků portfolio pomocí 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;
}
Používá se v rámci prvku iframe využívaného systémem PBS k vykreslení responzivního zobrazení během úprav. Volá se těsně před uzavřením značky <body> a lze jej použít k přidání skriptů a stylů.
Žádné.
PBS přidává wrapper pro identifikaci oblasti obsahu příspěvku. Toto je voláno po umístění wrapperu.
$content
String. Obsah příspěvku s aplikovaným wrapperem.
PBS >= 4.3
Získá instanci PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Žádné.
Objekt PageBuilderSandwich. Aktuální instance třídy PBS.
PageBuilderSandwich::is_editable_by_user()
Žádné.
Boolean. True, pokud PBS může příspěvek upravovat, jinak false.
Filtr pro úpravu stylů CSS ukládaných pro příspěvek. Volá se při zahájení ukládání z editoru PBS.
$style
String. Styly CSS odeslané k uložení.
$post_id
Int. ID příspěvku, který ukládáme.
Volá se, když editor PBS dokončí načítání (nevolá se, když uživatel klikne na tlačítko zahájení úprav)
Provést akci po načtení PBS
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Seznam značek shortcodů ke skrytí ve výběru shortcodů PBS. Použijte jej, pokud máte shortcody, které se zobrazují ve vyskakovacím okně výběru, ale které jsou již zastaralé nebo je jen chcete skrýt před uživateli.
$shortcodes
Array. Pole značek shortcodů.
Skrytí shortcodu z výběru.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Přidává vlastnosti JavaScriptu do objektu pbsFrontendParams na front-endu. Objekt pbsFrontendParams je na front-endu k dispozici bez ohledu na to, zda je uživatel přihlášen a provádí úpravy.
$params
Pole. Pole klíčů a hodnot, které budou k dispozici v javascriptové proměnné pbsFrontendParams na úrovni objektu window
Zpřístupnění proměnné na front-endu
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Toto bude k dispozici v JavaScriptu pod pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Volá se těsně předtím, než editor uloží obsah. Můžete to použít k vložení dalších dat k odeslání během ukládání (toto data neukládá, pouze je odesílá přes Ajax na backend)
payload
Objekt FormData. Data odeslaná přes Ajax k uložení.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
Většina Page Builder Sandwich je v JavaScriptu a přidali jsme řadu metod, aby vývojáři mohli náš page builder rozšiřovat a přidávat další funkce.
Abychom vývojářům usnadnili práci, navrhli jsme systém podle toho, jak funguje WordPress – pomocí hooků!
Ve WordPressu obvykle používáte funkce add_filter() a add_action() k úpravě nebo rozšíření chování WP. Podobně v PBS můžete použít wp.hooks.addFilter() a wp.hooks.addAction().
Způsob jejich použití je také stejný: filtry slouží k úpravě dat a akce k provádění dalších operací. Tato dvě volání funkcí jsou v podstatě stejná jako jejich PHP protějšky, jen běží v JavaScriptu.
Aby nedocházelo k záměně PHP hooků a javascriptových hooků, pojmenovali jsme javascriptové hooky pomocí „period-case“ (vymyšlený výraz). Všechny PHP hooky používají snake case:
Pro procházení všech hooků se podívejte do kategorií Javascript Actions a Javascript Filters v levé nabídce.
Pro zvídavé: k přidání těchto šikovných volání hooků v JavaScriptu používáme https://github.com/carldanley/WP-JS-Hooks
Pokud nemůžete najít, kam jste svou kopii prémiového pluginu uložili, můžete přejít sem a zadat svou e-mailovou adresu pro její obnovení. Plugin vám bude zaslán e-mailem.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Zařadí skript nebo styl do fronty společně s PBS. Volá se pouze v případě, že je příspěvek upravitelný pomocí PBS. Pokud stránka není pomocí PBS upravitelná, vůbec se nepoužije.
Žádné.
Při načtení PBS zařadit do fronty také 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__ ) );
}
Přidává vlastnosti JavaScriptu do objektu pbsParams na front-endu. Objekt pbsParams je na front-endu k dispozici, když je uživatel přihlášen a má oprávnění upravovat stránku.
Tato proměnná také nese mnoho vlastností používaných systémem PBS během úprav, jako jsou nonce, seznam všech načtených shortcodů a překladové řetězce.
$params
Pole. Pole klíčů a hodnot, které budou k dispozici v javascriptové proměnné pbsParams na úrovni objektu window.
Přidání nerozpoznaného shortcodu do editoru
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Toto je prémiová funkce dostupná od verze 4.0.1+
Kotevní odkazy s posunem na stejné stránce jsou odkazy, které směřují na konkrétní místo na téže stránce. Když kliknete na odkaz na stejné stránce, prohlížeč se plynule posune k určené oblasti.
K vytvoření kotevního odkazu na stejné stránce potřebujete dvě věci:
Vyberte libovolný prvek v dolní části stránky a otevřete jeho vlastnosti. V pokročilé části přidejte vlastní třídu nebo vlastní ID s názvem „go_here“
Nyní vytvořte odkaz nebo přidejte prvek tlačítka někde v horní části stránky. Místo přidání URL jako odkazu použijte „.go_here“ (s tečkou), pokud jste „go_here“ přidali jako vlastní třídu; nebo použijte „#go_here“ (s mřížkou), pokud jste ji přidali jako vlastní ID.
Po uložení stránky by se měl prohlížeč po kliknutí na váš odkaz/tlačítko plynule posunout k prvku v dolní části stránky.
Pojmenované kotvy, jako například
<a name="go_here"></a>
lze také zacílit přidáním odkazu na „#go_here“ (s mřížkou)
Můžete také zacílit na jakékoli jiné oblasti na stránce, a to i mimo oblast editoru, pokud na ně zacílíte pomocí jejich názvů tříd nebo ID.
Volá se po uložení obsahu. Volá se, když bylo uložení iniciováno z editoru PBS.
Žádné
Filtr pro úpravu ukládaných dat příspěvku. Volá se při zahájení ukládání z editoru PBS.
$post_data
Pole. Konečná data příspěvku k uložení, která jsou poté předána přímo funkci wp_update_post().
$_POST
Pole. Nezpracovaná data příspěvku odeslaná z editoru k uložení. Ta již byla ověřena pomocí nonce.
$post_id
Int. ID příspěvku, který ukládáme.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Z nějakého důvodu chceme, aby byl příspěvek vždy konceptem.
$post_data['post_status'] = 'draft';
return $post_data;
}
Volá se těsně před uložením obsahu. Volá se, když bylo uložení zahájeno z editoru PBS.
Žádné
Pokud jste vývojář šablon, začlenění PBS do vaší šablony může výrazně zvýšit hodnotu vašeho produktu.
Kontaktujte nás na [email protected], pojďme spolupracovat!
CloudFlare je široce používaná bezplatná DNS CDN služba. Je skvělá, ale PBS má v současné době problémy s funkcí Rocket Loader. Rocket Loader zkracuje dobu načítání souborů Javascriptu, ale narušuje závislosti a pořadí volání skriptů PBS. Pokud máte Rocket Loader zapnutý, tlačítko pro úpravy Page Builder Sandwich se nezobrazí (a v konzoli Javascriptu se neobjeví žádné chyby).
Chcete-li Rocket Loader vypnout, přihlaste se ke svému účtu CloudFlare a přejděte do nastavení své domény. Přejděte do nastavení Speed:
Poté sjeďte dolů k nastavení Rocket Loader a ujistěte se, že je tato funkce vypnuta (off):
Po jejím vypnutí nezapomeňte v nastavení Cache vymazat celou mezipaměť webu (purge your entire site’s cache):
Po kompletním promazání mezipaměti můžete stránku obnovit a tlačítko pro úpravy Page Builder Sandwich by se nyní mělo zobrazit.
Filtr pro úpravu obsahu příspěvku, který má být uložen. Volá se při zahájení ukládání z editoru PBS.
$content
String. Finální obsah příspěvku k uložení.
$post_id
Int. ID příspěvku, který ukládáme.
Od verze 4.0 můžete nyní při úpravách přepínat mezi zobrazením pro stolní počítače, tablety a mobilní telefony! Tomu říkáme responzivní režim. V responzivním režimu se vaše stránka zmenší na menší velikost, aby simulovala, jak by vypadala na menších obrazovkách.
Při prohlížení webu v zobrazení pro tablet nebo mobilní telefon budete mít omezené možnosti úprav. V tomto režimu můžete provádět POUZE následující:
* PBS aplikuje na vaše prvky a řádky určité responzivní stylování, takže některé okraje nebude možné upravit.
Zde je několik věcí, které dělat nemůžete:
Pokud si web prohlížíte v zobrazení pro tablet nebo mobilní telefon, jakékoli úpravy okrajů, které provedete, se použijí pouze pro aktuální zobrazení a pro menší zobrazení. To vám umožní doladit návrhy tak, aby vypadaly lépe na menších obrazovkách, nezávisle na plné verzi pro stolní počítače.
Zde je příklad pro lepší pochopení.
To platí pouze pro úpravy okrajů; změny textu nebo změny stylu textu se projeví ve všech velikostech obrazovky.
Při prohlížení v zobrazení pro tablet nebo mobilní telefon budou mít vaše řádky nové tlačítko na panelu nástrojů v podobě „oka“, které se zobrazí, když na ně najedete myší. Kliknutím na něj můžete řádek pro aktuální velikost obrazovky zobrazit nebo skrýt.
Skryté řádky budou při úpravách mírně průhledné, což značí, že po dokončení úprav budou skryté.
Upozorňujeme, že tato funkce je dostupná pouze pro řádky.
Pokud při používání Varnish Cache po uložení změn stále vidíte starý obsah, je možné, že se Varnish Cache automaticky nepromazala.
Existuje několik pluginů pro WordPress, které vám umožní vymazat mezipaměť: https://wordpress.org/plugins/search/varnish+cache/
Pokud to nepomůže, můžete Varnish Cache vymazat také ručně spuštěním tohoto příkazu v terminálu:
curl -X PURGE http://mysite.com/my-page/
Markdown je v podstatě syntaxe, kterou píšete během úprav, abyste přidali nebo změnili formátování textu. Funguje podobně jako klávesové zkratky, ale místo stisknutí kombinace kláves ji zapisujete textem.
Níže je uveden seznam všech podporovaných syntaxí Markdownu v Page Builder Sandwich.
(Pozor na mezery)
# Nadpis1
## Nadpis2
až po:
###### Nadpis6
> Bloková citace
(4 mezery)Předformátovaný text/kód
* Odrážkový seznam - Odrážkový seznam
1. Číslovaný seznam 1) Číslovaný seznam
- ------------------------------(nebo více pomlček)
Zadáním URL adres se automaticky vytvoří odkaz:
Přejděte na https://pagebuildersandwich.com
Napište „lorem“ a poté stiskněte Tab pro vytvoření výplňového textového obsahu.
Chcete-li PBS deaktivovat, nejprve se přihlaste do své Nástěnky / administrace a poté přejděte do Pluginy > Instalované pluginy:
Na stránce Pluginy sjeďte v seznamu pluginů dolů a najděte Page Builder Sandwich. Přímo pod názvem byste měli vidět odkaz deaktivovat spolu s dalšími odkazy, jako je Upravit nebo Změnit licenci (to se může na vašem webu lišit). Kliknutím na odkaz deaktivovat plugin vypnete.
U většiny prvků (nikoli však u shortcodů) můžete nastavit vstupní animaci, která se přehraje, jakmile se prvek zobrazí na obrazovce.
Chcete-li to provést, najeďte myší na prvek, aby se zobrazil panel nástrojů, a poté klikněte na ikonu ozubeného kola.
Tím by se měl otevřít inspektor. Přejděte do sekce Animace (Animations), rozbalte ji a vyberte animaci.
Po výběru animace se přehraje její náhled. Animaci můžete dále doladit pomocí dalších nabízených možností.
Animace se přehrávají pouze tehdy, když uživatel na stránce scrolluje a prvek se dostane do zorného pole. Pokud je prvek viditelný již při příchodu na stránku, animovat se nebude.
Ne, nepřijdete! Všechny vaše stránky a obsah by měly na vašem webu zůstat. To znamená, že můžete PBS bezpečně deaktivovat při přechodu z bezplatné verze na prémiovou nebo když si jen věci zkoušíte.
Všechno však nebude vypadat stejně. Všimnete si, že některé položky na vaší stránce se změní, protože PBS obsahuje dodatečné styly a skripty potřebné pro některé propracovanější prvky.
Zde jsou některé věci, které zůstanou i po deaktivaci PBS:
Zde jsou některé věci, které po deaktivaci PBS zmizí:
Pokud jste uložili změny na své stránce a…
to může znamenat, že uložení nespustilo vymazání uložených dat ve vašem řešení pro ukládání do mezipaměti.
Pokud používáte nějaký druh řešení pro ukládání do mezipaměti – například plugin pro mezipaměť jako W3 Total Cache, software pro mezipaměť na straně serveru jako Memcached nebo Redis, případně DNS caching jako CloudFlare – je možné, že nedošlo k vymazání vašeho uloženého obsahu.
Jedním ze způsobů, jak zkontrolovat, zda tomu tak je, je upravit stránku v administraci (běžným způsobem) a poté se na ni podívat na webu. Pokud se váš obsah nezměnil, mezipaměť se možná automaticky nevymazala.
Některá řešení pro mezipaměť mimo WordPress mají doplňkový plugin pro WordPress, který může pomoci s promazáním nebo vyčištěním aktuální mezipaměti; řešení přímo pro WordPress k tomu obvykle mají tlačítka nebo možnosti.
Je také možné, že během ukládání došlo k nějaké chybě PHP.
Chcete-li zkontrolovat, zda k tomu dochází, otevřete vývojářskou konzoli (nejlépe v Chromu) a přejděte na kartu Síť (Network). Jakmile tam budete, uložte změny v PBS a měli byste vidět více položek směřujících na admin-ajax.php. Pokud to vidíte červeně, znamená to, že došlo k chybě. Zkontrolujte, zda vidíte něco takového:
Pokud tomu tak je, napište nám prosím na e-mail [email protected] spolu s potřebnými přihlašovacími údaji, abychom to mohli prověřit a opravit.
Přečtěte si prosím článek o kompatibilitě s Wordfence zde: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Poznámka: Toto se nevztahuje na zákazníky Envato
Pokud se vám při aktivaci licence zobrazují chyby, můžete vyzkoušet několik věcí..
To se většinou stává lidem, kteří aktualizují na vyšší verzi. Pokud jste přímo ručně aktualizovali soubory pluginu a přeskočili celý proces aktualizace nebo kroky deaktivace a aktivace, některé procesy se nemusely spustit správně. Deaktivujte prosím plugin, poté jej znovu aktivujte a zkuste znovu zadat svou licenci.
Od verze 3.2 je Page Builder Sandwich integrován s platformou Freemius. Objevily se případy, kdy vymazání dat Freemius vyřešilo chyby při aktivaci licence. Zde je návod, jak to napravit.
Přejděte do administrace a změňte svou URL adresu na http://yoursite.com/wp-admin/admin.php?page=freemius (nezapomeňte upravit URL tak, aby odpovídala vašemu webu). Pokud se dostanete na místo zobrazené níže, jste na správném místě.
Klikněte na tlačítko Delete All Accounts a poté také klikněte na tlačítko Clear API Cache. Poté zkuste znovu zadat licenční klíč.
Pokud to nefunguje, kontaktujte nás prosím na adrese [email protected] a poskytněte nám podrobnosti o problému a vašem webu.
Chcete-li rychle přidat výplňový text, napište slovo „lorem“ a poté stiskněte tabulátor nebo Enter pro rychlé vložení zástupného textu 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.
Zde jsem přidal řádek s barvou pozadí a poté do něj vložil obrázek. Tady je:
Chcete-li, aby „vykukoval“ nad kontejner, najeďte kurzorem myši na prvek, který chcete posunout. Jakmile se zobrazí obrysy, posuňte kurzor myši nad horní hranu obrysu. Měla by se zobrazit aktuální hodnota horního okraje:
Klikněte na horní okraj a táhněte směrem nahoru, abyste okraj zmenšili na zápornou hodnotu:
Nyní obrázek „vykukuje“ mimo řádek!
Pokud se prvek při přesahu mimo řádek ořezává, otevřete inspektor vlastností řádku a v možnostech Advanced vypněte možnost overflow hidden:
Chcete-li vložit obsah z externích webových stránek, jednoduše vložte URL adresu a stiskněte Enter. Můžete například zkopírovat a vložit tuto URL adresu z YouTube:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Vkládání pomocí Iframe je také možné vložením kódů pro vložení <iframe>. Zkopírujte a vložte například tento vkládací řetězec:
<iframe width=“560″ height=“315″ src=“https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=“0″ allowfullscreen></iframe>
Můžete vkládat URL adresy z webů uvedených v kodexu WordPressu: https://codex.wordpress.org/Embeds a z jakéhokoli webu s podporou oEmbed.
Page Builder Sandwich funguje se všemi cachovacími pluginy. Můžete však narazit na určité problémy, pokud zapnete jejich funkci minifikace nebo cachování.
Stačí se ujistit, že je minifikace zakázána pro přihlášené uživatele, a vše by mělo fungovat bez problémů.
Zde uvádíme pouze nastavení pro W3 Total Cache, ale ostatní pluginy pro cachování a minifikaci by měly mít podobná nastavení.
Ujistěte se, že je zaškrtnuta možnost Don’t cache pages for logged in users v nabídce Performance > Page Cache
Pokud používáte minifikaci, ujistěte se, že je zaškrtnuta možnost Disable minify for logged in users v nabídce Performance > Minify
Pokud se pokoušíte táhnout za úchyty horního a dolního vnějšího nebo vnitřního okraje a vnější/vnitřní okraje prvku se nemění, mohou existovat jiné styly, které jakékoli změny stylů násilně přepisují. To se může stát také v případě, že nemůžete změnit pozadí, ohraničení nebo když průhledné obrázky vždy získají barvu pozadí.
Chcete-li problém najít, otevřete inspektor v prohlížeči a prozkoumejte daný prvek. Prohlédněte si styly tohoto prvku. Pokud uvidíte něco takového:
Pak si můžete být jisti, že aplikaci jakýchkoli dalších stylů na daný prvek brání buď vaše šablona, nebo plugin. Najeďte myší na soubor stylů (stylesheet), abyste zjistili, ze které šablony/pluginu pochází.
Chcete-li to napravit, odstraňte ze stylu část „! important“ a styly by mělo být možné znovu aplikovat. K vyřešení tohoto problému může být nutné kontaktovat autora šablony nebo pluginu.
Poznámka: Ve výchozím nastavení je záhlaví odstraněno pouze z úvodní stránky.
Chcete-li odstranit záhlaví nebo menu z jakékoli své stránky, budete potřebovat plugin, který vám umožní přidat vlastní CSS, například Jetpack.
Chcete-li odstranit záhlaví, budete potřebovat ID příspěvku vašeho příspěvku a poté přidejte toto vlastní CSS (zde nahraďte 9999 vaším ID příspěvku):
body.page-id-9999 #masthead {
display: none;
}
Chcete-li ze stránky odstranit menu (zde nahraďte 9999 vaším ID příspěvku):
body.page-id-9999 #header-wrapper {
display: none;
}
nebo při odstranění menu pouze z domovské stránky:
body.page-id-9999 #header-wrapper {
display: none;
}
Ke svým řádkům a pozadím můžete přidat obrázky na pozadí. A co víc, obrázek na pozadí můžete také tónovat barvou, aby lépe ladil s vaším designem.
Zde mám například řádek s obrázkem na pozadí a bílým překryvným textem. Kvůli zvolenému obrázku na pozadí je text v tuto chvíli dost špatně čitelný.
Aby to vypadalo lépe, můžeme k obrázku na pozadí přidat barvu. Uděláte to tak, že najedete myší na řádek a poté kliknutím na ikonu ozubeného kola daného řádku otevřete jeho vlastnosti. Přejděte do možností Pozadí a poté zapněte možnost Tónování obrázku na pozadí.
Po zapnutí této možnosti změníte barvu pozadí, což vašemu obrázku na pozadí dodá barevný nádech. Můžete také upravit intenzitu nebo průhlednost tónování. Zde je mé pozadí tónované do zelena, aby byl text lépe vidět:
Page Builder Sandwich pravidelně kontroluje, zda jste stále přihlášeni do WordPressu. Děje se tak proto, aby bylo zajištěno, že se vaše změny po stisknutí tlačítka pro uložení skutečně uloží. Používá se to také pro uzamykání příspěvků a automatické ukládání.
Při těchto kontrolách spoléháme na WordPress Heartbeat API, které zase závisí na souborech cookie prohlížeče a relacích. Pokud se vám tedy při úpravách neustále zobrazují tato vyskakovací okna „relace vypršela“, možná něco brání WordPressu ve vašem správném sledování. Zde je několik kroků, kterými to můžete vyřešit:
Pokud máte nainstalované cachovací pluginy, používáte DNS caching nebo jakoukoli jinou formu ukládání do mezipaměti, vymažte je. Vymažte také mezipaměť prohlížeče. Je možné, že se vám nenačítají nejnovější skripty pro váš web.
Je také možné, že došlo k poškození souborů cookie. To lze snadno vyřešit vymazáním cookies v nastavení prohlížeče. Tato možnost bývá obvykle poblíž volby pro vymazání mezipaměti prohlížeče.
Přejděte do Nastavení > Obecné a zkontrolujte svá nastavení. Hledejte nastavení pro Instalace WordPressu (URL) a Úvodní stránka webu (URL). Domény a protokoly v těchto polích by se měly shodovat s vaší skutečnou doménou. Pokud má například jedno pole „http://“, ale na web přistupujete přes „https://“, pak by v nastavení mělo být „https://“. Dalším častým problémem bývá, že jedna z těchto adres URL obsahuje „www“ a druhá ne.
Tyto hodnoty by se měly shodovat:
nebo:
Chcete-li to napravit, můžete nastavení změnit v Nastavení > Obecné. Pokud tato nastavení nemůžete upravit, můžete otevřít FTP, upravit soubor wp-config.php a přidat řádky:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| Lite verze | Není k dispozici |
| Premium verze | Dostupné všechny funkce
|
Karusely představují neotřelý způsob přidávání obsahu, který se opakovaně cyklicky zobrazuje. Page Builder Sandwich obsahuje nativní prvek karuselu, který lze použít, čímž odpadá nutnost externích pluginů pro karusel.
Kliknutím na tlačítko ozubeného kola prvku karuselu můžete nakonfigurovat chování karuselu, jako je animace snímků, prodleva a další. Po vytvoření získáte k práci tři snímky karuselu s možností snímky přidávat nebo mazat. Všechny tyto snímky přijímají obvykle používané prvky, jako je text, obrázky a určité shortcody.
Přepínání snímků je stejně snadné jako výběr samotných navigačních tlačítek. Pořadí snímků lze také upravit v nastavení vlastností (ikona ozubeného kola).
Chcete-li změnit stav příspěvku, najeďte myší na šipku rozbalovací nabídky na tlačítku pro uložení v levé horní části obrazovky. Tím se zobrazí další možnosti ukládání.
Pokud používáte verzi lite, možná jste si všimli žlutých trojúhelníkových praporků. Ty označují, zda je určité tlačítko/prvek/možnost prémiovou funkcí.
Pokud je chcete skrýt, můžete přejít na svou Nástěnku, přejít na stránku nastavení v PBSandwich > Settings a zaškrtnout možnost Hide Premium Feature Flags
Nechtěli jsme přeplácané rozhraní a chtěli jsme, aby bylo vše intuitivní a snadno objevitelné. Ačkoliv tedy uživatelské rozhraní Page Builder Sandwich vypadá jednoduše, je velmi výkonné a při úpravách v něm můžete dělat spoustu věcí.
Pomocí kurzoru myši můžete také dělat spoustu šikovných věcí. Při najetí myší na různé prvky se zobrazí interaktivní překryvy a panely nástrojů. Každý z nich dělá jiné věci, například:
| Verze Lite | K dispozici jsou všechny funkce |
| Verze Premium | K dispozici jsou všechny funkce |
Kliknutím na HTML prvek v Inspektoru přidáte nový HTML prvek, mělo by se zobrazit modální okno. Zadejte nebo vložte do něj svůj HTML kód a poté klikněte na uložit HTML. Váš HTML kód by se nyní měl zobrazit v editoru.
Najetím myší na HTML prvek zobrazíte panel nástrojů. HTML můžete upravit kliknutím na ikonu tužky na panelu nástrojů nebo dvojitým kliknutím na samotný prvek.
Jakmile začnete upravovat pomocí PBS, najeďte myší na název své stránky/příspěvku a měl by se kolem něj zobrazit obrys. Kliknutím na název do něj umístíte kurzor a můžete jej upravit.
V oblasti názvu nejsou k dispozici nástroje pro formátování, nemůžete měnit jeho styly ani do názvu přidávat prvky.
Řádky a sloupce jsou nástroje, které můžete použít k rozdělení obsahu do sekcí.
Při úpravách pomocí Page Builder Sandwich na nově vytvořené stránce/příspěvku bude veškerý zadávaný obsah umístěn v jednom sloupci. To je skvělé pro psaní blogových příspěvků, ale pokud chcete vytvořit speciální rozvržení pro vstupní (landing) nebo kontaktní stránky, pravděpodobně budete chtít dvousloupcové rozvržení nebo dokonce kombinaci různých sloupců napříč stránkou.
Řádky a sloupce můžete přidat pomocí těchto tlačítek v inspektoru:
Po přidání bude váš nový řádek ohraničen:
Do svých řádků a sloupců můžete vložit cokoli – text, shortcody, widgety a dokonce přidávat další řádky a sloupce.
Jakmile je vybrán řádek (nebo obsah uvnitř řádku), v inspektoru se zpřístupní další možnosti. Tato tlačítka můžete použít k další úpravě stylu sekce:
Níže v inspektoru najdete také další možnosti pro úpravu stylů vašich sloupců.
Řádky můžete přesouvat na jiná místa kliknutím a podržením na samotném řádku (pokud kliknete a podržíte prvek uvnitř, bude se přetahovat daný prvek, a ne samotný řádek).
| Verze Lite | Není k dispozici |
| Verze Premium | Všechny funkce k dispozici
|
Volitelně označte text a poté klikněte na prvek tlačítka v inspektoru. Tím by se mělo otevřít modální okno, kde můžete zadat URL adresu, na kterou má tlačítko odkazovat. Odtud můžete také vyhledat jakoukoli existující webovou stránku, kterou na svém webu máte.
Na rozdíl od ostatních prvků jsou tlačítka umisťována inline (v textu), což znamená, že budou umístěna vedle jiného textu (nebo jiných tlačítek). Jednotlivá tlačítka nelze přetahovat na jiná místa samostatně, ale můžete tlačítko přetáhnout společně s textem, který jej obklopuje.
Během úprav se po kliknutí na tlačítko zobrazí v inspektoru další možnosti stylů. Najetím myší na tlačítka můžete také vidět URL adresu, na kterou odkazují, a další příkazy.
Poznámka: Tento postup použijte, pokud již máte PBS nainstalovaný a aktivovaný a chcete jej aktualizovat pomocí souboru ZIP, který jste stáhli z webu nebo z přílohy, kterou jsme vám zaslali e-mailem.
Poznámka: K provádění aktualizací používáme jiný plugin, což nám umožňuje aktualizovat PBS okamžitě, aniž by bylo nutné jej nejprve odinstalovat.
Přejděte na Pluginy > Instalovat pluginy a do vyhledávacího pole zadejte název pluginu „Easy Theme and Plugin Upgrades“
Jakmile plugin najdete, nainstalujte jej a aktivujte.
Po aktivaci pluginu Easy Theme and Plugin Upgrades přejděte znovu na Pluginy > Instalovat pluginy a poté klikněte na tlačítko Nahrát plugin v horní části:
Vyberte a nainstalujte soubor ZIP s pluginem Page Builder Sandwich,
A to je vše. Nyní byste měli mít novou verzi PBS.
| Verze Lite | K dispozici s omezeným stylováním |
| Verze Premium | K dispozici všechny funkce
|
Kliknutím na prvek mapa přidáte mapu na svou stránku. Kdykoli je prvek mapy vybrán, inspektor by měl zobrazit nastavení mapy. Do pole umístění v inspektoru můžete zadat zeměpisnou šířku a délku nebo adresu a vystředit mapu na tuto oblast. K dispozici jsou zde také další možnosti stylování.
Prvek mapy můžete dále upravovat posouváním nebo přibližováním/oddalováním mapy. Upozorňujeme, že změny provedené na mapě se použijí na daný prvek.
Uživatelé verze Premium mohou mapu stylizovat výběrem barvy pro její tónování; další možností je použít snazzymaps.com k vygenerování barevných schémat a následně je použít. SnazzyMaps lze použít k vytvoření barevných schémat podobných tomuto: https://snazzymaps.com/style/20053/papuportal-dark Chcete-li tato barevná schémata použít, zkopírujte Javascript style array do inspektoru.
Výšku mapy lze upravit, šířku mapy však nikoli – ta se vždy přizpůsobí maximální dostupné šířce. Chcete-li změnit její velikost, umístěte mapy do řádků a sloupců. Mapy můžete také nastavit tak, aby zabíraly celou šířku prohlížeče.
Pomocí myši můžete rychle umístit kurzor na různá místa v obsahu nebo vybírat různé prvky.
K přesunu kurzoru v rámci obsahu můžete také použít klávesy se šipkami na klávesnici. Můžete to využít k přechodu nad řádky nebo pod ně.
Při práci s řádky a sloupci můžete kliknout na okraje řádků a přidat obsah těsně za řádek nebo před něho. To je užitečné zejména tehdy, máte-li několik řádků vnořených do sebe a chcete mezi ně vložit nějaký obsah.
Pokud na webu nevidíte tlačítko „Upravit pomocí Page Builder Sandwich“, můžete vyzkoušet několik věcí:
Tlačítko pro úpravy PB Sandwich je k dispozici v horní liště na webu. Ujistěte se, že je horní lišta viditelná – přejděte do administrace a přejděte na Uživatelé > Váš profil a zkontrolujte, zda je zaškrtnuto pole Zobrazit ovládací panel při prohlížení webu.
Na webu lze upravovat pouze příspěvky, stránky a vlastní typy příspěvků. Přímo na webu můžete upravovat pouze věci, které můžete upravovat pomocí editoru obsahu WordPressu v administraci. Ostatní oblasti vašeho webu – např. seznam blogových příspěvků na úvodní stránce, seznam všech blogových příspěvků, výpisy kategorií, stránky 404, stránky s výsledky vyhledávání – jsou dynamické stránky vytvořené WordPressem spolu s používanou šablonou a nelze je upravovat pomocí PB Sandwich.
Jedním z ukazatelů, zda je aktuální webová stránka upravitelná, je přítomnost položky „Upravit příspěvek“ nebo „Upravit stránku“ v horní liště.
Pokud je vaše stránka/příspěvek generována dynamicky šablonou nebo pluginem, nebude ji možné upravovat pomocí Page Builder Sandwich (a s největší pravděpodobností ani v jiných nástrojích pro tvorbu stránek). Pokud si všimnete, že váš editor obsahu v administraci je prázdný, ale při zobrazení stránky na webu je plná obsahu, je to spolehlivý indikátor toho, že je vaše stránka generována dynamicky.
Chcete-li zkontrolovat, zda je vaše stránka generována dynamicky, zobrazte zdrojový kód stránky (klikněte pravým tlačítkem a zvolte „Zobrazit zdrojový kód stránky“). Vyhledejte text „pbs-main-wrapper“ – pokud tento text nikde nevidíte, je vaše stránka generována dynamicky.
Zde je několik příkladů dynamicky generovaného obsahu:
Vyskytly se případy, kdy šablona nezobrazila obsah vůbec, pokud byl prázdný, a PBS se kvůli tomu mylně domníval, že stránka není upravitelná. Chcete-li ověřit, zda je to váš případ, upravte stránku/příspěvek v editoru v administraci, zkuste do obsahu přidat jakýkoli text (například „ahoj“) a poté odtud klikněte na tlačítko „Upravit pomocí Page Builder Sandwich“.
Děkujeme Mathiasi Hellquistovi za tento tip!
Některé page buildery vás nutí vybrat si mezi výchozím editorem obsahu WordPressu a vlastním editorem page builderu. Pokud jste stránku již upravovali pomocí jiného page builderu, je možné, že si tento nástroj obsah již „přivlastnil“ a ostatní háčky/filtry obsahu se již nemohou spustit. Z tohoto důvodu nemusí Page Builder Sandwich někdy rozpoznat, kde se váš obsah nachází, a tlačítko pro úpravy nezobrazí, protože není co upravovat.
Chcete-li to napravit, jednoduše se rozhodněte daný page builder pro tuto konkrétní stránku/příspěvek nepoužívat a zvolte použití výchozího editoru obsahu WordPressu.
Ujistěte se, že máte oprávnění k úpravám stránky
Tlačítko pro úpravy se nezobrazí, pokud stránku nemůžete upravovat. Pokud jste například redaktor nebo přispěvatel a můžete na webu psát blogové příspěvky a články, nemusí to nutně znamenat, že můžete upravovat úvodní stránku nebo kontaktní stránku. Pokud v horní liště vidíte tlačítko „Upravit příspěvek“, měli byste mít možnost jej upravit i pomocí PB Sandwich. V případě potřeby požádejte správce webu o oprávnění k úpravám.
PB Sandwich intenzivně využívá JavaScript. Pokud se vyskytnou chyby JavaScriptu způsobené jinými skripty, které na svém webu máte, může to PB Sandwich zabránit ve fungování. Chcete-li zjistit, zda je to tento případ, můžete v prohlížeči otevřít vývojářskou konzoli a zkontrolovat chyby.
Doporučuji k tomu použít Chrome. Klikněte pravým tlačítkem myši kdekoli na stránce a poté klikněte na možnost „Prozkoumat“. Tím se ve spodní části prohlížeče otevře nový panel; klikněte na záložku „Console“ (Konzole). Pokud máte chyby, měli byste vidět něco takového:
Pokud se vám chyba zobrazí, můžete také zjistit, odkud pochází, kliknutím nebo najetím myší na název skriptu:
Tyto chyby mohou pocházet z vaší šablony nebo jiných pluginů, které máte nainstalované. Oprava těchto chyb může způsobit, že PB Sandwich začne znovu fungovat.
Pokud chybu JavaScriptu způsobuje vaše šablona nebo některý z vašich pluginů, dejte nám prosím vědět e-mailem na adresu [email protected] a my uděláme vše pro to, abychom problém vyřešili 🙂
CloudFlare je široce používaná bezplatná služba DNS CDN. Je skvělá, ale PBS má v současné době problémy s funkcí Rocket Loader. Rocket Loader zkracuje dobu načítání souborů JavaScriptu, ale narušuje závislosti a pořadí volání skriptů PBS. Pokud máte Rocket Loader zapnutý, tlačítko pro úpravy Page Builder Sandwich se nezobrazí (a v konzoli JavaScriptu se neobjeví žádné chyby).
Chcete-li zkontrolovat, zda váš web používá Rocket Loader od CloudFlare, zobrazte zdrojový kód stránky (klikněte pravým tlačítkem a zvolte „Zobrazit zdrojový kód stránky“) a vyhledejte text „rocketscript“. Pokud tento text najdete, máte Rocket Loader zapnutý.
Přečtěte si článek Kompatibilita CloudFlare & Rocket Loader, kde najdete podrobné pokyny k jeho vypnutí.
Dobře, pokud v této chvíli žádné z výše uvedených řešení nefunguje, možná nastal čas vysvětlit, proč se nezobrazuje a co s tím dělat. Připraveni? Jdeme na to!
Page Builder Sandwich potřebuje vědět, kde se nachází obsah vaší stránky/příspěvku. Dělá to tak, že sleduje, kdy WordPress načítá obsah příspěvku, a tuto oblast si „označí“, aby po načtení všeho našel to podstatné.
Některé pluginy tento proces někdy přepíší nebo obejdou a místo toho se snaží načíst obsah vlastním způsobem. Někdy je to v pořádku, ale v určitých situacích – zvláště pokud jde o načítání hlavního obsahu příspěvku – to může způsobit nefunkčnost některých pluginů. Když jiný plugin tento proces načítání obejde, naše „značky“ se mohou ztratit, a když nastane čas pro spuštění editoru, ten už váš obsah nedokáže najít. Tlačítko pro úpravy se tedy nezobrazí! Můžete si také všimnout, že ze stejného důvodu mohou přestat fungovat i některé pluginy, které na stránku přidávají obsah, například některé pluginy pro sdílení na sociálních sítích.
Page Builder Sandwich potřebuje vědět, kde se nachází obsah vaší stránky/příspěvku, a dělá to tak, že se napojí na filtr the_content a obalí váš hlavní obsah obalovým prvkem (wrapperem). Některé pluginy to mohou přepsat a místo toho dále v kódu přepsat obsah funkcí get_the_content(). Tím se bohužel zabrání volání VŠECH filtrů the_content, a obalovací prvek PBS se tak ztratí. Stejně tak by se ztratily i změny jakéhokoli jiného pluginu.
Na samotném použití get_the_content() není nic špatného, ale může to mít nežádoucí účinky, pokud je použito v hlavním dotazu a uvnitř šablony jednotlivého příspěvku namísto běžného volání the_content(), kde se spouštějí všechny filtry the_content.
To, zda „označení“ Page Builder Sandwich chybí, můžete zkontrolovat tak, že navštívíte stránku/příspěvek na webu a zobrazíte si zdrojový kód stránky během přihlášení. V záplavě kódu zkuste vyhledat řetězec:
data-name="main-content"
Pokud jej najdete, pak se někde zřejmě vyskytl problém s JavaScriptem – v takovém případě nám dejte vědět, jakou šablonu a pluginy používáte, a my to opravíme.
Pokud jej ale nenajdete, je možné, že vaše šablona (nebo plugin, ale u stránky či blogového příspěvku je to s největší pravděpodobností šablona) dělá s obsahem příspěvku něco nestandardního. V takovém případě byste měli kontaktovat autora šablony a dát mu o problému vědět! Můžete mu také ukázat technické vysvětlení „proč“ uvedené výše, což může pomoci při ladění 🙂
Pokud si troufáte na úpravy v PHP, můžete se pokusit o nápravu vyhledáním souboru šablony, který zpracovává obsah příspěvku. Jedním z řešení, se kterým jsme se setkali, je nahrazení volání:
$content = get_the_content();
za:
ob_start(); the_content(); $content = ob_get_clean();<br>
Poznámka: Proměnná v PHP se u vás může lišit, ale princip zůstává stejný. Pokud to funguje, bylo by také lepší vytvořit potomkovou šablonu (child theme) namísto zavádění této změny přímo do hlavní šablony. Změna může mít také vedlejší účinky, proto je lepší toto řešení konzultovat s autorem šablony.
Page Builder Sandwich není jako váš typický nástroj pro tvorbu stránek – je přímočarý a snadno se používá.
Níže se můžete podívat na video s rychlou ukázkou.
Nejprve vytvořte novou stránku, příspěvek nebo CPT. Poté navštivte svůj nový příspěvek nebo jakýkoli existující na frontendu. PBS funguje 100% na frontendu, takže nemusíte nic nastavovat v administraci.
V horní části stránky (v administrační liště) by mělo být tlačítko „Page Builder Sandwich“. Kliknutím na něj zahájíte úpravy. Měla by se vám shora vysunout oblast formátování textu a z boku panel pro přidávání prvků. Oblast obsahu vaší šablony je nyní vaším editorem!
V PBS můžete upravovat pouze jednotlivé stránky. Nelze upravovat výpis příspěvků na blogu ani chybovou stránku 404, protože ty jsou generovány vaší šablonou. Příspěvky, stránky a vlastní typy příspěvků (CPT) upravovat lze.
A teď přichází ta skvělá část… jakmile jste na frontendu a v editoru, klikněte na jakýkoli text v obsahu nebo klikněte do oblasti obsahu a začněte psát! Na rozdíl od jiných nástrojů pro tvorbu stránek vám PBS umožňuje upravovat obsah přímo, aniž byste museli procházet vyskakovací dialogová okna.
Během úprav se oblast v horní části nazývá Panel formátování textu. Tento panel obsahuje všechny formátovací nástroje, které budete používat pro úpravu stylu textu, jako jsou: barvy, tučné písmo, kurzíva, zarovnání, přidávání odkazů, odrážky a další. Najeďte myší na jednotlivá tlačítka a zjistíte, k čemu daný nástroj slouží.
Najeďte myší na tlačítko Přidat prvky v levém horním rohu obrazovky a zobrazí se Panel pro přidávání prvků. Můžete také jednoduše posunout myš k levému okraji obrazovky, aby se zobrazil.
Chcete-li vložit libovolný prvek, podržte na něm tlačítko myši a přetáhněte jej do oblasti obsahu. Místo, kam bude prvek umístěn, se zvýrazní. Uvolněním tlačítka myši prvek umístíte.
Najeďte myší na libovolný prvek, který máte v obsahu, a zobrazí se kolem něj obrysy a panely nástrojů.
Najetím myší na okraje obrysů můžete zvětšovat/zmenšovat mezery mezi prvky.
Můžete také kliknout na tlačítko na panelu nástrojů a provést rychlé akce s daným prvkem. Kliknutím na ikonu ozubeného kola na panelu nástrojů otevřete Inspektor vlastností, který obsahuje další možnosti.
Inspektor vlastností vám dává větší kontrolu nad vzhledem vašich prvků. Můžete přidat spoustu věcí, jako jsou stíny, animace, změna barev mapy, zaoblení rohů a mnoho dalšího.
Můžete také přistupovat k vlastnostem nadřazených prvků. Pokud například umístíte obrázek do sloupce a otevřete inspektor vlastností, můžete přistupovat k vlastnostem obrázku, sloupce, ve kterém je obsažen, i řádku, který sloupec obsahuje.
Inspektor vlastností obsahuje mnoho různých nastavení pro různé prvky, takže si je určitě všechny projděte.
Page Builder Sandwich vám zobrazuje skutečné shortcody přímo na frontendu a můžete je také snadno upravovat!
Pokud si své shortcody pamatujete zpaměti, můžete je vložit přímým vepsáním do obsahu. Pokud si je ale všechny nepamatujete (kdo by si je pamatoval?), inspektor nabízí seznam všech shortcodů dostupných na vašem webu. Přetáhněte tlačítko Shortcode z inspektoru do oblasti obsahu, vyhledejte ten, který chcete vložit, a kliknutím jej vložte.
Shortcody se na frontendu vykreslují jako skutečný obsah. Chcete-li je upravit, můžete je vybrat a prohlédnout si jejich atributy v inspektoru. Nebo pro větší kontrolu můžete na shortcode dvakrát kliknout a upravit jej v surové podobě. Po dokončení úprav se shortcode aktualizuje, aby odrážel provedené změny.
V PBS můžete kliknout na cokoliv, přetáhnout to a přesunout kamkoli. Když něco táhnete, přesuňte to nad jiný prvek na stránce – můžete to posunout buď nad, nebo pod jakýkoli jiný obsah.
Uložení práce
Jakmile jste s návrhem spokojeni, stačí kliknout na tlačítko Uložit v levém horním rohu stránky. To je vše!
Page Builder Sandwich není jako běžný page builder, je přímočarý a snadno se používá.
Níže se můžete podívat na video s rychlou ukázkou.
Nejprve vytvořte novou stránku, příspěvek nebo CPT. Poté navštivte svůj nový nebo libovolný stávající příspěvek na frontendu. PBS funguje stoprocentně na frontendu, takže nemusíte nic nastavovat v administraci.
V horní části stránky (na liště administrace) by se mělo zobrazit tlačítko „Page Builder Sandwich“. Kliknutím na něj zahájíte úpravy. Shora by se měla vysunout oblast formátování textu a ze strany panel pro přidávání prvků. Oblast obsahu vaší šablony se nyní stala vaším editorem!
Pomocí PBS můžete upravovat pouze jednotlivé stránky. Nelze upravovat výpis blogových příspěvků ani stránku 404, protože ty jsou generovány vaší šablonou. Příspěvky, stránky a vlastní typy obsahu jsou v pořádku.
A teď přichází ta skvělá část… jakmile jste na frontendu a v editoru, klikněte na jakýkoli text v obsahu nebo klikněte do oblasti obsahu a začněte psát! Na rozdíl od jiných nástrojů pro tvorbu stránek vám PBS umožňuje upravovat obsah přímo, aniž byste museli procházet vyskakovací dialogová okna.
Horní oblast při úpravách se nazývá Panel formátování textu. Tento panel obsahuje všechny formátovací nástroje, které budete používat pro úpravu stylu textu, jako jsou: barvy, tučné písmo, kurzíva, zarovnání, přidávání odkazů, odrážky a další. Přejetím kurzorem myši přes jednotlivá tlačítka zjistíte, k čemu daný nástroj slouží.
Přejeďte myší přes tlačítko Přidat prvky v levé horní části obrazovky, čímž zobrazíte Panel přidání prvků. Můžete také jednoduše posunout myš k levému okraji obrazovky, aby se zobrazil.
Chcete-li vložit libovolný prvek, podržte na něm tlačítko myši a přetáhněte jej do oblasti obsahu. Místo, kam bude prvek umístěn, se zvýrazní. Uvolněním tlačítka myši prvek umístíte.
Přejeďte myší přes jakýkoli prvek v obsahu a zobrazí se kolem něj obrysy a panely nástrojů.
Najetím myší na okraje obrysů můžete zvětšovat nebo zmenšovat mezery mezi prvky.
Kliknutím na tlačítko na panelu nástrojů můžete také provádět rychlé akce s daným prvkem. Kliknutím na ikonu ozubeného kola na panelu nástrojů otevřete Inspektor vlastností, který obsahuje další možnosti.
Inspektor vlastností vám dává větší kontrolu nad vzhledem prvků. Můžete přidávat mnoho věcí, jako jsou stíny, animace, měnit barvy map, zaoblení rohů a mnoho dalšího.
Můžete také přistupovat k vlastnostem nadřazených prvků. Pokud například umístíte obrázek do sloupce a otevřete inspektor vlastností, získáte přístup k vlastnostem obrázku, sloupce, v němž se nachází, i řádku, který sloupec obsahuje.
Inspektor vlastností obsahuje spoustu různých nastavení pro různé prvky, proto si je určitě všechny projděte.
Page Builder Sandwich zobrazuje skutečné shortcody přímo na frontendu a vy je můžete také snadno upravovat!
Pokud si své shortcody pamatujete zpaměti, můžete je vložit přímým vepsáním do obsahu. Pokud si je ale všechny nepamatujete (kdo by si je také pamatoval?), inspektor nabízí seznam všech shortcodů dostupných na vašem webu. Přetáhněte tlačítko Shortcode z inspektoru do oblasti obsahu, vyhledejte ten, který chcete vložit, a kliknutím jej vložte.
Shortcody se na frontendu vykreslují do skutečného obsahu. Chcete-li je upravit, můžete je vybrat a prohlédnout si jejich atributy v inspektoru. Nebo pro větší kontrolu můžete na shortcode dvakrát kliknout a upravit jej v původní textové podobě. Po dokončení úprav se shortcode aktualizuje tak, aby odrážel provedené změny.
V PBS můžete kliknout na cokoli, přetáhnout to a přesunout kamkoli. Když něco táhnete, přesuňte to nad jiný prvek na stránce – můžete věci umístit buď nad, nebo pod jakýkoli jiný obsah.
Uložení práce
Jakmile budete se svým návrhem spokojeni, stačí kliknout na tlačítko pro uložení v levém horním rohu stránky. To je vše!
Plugin Lite a plugin Premium jsou dva různé pluginy. Chcete-li využívat prémiové funkce, musíte verzi Lite deaktivovat (nebo odinstalovat), poté nainstalovat a aktivovat plugin Premium a následně zadat licenční klíč.
Poznámka: Pokud aktivujete pluginy Lite a Premium současně, plugin vás před pokračováním vyzve k deaktivaci verze, kterou již máte.
Poznámka pro zákazníky, kteří si zakoupili PBS na pagebuildersandwich.com: Plugin si můžete stáhnout také ze stránek, váš současný licenční klíč by měl stále fungovat. Pokud nefunguje, kontaktujte nás a my vám vystavíme nový.
Po zakoupení PBS byste měli obdržet e-mail obsahující dvě věci:
Nainstalujte a aktivujte prémiový plugin a poté by se vám měla zobrazit tato obrazovka:
Zde zadejte svůj licenční klíč a klikněte na Agree & Activate License. Prémiové funkce by nyní měly být dostupné.
Případně můžete také přejít na stránku pluginů a v seznamu najít plugin Page Builder Sandwich:
Klikněte na odkaz Activate License a odtud byste měli mít možnost svou licenci zadat.
Pomocí Page Builder Sandwich můžete upravovat pouze jednotlivé stránky nebo příspěvky. Představte si to takto: pokud pro danou položku existuje v administraci oblast „Nový příspěvek“ s editorem obsahu, pak ji můžete upravovat pomocí Page Builder Sandwich.
Měli byste být schopni upravovat obsah libovolného uživatelského typu příspěvku.
Ujistili jsme se, že Page Builder Sandwich má téměř nulový dopad na výkon vašeho webu. Při odhlášení se načítají nanejvýš styly CSS pro řádky a sloupce spolu s nezbytnými skripty JS a CSS pro vámi použité shortcody.
Pro návštěvníky vašeho webu se načítají nanejvýš styly CSS pro řádky a sloupce a zahrnuty jsou nezbytné skripty JS a CSS pro vámi použité shortcody.
Nedávno jsme přidali několik oprav souvisejících s problémem s kompatibilitou, kdy byly pluginy Page Builder Sandwich a IMPress for IDX Broker aktivovány současně, což způsobovalo pád frontendu pro přihlášené uživatele.
Díky této opravě je PBS opět funkční, museli jsme však widgetu IDX Broker odebrat možnost vložení do editoru. I přesto lze widget IDX Broker nadále používat v nabídce Vzhled > Widgety.
Abyste mohli pracovat rychleji, můžete používat různé klávesové zkratky dostupné v Page Builder Sandwich.
Toto jsou zkratky pro příkazy, které nesouvisejí s formátováním/nástroji. Klávesové zkratky pro formátování/nástroje zobrazíte najetím myší na jednotlivá tlačítka na panelu formátování textu.
| Klávesová zkratka | Popis |
| CTRL+E (když neupravujete) | Začít upravovat |
| CTRL+SHIFT+R (při úpravách) | Obnovit stránku (protože CTRL+R se používá pro zarovnání doprava) |
| CTRL+S | Uložit změny |
| CTRL+ESC | Zahodit změny a ukončit úpravy |
| CTRL+C | Kopírovat |
| CTRL+V | Vložit |
| CTRL+X | Vyjmout |
| CTRL+ENTER | Konec řádku / další řádek |
| CTRL+Z | Zpět |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Znovu |