Page Builder Sandwich

Вземете PBS Pro

Автор: Neil Lock

  • Как да добавите персонализирани шорткодове в Page Builder Sandwich

    Как да добавите персонализирани шорткодове в Page Builder Sandwich

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

    Кратките кодове ви позволяват да добавяте елементи към вашия уебсайт (като например джаджи), без да се налага да добавяте огромни части код, както обикновено биха направили разработчиците.

    Например, обикновен откъс от код като дължина вероятно би изглеждал приблизително така:

    <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>​

    За този пример нека си представим, че горният откъс от код ви позволява да добавите цял абзац примерен текст 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.

    Сега си представете, че и двата откъса от код – оригиналният, дълъг откъс срещу краткия код, съдържащ само думата „lorem“, правят абсолютно едно и също нещо: добавят текст 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?

    Ако имате любим плъгин или джаджа, много вероятно е да имат наличен кратък код, който да използвате.

    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

    В Page Builder Sandwich можете да добавяте кратки кодове директно на страницата си, като просто ги напишете или копирате и поставите в полето със съдържание.

    Направихме това по-долу с кратък код от Shortcodes Ultimate, добавяйки поле със съдържание на демо страницата на Page Builder Sandwich:

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

    От една от предишните ни статии за Shortcode Mapping дефиницията е следната:

    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.

    Част от това означава, че вече не е необходимо ръчно да търсите вашите кратки кодове в съответната им документация или хранилища.

    Стига да имате инсталиран плъгина, който включва краткия код, на вашия WordPress сайт, той ще бъде лесно достъпен за използване в Page Builder Sandwich.

    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.

    Така че, ако искате да добавите персонализирани кратки кодове или кратки кодове, които сте създали сами, можете, стига да сте ги инсталирали на вашия WordPress сайт.

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

  • Създайте страхотен WordPress сайт с тези оферти за Черен петък 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.

    И така, докато все още е (сравнително) рано, съставихме списък с най-добрите оферти за Черен петък 2017 за WordPress, които успяхме да намерим, включващ най-важното за създаването на сайт с WordPress – изцяло в рамките на вашия бюджет.

    Без повече предисловия, ето 5 щедро намалени инструмента и добавки, от които ще се нуждаете, за да изградите първия си базов WordPress уебсайт.

    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.

    Вземете своя купон от 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.

    Вижте Yoast SEO сега!

    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.

    Вземете купон за WP Rocket

    Theme Discounts from WeDevs.com

    WeDevs е колекция от практични добавки и разширения за WordPress. Те разполагат с доста стабилна общност и съществуват от 2008 г. За Черния петък през 2017 г. (и следващите празници тази година), те са подготвили списък с празнични WordPress оферти, включващ куп отстъпки и купони за страхотни теми за WP.

    Вземете купони за теми

    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.

    Скоро ще публикуваме и практическо ръководство за целеви страници (landing pages) с чудесни ресурси от First Site Guide, така че следете за това през следващите седмици!

    Към 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

    Купете сега

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    Купете сега

    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. ?

  • Как да използвате имейл маркетинг чрез Page Builder Sandwich

    Как да използвате имейл маркетинг чрез Page Builder Sandwich

    Да, можете.

    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 по-удобен за разработчици

    Страхотни новини за разработчиците: в предстоящата версия на Frontly най-накрая ще пуснем Frontly API.

    В момента все още е в процес на разработка, но най-накрая ще можете да създавате добавки и разширения за Frontly. Разбира се, ще пуснем и документация за API заедно с него за по-гладка и функционална работа.

    Нямаме търпение да видим всички страхотни неща, които ще измислите.

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

    1. Text Formatting Bar API

    С Text Formatting Bar API разработчиците могат да разширят функционалността на лентата за форматиране на текст на Frontly. С това можете да добавяте нови бутони/опции в лентата за форматиране на текст.

    2. Add Element API

    Този API ще ви позволи да създавате нови елементи, добавяйки ги към списъка с вече съществуващите в секцията Elements от лявата страна на редактора на съдържание.

    3. Inspector API

    Inspector API ще ви позволи да създавате, добавяте или премахвате настройки в Properties Inspector на всеки елемент.

    4. Text API

    Text API ще ви позволи да правите модификации на стиловете на текста – по-специално възможност за промяна на текстовите формати, смяна на цвета на фона на текста и други.

    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 ?

  • Актуализация #1 за ребрандирането на Frontly: Копиране и поставяне на абзаци

    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.

    И така, докато все още усъвършенстваме Frontly за вас, решихме да пуснем поредица от публикации, за да ви запознаем точно с това, което ще получите, щом Frontly се появи на пазара.

    Copy-paste blocks of text on Frontly

    Проектирахме PBS по такъв начин, че всеки ваш абзац да бъде отделен елемент. Копирането и поставянето на дълги текстове разделя селекцията на отделни текстови блокове.

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

    В текущата версия на PBS (тази, която използвате в момента), копирането и поставянето на няколко реда се разделя на множество текстови елементи, което затруднява преместването на части от текста. Това прави редактирането на текст трудно.

    Така че, ако исках да преместя току-що копирания и поставен текст в друга колона, би било по-трудно, защото трябва да влача редовете един по един.

    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.

    Това означава, че ще можете да добавяте и редактирате текст по-плавно, осигурявайки си безпроблемно изживяване при писане (и изграждане на страници).

    Retain full text formatting with Frontly

    Друго нещо, което с нетърпение очакваме да изпробвате във Frontly, е как цялото форматиране се запазва същото – всички заглавия се запазват, включително водещите символи и дори емоджитата.

    Copy-pasting with PBS vs copy-pasting with Frontly

    Във Frontly (вдясно) ще видите, че цялото форматиране на текста е запазено от първоизточника. Всичко с удебелен шрифт, курсив, подчертано или редактирано като различен размер на заглавието остава непокътнато при поставяне в полето на Frontly (в сравнение с PBS, където единственото запазено нещо бяха емоджитата).

    What else do we have in store for you?

    Както споменахме, това е само първата от поредица публикации за това как Frontly ще бъде светлинни години пред PBS. Нямаме търпение да ви покажем и останалите неща, така че очаквайте следващата ни публикация в блога!

    Предложения или коментари? Пишете ни и оставете отговор по-долу!

  • По какво Page Builder Sandwich се различава от останалите

    How-Page-Builder-Sandwich-Is-Different-from-the-RestИма десетки и десетки конструктори на страници и сигурно се питате: какво прави Page Builder Sandwich толкова специален? Защо изобщо бихте си направили труда да го използвате, ако вече разполагате с такъв инструмент?

    В тази статия ще изброя няколко ключови функции в Page Builder Sandwich, които го правят уникален и абсолютно задължителен както за създателите на съдържание, така и за дизайнерите. Ако не знаете какво е конструктор на страници и защо ви е необходим, не се притеснявайте – имаме материали, които могат да ви помогнат.

    1. Не просто виждате визуално представяне на съдържанието си, а виждате и редактирате действителното си съдържание

    В другите конструктори на страници виждате области, които просто онагледяват вашето съдържание. Вие структурирате съдържанието си предимно с блокове и правоъгълни форми, а резултатът прилича повече на рамка, показваща как в крайна сметка би изглеждало то на страницата ви. Това води до постоянно цъкане на бутона за предварителен преглед, само за да видите какъв ще бъде крайният резултат.

    С Page Builder Sandwich цялото редактиране се извършва директно във фронтенда на сайта ви и вие редактирате съдържанието си направо за истинско изживяване от типа „каквото виждаш, това получаваш“.

    2. Бързо и лесно директно редактиране без всички онези досадни изскачащи прозорци

    Изскачащите прозорци са неизменна част от конструкторите на страници. При повечето от тях, ако искате да редактирате нещо в оформлението си – било то заглавие, надпис на бутон или кратък слоган – първо трябва да изчакате отварянето на изскачащ диалогов прозорец и да направите промените си вътре в него.

    Ние си поставихме за цел изцяло да сведем до минимум използването на изскачащи прозорци в Page Builder Sandwich. Чрез премахването им редактирането на всякакво съдържание става по-лесно и по-гладко от всякога.

    Редактирането се извършва по съвсем интуитивен начин – кликнете върху текста, за да поставите курсора там, и просто започнете да пишете. Вече не е необходимо да чакате изскачащ прозорец с TinyMCE редактор, за да започнете редакцията. Най-хубавото е, че все още можете да местите съдържанието си чрез плъзгане и пускане.

    Друго нововъведение, което улеснява безпроблемното редактиране, е постоянно наличният инспектор. Инспекторът служи като ваша кутия с инструменти и редактор на свойства. Инструментите за форматиране на съдържанието: цветове на текста, заглавия, настройки на размера на шрифта, отстояния (margins, paddings), граници, цитати и много други са само на един клик разстояние.

    Reused functionality

    3. Преизползвана функционалност на WordPress

    Друго нещо, което забелязахме в останалите конструктори на страници, е, че те често преоткриват колелото. Някои разработват собствени инструменти за избор на цвят, качване на изображения, създаване на галерии и редица други средства. Само по себе си в това няма нищо лошо, но WordPress е съкровищница от готов код – защо тогава да не го използваме?

    WordPress е огромна и прекрасна платформа, съдържаща много страхотни инструменти, създадени от безброй невероятни сътрудници. Page Builder Sandwich използва функционалности, които вече са вградени в WordPress, колкото е възможно повече.

    Вместо да разработваме собствен инструмент за избор на цвят, използваме Iris color picker. Вместо наш инструмент за качване на изображения, използваме медийния мениджър. Освен това са налице и backbonejs, underscorejs, wp.hooks и wp.shortcode, за да назовем само част от практичните скриптове. Ние използваме всички тях, което улесни живота ни и осигури по-стабилен програмен код.

    Преизползването на функционалностите на WordPress доведе и до някои приятни изненади. Например, тъй като използвахме медийния мениджър за вмъкване на изображения, бе чудесна изненада, че вече можехме от самото начало да работим и с WordPress галерии, плейлисти за видео и аудио, както и отдалечени URL адреси. Също така можехме просто да използваме медийния мениджър за редактиране на изображения, което ни спести часове излишни главоболия при разработката.

    4. Навигация с клавиатура и преки пътища

    В останалите конструктори на страници мишката е вашият верен приятел. С нея плъзгате и пускате елементи и кликвате два пъти, за да редактирате. Но клавиатурата често остава пренебрегната.

    Например, в някои конструктори не можете лесно да редактирате текст от предходния абзац или секция спрямо текущата ви позиция, защото трябва първо да кликнете извън един изскачащ прозорец и след това да влезете в нов. В Page Builder Sandwich можете да навигирате с клавиатурата си. Използвайте клавишите със стрелки, за да се придвижвате из съдържанието – работи дори ако другото ви съдържание е прибрано в отделен ред или колона.

    Друга важна функционалност са клавишните комбинации за отмяна (undo) и повторение (redo). Може да не изглеждат кой знае какво в началото, но помислете върху следното: какво, ако случайно плъзнете и пуснете съдържанието си на грешното място? В някои конструктори ще трябва да го издърпате обратно на първоначалната му позиция. В Page Builder Sandwich работят както отмяната, така и повторението. Така че, независимо дали искате да коригирате написаното, или да върнете преместено съдържание (дори няколко елемента наведнъж), просто натиснете undo или redo. Отмяната и повторението работят както за плъзгано съдържание, така и за промени по свойствата като размер на шрифта и вътрешни отстояния на редовете. Това ги прави мощни инструменти във вашия арсенал за редактиране.

    Relaxing experience

    5. Истински фронтенд конструктор на страници – по-спокойно и гладко изживяване при редактиране

    Нашата нагласа по време на разработката беше, че редактирането от клиентската страна (във фронтенда) не трябва да създава усещането, че все още използвате инструменти за бекенд. Не трябва да изглежда така, сякаш конструкторът първоначално е бил създаден за административната част, а след това просто пренесен във фронтенда.

    В крайна сметка за мен основното предимство и разлика на Page Builder Sandwich е, че го изградихме с целта да бъде „истински“ фронтенд конструктор на страници – преосмисляне на начина, по който редактирането директно на сайта трябва да изглежда.

  • Мобилна адаптивност в PBS версия 4.0

    Постигането на правилна мобилна адаптивност може да бъде наистина трудно, а когато човек сбърка, резултатите обикновено са ужасни. Всъщност, ако все още не сте чули, през април 2015 г. Google дори започна да наказва уебсайтовете, които не са оптимизирани за мобилни устройства. Накратко, мобилната адаптивност е от изключително значение.

    И така, какво представлява мобилната адаптивност?

    Един уебсайт се счита за адаптивен, когато съдържанието му има способността да се адаптира към различни размери на екрана и ориентации при разглеждане на устройства, различни от настолен компютър. Казано по-просто, ако сте преминали към PBS v4 и искате да проектирате или създадете страница, не би трябвало да имате проблеми с разглеждането ѝ, независимо дали сте на компютър, мобилен телефон или таблет.

    Адаптивност във версия 4.0

    В най-новата ни актуализация нашият екип се погрижи новата функция за мобилен изглед на PBS да осигури по-плавно и по-адаптивно изживяване като цяло: с текст, изображения и всякакво друго съдържание, което автоматично се адаптира към разделителната способност на екрана на вашето устройство.

    Сега всички заглавия се коригират автоматично според размера на екрана, така че да не се оказвате с огромни букви, когато преглеждате създадения с PBS сайт или страница на мобилни телефони. За да го демонстрираме малко по-ясно:

    Преглед на вашия сайт при различни размери на екрана

    За да гарантираме също така, че знаете как изглежда страницата ви на мобилни устройства, активирахме и мобилен изглед през настолен компютър. По този начин, ако искате да проверите дали страницата ви изглежда добре или не, не е нужно да преминавате през неудобството да превключвате физически от телефон (или таблет) към компютър. Сега можете просто да превключвате между различните размери на екрана по всяко време, докато проектирате страницата си.

    Освен това вече можете също така да коригирате отстоянията на вашите елементи специално за таблети и мобилни телефони.

    И така, какво мислите? „Да“ или „не“? Има ли други функции, които можем да подобрим по отношение на мобилните устройства? Споделете с нас в секцията за коментари по-долу!

  • Ексклузивна промоция на Cloudways за потребители на PBS!

    Ние си сътрудничим с Cloudways, една от най-страхотните управлявани платформи за облачен хостинг в мрежата. Ако все още не сте чували за тях, те се ползват с голямо доверие в общността на WordPress, доказвайки се като една от най-надеждните хостинг услуги. Те също така предлагат някои наистина страхотни функции, като множество облачни инфраструктури, множество центрове за данни и SSD хостинг, плюс клониране с 1 кликване, архивиране и възстановяване с 1 кликване и свързване на домейни с 1 кликване.

    Добрата новина е, че се обединихме с Cloudways, за да създадем ексклузивна промоция за почитателите на Page Builder Sandwich, които искат да изпробват Cloudways, или като комплимент за настоящите потребители на Cloudways! Просто въведете кода Просто въведете кода:

    CWPBS15

    ..за да получите $15 отстъпка, когато надстроите акаунта си в Cloudways. Тази оферта също така ви осигурява сървър с 1GB DigitalOcean в Cloudways за 1 месец. Това е чудесно предложение за тези, които искат да сменят хостинг доставчика си, или за тези, които искат да създадат нови уебсайтове или уеб приложения.

    Надяваме се да се насладите на тази промоция толкова, колкото ние се наслаждавахме на работата с Cloudways!

  • Page Builder Sandwich 2017: Ретроспекция на годината

    През 2017 г. започнахме да разширяваме възможностите на Page Builder Sandwich. Тази година беше огромен скок за нас и не бихме могли да бъдем по-щастливи.

    Получихме много обратна връзка и подкрепа от нашите потребители, както и от нашите приятели от WordPress. И благодарение на това успяхме да създадем нещо голямо, нещо, което ви позволява да създавате прекрасни неща заедно с нас.

    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

    Точно както при Parallax Scrolling, Page Builder Sandwich ви позволява да добавяте ефектни видео фонове чрез просто копиране и поставяне на връзки от Vimeo или YouTube, или ръчно качване на видеоклипове.

    Ken Burns Backgrounds

    Забелязвате ли как се показват архивните кадри в повечето документални филми? Как показват изображение на екрана, плавно приближавайки? Това се нарича ефект на Кен Бърнс. И да, Page Builder Sandwich пусна и него през 2017 г.

    Blank Page Template

    Искате да започнете на чисто? Page Builder Sandwich е помислил за вас. През 2017 г. пуснахме и шаблона за празна страница (Blank Page Template), който ви позволява да проектирате уебсайта си върху напълно празно платно.

    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

    2017 беше годината, в която въведохме мобилната адаптивност (Mobile Responsiveness) към списъка с нашите функции. Сега можете да преглеждате уебсайта си на мобилни устройства безпроблемно.

    All 800+ Google Fonts

    Дадохме ви възможността да добавите колорит и гъвкавост към уебсайта си с всички над 800 шрифта от 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 винаги е бил наистина лесен за употреба, наистина интуитивен и наистина front-end билдър за страници. Нашата визия да ви предоставим най-доброто изживяване при създаването на уеб страници се развива с всяка споделена от вас нужда.

    От вашите идеи изградихме нещо още по-добро за 2018 г.!

    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

    Нямаше да стигнем толкова далеч без вашата подкрепа, така че огромно, огромно благодаря на всички, които бяха до нас през тази 2017 г.! Наздраве за създаването на още по-невероятни неща през 2018 г. Ще се видим там!

    Поздрави,
    Екипът на Page Builder Sandwich

  • Какво представлява Page Builder и защо Front End има значение

    What-is-a-Page-Builder-and-Why-Front-End-MattersАко сте заклет блогър, за когото цялото създаване на съдържание се върти около писането на пълнометражни статии с някоя случайна илюстрация, тогава може би съществуващият TinyMCE редактор на съдържание е достатъчен за вашите нужди. Текущият набор от инструменти вече съдържа всичко необходимо за писане на статии – имате основни инструменти за форматиране на текст като получер, курсив, заглавия и т.н. Но това е горе-долу всичко.

    Няма удобни възможности за оформление

    Въпреки че можете да пишете статии с текущия TinyMCE редактор на съдържание, няма приличен начин да оформите съдържанието си, освен като една непрекъсната колона от текст. По подразбиране не можете да разпределите текста си в две или повече колони, нито можете да създавате секции със съдържание с различен цвят на фона. Ако искате други части от уебсайта ви, като целеви страници (landing pages) и страници за контакт, да бъдат уникални, ще ви трябват известни основни възможности за оформление.

    Други са се опитвали да заобиколят този проблем, използвайки функцията за кратки кодове (shortcodes) на WordPress. Накратко, кратките кодове позволяват вмъкването на фрагменти от код чрез използване на специални тагове. Има плъгини за WordPress, които въвеждат различни кратки кодове, които можете да използвате за създаване на съдържание в колони. Например, ще можете да оградите съдържанието си с множество тагове за колони, ако искате да го разположите в оформление с две колони. Въпреки че този метод „работи“, той не е визуално удобен, тъй като в крайна сметка, с добавянето на все повече съдържание, всичко би заприличало на огромна бъркотия.

    За да запълнят тази празнота в оформлението, бяха създадени конструкторите на страници (page builders).

    Page building blocks

    Конструкторите на страници правят създаването на структурирано съдържание лесно

    Конструкторите на страници ви дават допълнителни инструменти, които правят организирането на вашето съдържание в уникални оформления лесно. Обикновено конструкторите на страници премахват бекенд TinyMCE редактора на съдържание и го заменят (или допълват) с нов, който ще ви помогне да визуализирате съдържанието си. Ако не сте използвали бекенд конструктор на страници преди, представете си комплект от блокове, където всеки блок представлява тип съдържание: изображение, текст или кратък код. След това той ви позволява да ги плъзгате и пускате в различни оформления и колони.

    Освен оформлението, конструкторите на страници също така улесняват създаването и поставянето на кратки кодове. Преди можехте да виждате кратките кодове в целия им суров блясък. Виждате квадратните скоби заедно с всички атрибути и стойности, смесени във вашето съдържание. Конструкторите на страници обикновено добавят инструменти за създаване на кратки кодове – изскачащи диалогови прозорци, които правят избирането на атрибути за кратки кодове много по-удобно, отколкото простото им ръчно въвеждане.

    Фронтенд конструкторите на страници са бъдещето

    Въпреки че всичко това е по-добро изживяване за дизайнерите и създателите на съдържание, бекенд конструкторите на страници имат огромен присъщ проблем. Въпреки че можете да видите визуално представяне на това как би изглеждало съдържанието ви, това, което виждате, не е действителното ви съдържание. Това кара хората непрекъснато да проверяват предварителния преглед на страниците си, за да видят дали това, което правят, е правилно. Когато използвам бекенд конструктори на страници, аз лично натискам бутона за предварителен преглед поне 20 пъти, само за да проверя дали съдържанието ми е подравнено правилно или дали отстоянията ми са равномерно разпределени. Това е огромно, отнемащо време неудобство.

    За да се реши това неудобство, конструкторите на страници трябва да бъдат пренесени във фронтенда. Ако това бъде направено, тогава ще се елиминира елементът на отгатване при оформлението на страниците, тъй като ще можете да виждате резултатите си веднага.

    Към момента има много бекенд конструктори на страници и само шепа фронтенд конструктори на страници. Сред тази шепа е Page Builder Sandwich. Ако искате да научите повече за това какво прави Page Builder Sandwich уникален и защо е правилният инструмент за вас, прочетете статията Как Page Builder Sandwich се различава от останалите.