Page Builder Sandwich

Získat PBS Pro

Blog

  • Jak přidat vlastní zkrácené kódy (shortcodes) v Page Builder Sandwich

    Jak přidat vlastní zkrácené kódy (shortcodes) v Page Builder Sandwich

    From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

    Shortcody vám umožňují přidávat na váš web různé prvky (například widgety), aniž byste museli vkládat obrovské bloky kódu, jako to běžně dělají vývojáři.

    Běžný kus kódu by například z hlediska délky pravděpodobně vypadal nějak takto:

    <html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.

Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.

Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.

Nullam sodales eleifend massa, in bibendum purus fermentum id.

Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.

</html>​

    Pro tento příklad předstírejme, že výše uvedený kus kódu vám umožní přidat celý odstavec zástupného textu Lorem Ipsum.

    Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

    [lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

    You can see how they’re miles different from each other in terms of length.

    Nyní si představte, že oba kusy kódu – původní, zdlouhavý kód oproti shortcodu obsahujícímu pouze slovo „lorem“ – dělají přesně totéž: přidávají text Lorem Ipsum.

    This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

    Where can I find shortcodes?

    Pokud máte oblíbený plugin nebo widget, je velká šance, že nabízí shortcode, který můžete použít.

    Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

    Adding Custom Shortcodes on PBS

    V Page Builder Sandwich můžete přidávat shortcody přímo na stránku pouhým napsáním nebo zkopírováním a vložením do oblasti obsahu.

    Níže jsme to udělali se shortcodem z Shortcodes Ultimate, kterým jsme přidali obsahový box na demo stránku Page Builder Sandwich:

    Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

    Z jednoho z našich předchozích článků o Shortcode Mapping zní definice takto:

    Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    To mimo jiné znamená, že už nemusíte ručně vyhledávat své shortcody v příslušných dokumentacích nebo repozitářích.

    Dokud máte plugin, který shortcode obsahuje, nainstalovaný na svém webu WordPress, bude pro vás v Page Builder Sandwich snadno dostupný.

    So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

    And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

    Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

    You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

    Pokud tedy chcete přidat vlastní shortcody nebo shortcody, které jste si sami vytvořili, můžete, pokud je máte nainstalované na svém webu WordPress.

    Here are some other helpful plugins that you can use to create your own custom shortcodes:

  • Vytvořte si parádní web na WordPressu s těmito nabídkami na Black Friday 2017

    Create WordPress Website With Black Friday Sale 2017 Deals Black Friday and Cyber Monday are coming in a couple of days (5 to be exact), but you’ll find that a bunch of websites have already started announcing their discount deals every which way. WordPress tools and plugins are definitely no exception.

    Takže dokud je ještě (relativně) brzy, sestavili jsme seznam těch nejlepších nabídek pro WordPress na Black Friday 2017 se všemi nezbytnostmi, které potřebujete k vytvoření webu na WordPressu – a to vše v rámci vašeho rozpočtu.

    Bez dalších okolků vám přinášíme 5 štědře zlevněných nástrojů a pluginů, které budete potřebovat k vytvoření svého prvního základního webu na WordPressu.

    Cloudways

    Cloudways is a managed cloud hosting platform that’s quick to start, easy to manage, and made to scale. It’s feature-rich, plus it lets you choose your server resources, allowing you to get your site up and running within minutes.

    Enter the coupon code HOLIDAY25 upon checkout to get a 25% discount on Cloudways for 3 months, valid until 28th November 2017.

    Získejte svůj kupón od Cloudways

    Yoast SEO

    Yoast SEO is one of the most popular (if not most trusted) search optimization plugin for WordPress, and for good reason too. With over 7 million installs, it’s probably the most comprehensive SEO tool in the digital market, and their millions of users (ourselves included) can attest: you simply can’t go wrong with a plugin as functional as Yoast.

    While they haven’t announced this year’s Black Friday coupons yet, they’ve made an announcement in one of their articles that they’ll definitely having a sale on November 24 and 25.

    Podívejte se na Yoast SEO nyní!

    WP Rocket Cache

    WP Rocket offers a good range of caching functions, giving your site the performance boost that it needs. It’s a breeze to configure as well, so it’s great for beginners as it only requires minimal effort for setup.

    This year, they’re having their biggest sale yet: 35% off on ALL their licenses.

    Získejte kupón na WP Rocket

    Theme Discounts from WeDevs.com

    WeDevs je sbírka šikovných pluginů a rozšíření pro WordPress. Mají poměrně silnou komunitu a na trhu působí už od roku 2008. Pro Black Friday 2017 (a navazující letošní svátky) připravili seznam svátečních nabídek pro WordPress, včetně spousty slev a kupónů na skvělé WP šablony.

    Získejte kupóny na šablony

    BONUS RESOURCE: First Site Guide

    First Site Guide is a resource site and tool that contains easily accessible knowledge on how to create your first website, both on WordPress and off of it. It also has great infographics that guide you through the basics of blogging, design, and marketing as well. And best of all, you get this good share of site-building knowledge for free.

    Brzy také zveřejníme návodný článek o vstupních stránkách se skvělými zdroji od First Site Guide, takže v následujících týdnech mějte oči otevřené!

    Přejít na First Site Guide

    (And last but not least) Page Builder Sandwich!

    We definitely don’t want to miss out on all the fun. So this 2017, we’re giving you guys 33%-off on any license. Just use the promo code CYBERMONDAY33 upon checkout to start building your site today!

    Premium Single Site

    $39 $26.79

    Koupit nyní

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    Koupit nyní

    Apply CYBERMONDAY33 upon checkout to save $29.70

    So what are you waiting for? Grab these kick-ass WordPress deals now. After all, Black Friday only happens once a year. ?

  • Jak využít e-mailový marketing pomocí Page Builder Sandwich

    Jak využít e-mailový marketing pomocí Page Builder Sandwich

    Ano, můžete.

    The more important question, though, is how and why do you need to do it?

    My business is small. Can’t I just wing it?

    Email marketing has an average ROI of 3,800 percent. For every dollar invested, the average return is $38, according to Salesforce.

    In other words, it’s definitely something worth investing your time in.

    Because while there are tons of ways to market your products and capture leads– you can still try to make use of the less-popular cold call, for example– the most sure-fire way to connect and communicate with your target audience in the 21st century is through e-mail marketing.

    So if you’re running a business –any kind of business, whether small, big, online or otherwise– digital and e-mail marketing is an absolute must.

    Aside from cutting on costs (e-mail is free, after all), businesses rely on it not just because it’s been proven to be successful, but also because it yields results that are both measurable and flexible; you can track your audience’s responses to your e-mails, for example, or note how many clicks and opens your e-mail marketing campaigns get.

    How you can do it with Page Builder Sandwich

    There are lots of available software you can use to help you market your products and content digitally, like Hubspot’s E-mail Marketing Software, or Mailchimp, which gives you a management system that helps you create, organize, and analyze your newsletters.

    But did you know that using Sandwich, you can actually integrate some of the popular software mentioned via the Newsletter Element?

    The Newsletter Element (and how it works)

    You can find the Newsletter Element by hovering over to the Elements Inspector over to the left side of the screen, and selecting Newsletter from the bottom area.

    Using the Properties Inspector, you can also choose which newsletter integration you’d like to use with the Newsletter Element. For this exmple, we’re going to use MailChimp (highlighted in blue in the dropdown below).

    And, using the Input Field button, you can try to play around with the Newsletter Element’s settings as well, so you can change colors, customize success message options, and other settings, like so:

    By trying your hand at the different available settings for the Newsletter Element’s options, you can end up with something like this:

    Plus, with the help of our Pre-Designed Sections and other design tips, you can actually do a whole lot more.

    Other useful resources for e-mail marketing beginners

    • 11 Types of Marketing E-mails That Actually Generate a Response

    Conclusion

    While other noteworthy marketing trends still exist today, one thing’s for sure: E-mail marketing is definitely here to stay, and it’s important that you utilize it when you can. Who knows? Through e-mail marketing, your business could just get that big break it’s been looking for.

    Design in less time!

    Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.

    Try Live Preview

  • Frontly API: Frontly Builder přívětivější pro vývojáře

    Skvělá zpráva pro vývojáře: v nadcházejícím vydání Frontly konečně spustíme Frontly API.

    V současné době je stále ve vývoji, ale konečně budete moci vytvářet doplňky a rozšíření pro Frontly. Samozřejmě k němu spustíme také dokumentaci k API pro plynulejší a funkčnější práci.

    Už se nemůžeme dočkat, až uvidíme všechny ty skvělé věci, se kterými přijdete.

    Here’s a short list of some of the APIs we have so far:

    1. Text Formatting Bar API

    Pomocí Text Formatting Bar API mohou vývojáři rozšířit funkčnost lišty formátování textu ve Frontly. Díky tomu můžete na lištu formátování textu přidávat nová tlačítka/možnosti.

    2. Add Element API

    Toto API vám umožní vytvářet nové prvky a přidávat je do seznamu již existujících prvků v sekci Prvky na levé straně editoru obsahu.

    3. Inspector API

    Inspector API vám umožní vytvářet, přidávat nebo odebírat nastavení v Inspektoru vlastností každého prvku.

    4. Text API

    Text API vám umožní provádět úpravy stylů textu, konkrétně upravovat formáty textu, měnit barvy pozadí textu a další.

    Developers! It’d be great if you could send over some suggestions

    These are just some of the basic APIs we have in store for you. We’re in the middle of creating more, but if you have any other ideas of APIs we can add to our console, just leave a comment below, or hit us up at [email protected]. We might just feature your suggestions in the upcoming Frontly release ?

  • V čem se Page Builder Sandwich liší od ostatních

    How-Page-Builder-Sandwich-Is-Different-from-the-RestExistují desítky a desítky page builderů a vy se určitě ptáte: co je na Page Builder Sandwich tak zvláštního? Proč byste se měli obtěžovat s jeho používáním, když už nějaký máte po ruce?

    V tomto článku vyjmenuji několik klíčových funkcí nástroje Page Builder Sandwich, díky kterým je jedinečný a naprostou nezbytností pro tvůrce obsahu i designéry. Pokud nevíte, co to page builder je a proč ho potřebujete, nezoufejte, máme pro vás materiály, které vám pomohou.

    1. Neuvidíte pouhou vizuální reprezentaci svého obsahu, uvidíte a upravíte svůj skutečný obsah

    V jiných page builderech vidíte oblasti, které váš obsah pouze reprezentují. Obsah rozvrhujete převážně pomocí bloků a obdélníkových tvarů a výsledek vypadá spíše jako kostra toho, jak by váš obsah mohl na stránce nakonec vypadat. To vede k neustálému klikání na tlačítko náhledu jen proto, abyste viděli, jaký bude výsledek.

    S Page Builder Sandwich probíhají veškeré úpravy přímo na front-endu vašeho webu a svůj obsah upravujete přímo pro skutečný zážitek typu „co vidíte, to dostanete“.

    2. Rychlé a snadné přímé úpravy bez všech těch otravných vyskakovacích oken

    Vyskakovací okna (pop-upy) jsou neodmyslitelnou součástí většiny page builderů. Ve většině z nich, pokud chcete v rozvržení cokoli upravit – ať už jde o nadpis, text tlačítka nebo drobný podnadpis –, musíte nejprve počkat, až se otevře vyskakovací dialogové okno, a změny provést v něm.

    Dali jsme si za cíl použití vyskakovacích oken v Page Builder Sandwich celkově minimalizovat. Díky odstranění pop-up oken je úprava jakéhokoli obsahu jednodušší a plynulejší než kdy dříve.

    Úpravy probíhají přímočaře – klikněte na text, umístěte kurzor a začněte psát. Už nemusíte čekat, až se otevře vyskakovací okno s editorem TinyMCE, abyste mohli začít upravovat. Nejlepší na tom je, že obsah můžete stále libovolně přetahovat myší.

    Další inovací, která napomáhá bezproblémovým úpravám, je neustále přítomný inspektor. Inspektor slouží jako vaše sada nástrojů a editor vlastností. Nástroje pro formátování obsahu: barvy textu, nadpisy, úpravy velikosti písma, vnější a vnitřní okraje, ohraničení, citace a mnohé další máte na dosah jednoho kliknutí.

    Reused functionality

    3. Znovu využitá funkcionalita WordPressu

    Další věc, které jsme si u jiných page builderů všimli, je to, že často znovu vymýšlejí kolo. Některé implementují vlastní nástroje pro výběr barev, nahrávání obrázků, vytváření galerií a různé další nástroje. Samo o sobě na tom není nic špatného, ale WordPress je pokladnicí fragmentů kódu, tak proč je nevyužít?

    WordPress je obrovská a skvělá platforma obsahující spoustu parádních nástrojů vytvořených spoustou úžasných přispěvatelů. Page Builder Sandwich využívá funkce, které jsou již součástí WordPressu, v maximální možné míře.

    Místo vlastního výběru barev používáme Iris color picker. Místo vlastního nahrávače obrázků používáme správce médií. Pak jsou tu také backbonejs, underscorejs, wp.hooks a wp.shortcode, abychom jmenovali alespoň některé další šikovné skripty. Všechny je používáme, což nám usnadnilo život a zároveň to vede ke stabilnějšímu kódu.

    Opětovné využití funkcionality WordPressu přineslo i několik příjemných překvapení. Jelikož jsme například pro vkládání obrázků použili správce médií, bylo milým překvapením, že jsme rovnou mohli pracovat také s galeriemi WordPressu, video a audio playlisty a externími URL adresami. Správce médií jsme také mohli jednoduše použít k úpravě obrázků, což ušetřilo hodiny zbytečných vývojářských starostí.

    4. Navigace pomocí klávesnice a klávesové zkratky

    V jiných page builderech je myš vaším přítelem. Přetahujete s ní prvky a dvojitým kliknutím je upravujete. Klávesnice je však často opomíjena.

    Například v některých builderech nemůžete snadno upravit text o jeden odstavec/sekci výše, než právě upravujete, protože musíte vykliknout z vyskakovacího dialogu a vnořit se do nového. V Page Builder Sandwich můžete navigovat pomocí klávesnice. Pro přecházení mezi obsahem stačí použít šipky – funguje to, i když je další obsah schovaný v jiném řádku nebo sloupci.

    Další důležitou funkcí jsou klávesové zkratky pro vrácení zpět a opakování akce. Možná se to na první pohled nezdá jako mnoho, ale představte si toto: co když omylem přetáhnete svůj obsah na špatné místo? V některých page builderech jej musíte přetáhnout zpět na původní pozici. V Page Builder Sandwich funguje jak krok zpět, tak krok vpřed. Takže ať už chcete přepracovat to, co jste napsali, nebo vrátit zpět přetažený obsah (či více přetažených položek), stačí stisknout krok zpět nebo krok vpřed. Vrácení a opakování akce funguje pro přetažený obsah a dokonce i pro změny vlastností, jako jsou velikosti písma a odsazení řádků. To z nich dělá mocné nástroje ve vašem editačním arzenálu.

    Relaxing experience

    5. Skutečný frontendový page builder – pohodovější a bezstarostnější úpravy

    Naším přístupem během vývoje bylo, že úpravy ve front-endu by neměly působit tak, jako byste stále upravovali pomocí back-endových nástrojů. Nemělo by to působit, jako by byl builder původně vytvořen pro back-end a teprve poté přenesen do front-endu.

    Celkově vzato je pro mě hlavním rozlišovacím znakem Page Builder Sandwich to, že jsme jej vytvořili s cílem, aby byl „skutečným“ frontendovým page builderem – novou představou o tom, jak by měly úpravy ve front-endu vypadat.

  • Frontly aktualizace rebrandingu č. 1: Kopírování a vkládání odstavců

    Over our past blog posts, we mentioned that PBS will be rebranding as Frontly, and that we’ll be changing and improving a lot of aspects for the better. One of these aspects is being able to use Frontly to experience a smoother, more intuitive page building experience that’s even better than PBS.

    Takže zatímco pro vás Frontly stále ladíme k dokonalosti, rozhodli jsme se vydat sérii příspěvků, abyste přesně věděli, co dostanete, jakmile Frontly dorazí na trh.

    Copy-paste blocks of text on Frontly

    PBS jsme navrhli tak, že každý váš odstavec je samostatným prvkem. Zkopírování a vložení dlouhých textů rozdělí výběr na samostatné textové bloky.

    What do we mean by this? Here’s an example to illustrate.

    V aktuální verzi PBS (té, kterou právě používáte) se kopírování a vkládání více řádků rozdělí na více textových prvků, což ztěžuje přesouvání částí textu. Úprava textu je kvůli tomu náročná.

    Pokud bych tedy chtěl právě zkopírovaný a vložený text přesunout do jiného sloupce, bylo by to složitější, protože musím řádky přetahovat jeden po druhém.

    This is something we’re definitely addressing with Frontly.

    This is a small test page Benjamin made for Frontly. Here, you’ll see that we copy-pasted the same paragraph we tried to copy-paste on PBS. Only this time, everything is retained in a single area that you can drag around and place wherever you want to.

    To znamená, že můžete text přidávat a upravovat plynuleji, což vám zajistí psaní (a tvorbu stránek) bez jakýchkoli komplikací.

    Retain full text formatting with Frontly

    Další věc, kterou se nemůžeme dočkat, až ve Frontly vyzkoušíte, je to, jak zůstává zachováno veškeré formátování – všechny nadpisy jsou zachovány, včetně odrážek a dokonce i emotikonů.

    Copy-pasting with PBS vs copy-pasting with Frontly

    Ve Frontly (vpravo) uvidíte, že veškeré formátování textu bylo převzato z původního zdroje. Vše tučné, kurzíva, podtržené nebo upravené jako jiná velikost nadpisu zůstane po vložení do oblasti Frontly neporušené (ve srovnání s PBS, kde zůstaly zachovány pouze emotikony).

    What else do we have in store for you?

    Jak jsme již zmínili, toto je teprve první ze série příspěvků o tom, jak bude Frontly světelné roky před PBS. Nemůžeme se dočkat, až vám ukážeme všechny ostatní věci, takže zůstaňte naladěni na náš další blogový příspěvek!

    Návrhy nebo připomínky? Napište nám a zanechte odpověď níže!

  • Mobilní responzivita v PBS verzi 4.0

    Vyladit mobilní responzivitu může být opravdu záludné, a když se to pokazí, výsledky bývají obvykle katastrofální. Pokud jste o tom ještě neslyšeli, Google dokonce v dubnu 2015 začal penalizovat weby, které nejsou optimalizované pro mobily. Zkrátka a dobře, mobilní responzivita je opravdu zásadní věc.

    Co je to tedy mobilní responzivita?

    Webová stránka je považována za responzivní, když je její obsah schopen přizpůsobit se různým velikostem a orientacím obrazovky při prohlížení na jiných zařízeních než na stolním počítači. Jednoduše řečeno, pokud jste přešli na PBS v4 a chcete navrhnout nebo vytvořit stránku, neměli byste mít žádné potíže s jejím zobrazením, ať už jste na počítači, mobilním telefonu nebo tabletu.

    Responzivita ve verzi 4.0

    V naší nejnovější aktualizaci se náš tým postaral o to, aby nová funkce zobrazení pro mobily v PBS přinášela celkově plynulejší a responzivnější zážitek: text, obrázky a veškerý další obsah se automaticky přizpůsobují rozlišení obrazovky vašeho zařízení.

    Všechny nadpisy se nyní automaticky upravují podle velikosti obrazovky, takže při prohlížení webu nebo stránky vytvořené v PBS na mobilních telefonech neskončíte s obřími písmeny. Abychom to názorněji předvedli:

    Prohlížení webu v různých velikostech obrazovky

    Abychom vám také pomohli mít přehled o tom, jak vaše stránka vypadá na mobilu, umožnili jsme také mobilní zobrazení přímo na počítači. Pokud tedy chcete zkontrolovat, zda vaše stránka vypadá dobře, nemusíte podstupovat nepříjemnosti spojené s fyzickým přepínáním z telefonu (nebo tabletu) na počítač. Nyní můžete při navrhování stránky kdykoli jednoduše přepínat mezi různými velikostmi obrazovky.

    Navíc nyní můžete také upravovat mezery prvků specificky pro tablety a mobilní telefony.

    Tak co si o tom myslíte? Ano, nebo ne? Jsou nějaké další funkce týkající se mobilních zařízení, které bychom mohli vylepšit? Dejte nám vědět v komentářích níže!

  • Exkluzivní Cloudways promo pro uživatele PBS!

    Spolupracujeme s platformou Cloudways, jednou z nejúžasnějších spravovaných cloudových hostingových platforem na webu. Pokud jste o nich ještě neslyšeli, v komunitě kolem WordPressu se těší značné důvěře a ukazují se jako jedna z nejspolehlivějších hostingových služeb vůbec. Nabízejí také několik skvělých funkcí, jako je podpora více cloudových infrastruktur, více datových center a SSD hosting, plus klonování na 1 kliknutí, zálohování a obnovení na 1 kliknutí a mapování domén na 1 kliknutí.

    Dobrou zprávou je, že jsme se spojili s Cloudways a vytvořili exkluzivní promo akci pro příznivce Page Builder Sandwich, kteří chtějí Cloudways vyzkoušet, nebo jako odměnu pro stávající uživatele Cloudways! Stačí zadat kód Stačí zadat kód:

    CWPBS15

    ..a získejte $15 slevu při upgradu svého účtu Cloudways. Tato nabídka vám také poskytne server 1GB DigitalOcean na Cloudways na 1 měsíc. Je to skvělá nabídka pro ty, kteří chtějí změnit poskytovatele hostingu, nebo pro ty, kteří chtějí vytvořit nové webové stránky či webové aplikace.

    Doufáme, že se vám tato promo akce bude líbit stejně jako nám spolupráce s Cloudways!

  • Page Builder Sandwich 2017: Rok v souhrnu

    V roce 2017 jsme začali rozšiřovat funkce Page Builder Sandwich. Tento rok pro nás znamenal obrovský skok a nemůžeme být šťastnější.

    Získali jsme spoustu zpětné vazby a podpory od našich uživatelů i přátel z WordPressu. A díky tomu jsme dokázali vytvořit něco velkého – něco, co vám umožní tvořit úžasné věci společně s námi.

    So without further ado, let’s look back at Page Builder Sandwich’s 2017. Here are our favorite updates and releases from this year.

    Parallax Scrolling

    Parallax Scrolling is a background effect that gives your page a a 3D layered look while you scroll.  We made adding this effect easy for our users- simply select the Parallax Scrolling option in your row’s background to add the parallax effect.

    Video Backgrounds

    Stejně jako u paralaxního posunu vám Page Builder Sandwich umožňuje přidávat efektní video pozadí pouhým zkopírováním a vložením odkazů z Vimeo či YouTube, případně ručním nahráním videí.

    Ken Burns Backgrounds

    Všimli jste si, jak jsou archivní záběry zobrazovány ve většině dokumentů? Jak se na obrazovce objeví obrázek a pomalu se přibližuje? Tomu se říká efekt Kena Burnse. A ano, Page Builder Sandwich jej v roce 2017 vydal také.

    Blank Page Template

    Chcete začít s čistým štítem? Page Builder Sandwich vám kryje záda. V roce 2017 jsme také vydali šablonu Blank Page Template, která vám umožní navrhnout web na zcela prázdném plátně.

    Full Page Templates

    Page Builder Sandwich released its very first set of Page Templates in January 2017. Niche-based and professionally designed, these templates also allow for manual editing so you can customize them the way you’d like.

    Mobile Responsiveness

    Rok 2017 byl rokem, kdy jsme do naší nabídky funkcí zavedli mobilní responzivitu. Nyní si můžete svůj web bez problémů prohlížet i na mobilních zařízeních.

    All 800+ Google Fonts

    Dali jsme vám možnost dodat vašemu webu šmrnc a flexibilitu díky více než 800 písmům Google Fonts.

    200% Performance Increase

    Bigger, better, faster. Page Builder Sandwich increased its performance by 200% in 2017.

    What’s in Store for 2018?

    Page Builder Sandwich je skutečně uživatelsky přívětivý, skutečně intuitivní a skutečně front-endový tvůrce stránek. Naše vize poskytovat vám ten nejlepší zážitek z tvorby webových stránek roste s tím, jak se s námi dělíte o své potřeby.

    Z vašich nápadů jsme pro rok 2018 postavili něco ještě lepšího!

    Frontly Builder is the next step in our evolution and we’re at the final stages of development!

    Leave us your email to get first dibs on updates!

    ‚til relaunch

    Bez vaší podpory bychom se tak daleko nedostali, takže obrovské, převeliké díky všem, kteří stáli po našem boku v tomto roce 2017! Na to, že v roce 2018 vytvoříme ještě úžasnější věci. Uvidíme se tam!

    S pozdravem,
    tým Page Builder Sandwich

  • Co je Page Builder a proč záleží na front-endu

    What-is-a-Page-Builder-and-Why-Front-End-MattersPokud jste zapřisáhlý bloger a veškerá tvorba vašeho obsahu se točí kolem psaní plnohodnotných článků s občasným doprovodným obrázkem, pak vám stávající editor obsahu TinyMCE možná stačí. Současná sada nástrojů již obsahuje vše potřebné pro psaní článků – máte k dispozici základní formátování textu, jako je tučné písmo, kurzíva, nadpisy atd. Tím to ale končí.

    Žádné přívětivé možnosti rozvržení

    Ačkoli v současném editoru TinyMCE články psát můžete, neexistuje žádný rozumný způsob, jak obsah rozvrhnout jinak než do jednoho souvislého sloupce textu. V základu nelze text rozdělit do dvou či více sloupců, ani vytvořit obsahové sekce s odlišnou barvou pozadí. Pokud chcete, aby ostatní části vašeho webu, jako jsou vstupní stránky a kontaktní stránky, byly jedinečné, budete potřebovat alespoň základní možnosti tvorby rozvržení.

    Jiní se tento problém pokusili obejít pomocí shortcodů ve WordPressu. Stručně řečeno, shortcody umožňují vkládat úryvky kódu pomocí speciálních značek. Existují pluginy pro WordPress, které přinášejí různé shortcody použitelné k vytváření sloupcového obsahu. Můžete například svůj obsah obalit značkami sloupců, pokud jej chcete umístit do dvousloupcového rozvržení. Přestože tato metoda „funguje“, není vizuálně přívětivá, protože jakmile přidáte více obsahu, vše bude nakonec vypadat jako jeden velký nepřehledný zmatek.

    Aby se tato mezera v tvorbě rozvržení zaplnila, vznikly page buildery.

    Page building blocks

    Page buildery usnadňují tvorbu obsahu s vlastním rozvržením

    Page buildery vám poskytují další nástroje, díky kterým je uspořádání obsahu do jedinečných rozvržení snadné. Page buildery obvykle odstraní backendový editor TinyMCE a nahradí jej (nebo doplní) novým, který vám pomůže obsah vizualizovat. Pokud jste backendový page builder ještě nepoužívali, představte si sadu bloků, kde každý blok představuje určitý typ obsahu: obrázek, text nebo shortcode. Ty pak můžete přetahovat do různých rozvržení a sloupců.

    Kromě rozvržení usnadňují page buildery také tvorbu a umísťování shortcodů. Dříve jste shortcody viděli v celé jejich surové podobě – hranaté závorky se všemi atributy a hodnotami zamíchanými přímo do vašeho obsahu. Page buildery běžně obsahují generátory shortcodů – vyskakovací okna, díky nimž je výběr atributů shortcodu uživatelsky mnohem přívětivější než jejich ruční vypisování.

    Frontendové page buildery jsou budoucnost

    I když to vše představuje pro designéry a tvůrce obsahu lepší zkušenost, backendové page buildery mají jeden zásadní neodmyslitelný problém. Přestože vidíte vizuální reprezentaci toho, jak by váš obsah mohl vypadat, nevidíte jeho skutečnou podobu. To vede k tomu, že lidé neustále kontrolují náhled stránek, aby zjistili, zda to, co dělají, vypadá správně. Při používání backendových page builderů osobně kliknu na tlačítko náhledu klidně dvacetkrát jen proto, abych zkontroloval, zda je obsah správně zarovnaný nebo zda jsou okraje rovnoměrné. To je obrovská a časově náročná otrava.

    Aby se tato nepříjemnost vyřešila, měly by se page buildery přesunout na frontend. Tím by se odstranilo hádání při tvorbě rozvržení stránky, protože výsledky uvidíte okamžitě.

    V současné době existuje mnoho backendových page builderů a jen hrstka těch frontendových. Mezi tuto hrstku patří Page Builder Sandwich. Pokud se chcete dozvědět více o tom, čím je Page Builder Sandwich jedinečný a proč je tím pravým nástrojem pro vás, přečtěte si článek V čem se Page Builder Sandwich liší od ostatních.