Page Builder Sandwich

Получить PBS Pro

Автор: Neil Lock

  • Как работает Page Builder Sandwich

    Как работает Page Builder SandwichВ этой статье дается краткий обзор того, как работает Page Builder Sandwich. Она предназначена для тех, кому интересно, как наш конструктор страниц интегрируется с различными элементами WordPress. Я не буду подробно останавливаться на отдельных функциях Page Builder Sandwich; если они вам интересны, перейдите на нашу страницу с видео, где мы демонстрируем каждую функцию отдельно в коротких скринкастах.

    Если вы хотите узнать, чем Page Builder Sandwich отличается от других конструкторов страниц, ознакомьтесь с нашей статьей Чем Page Builder Sandwich отличается от остальных.

    Где находится конструктор страниц?

    Где он находится? И что с его помощью можно редактировать?

    В отличие от многих других конструкторов страниц, Page Builder Sandwich работает во фронтенде вашего сайта. Если вы находитесь в панели управления, рядом с кнопками редактора контента есть кнопка «Frontend», которая перенаправит вас на фронтенд страницы.

    Page Builder Sandwich позволяет редактировать записи, страницы и контент произвольных типов записей. Однако он не позволяет напрямую редактировать сводные страницы записей блога и другие не являющиеся отдельными страницами разделы вашего сайта. Думайте об этом так: если то, что вы хотите отредактировать, имеет редактор контента в панели управления (как «Добавить запись» и «Добавить страницу»), то Page Builder Sandwich можно использовать. Вы можете редактировать отдельные страницы и записи блога, и, например, если у вас установлен плагин, добавляющий меню ресторана или элементы портфолио, их вы также сможете редактировать.

    Во фронтенде мы добавили синюю кнопку «Edit with Page Builder Sandwich» в панель администратора. Просто нажмите ее, чтобы начать редактирование страницы.

    Прямое редактирование контента

    С Page Builder Sandwich мы сделали редактирование контента максимально простым и безболезненным. Редактировать контент легко и понятно: просто нажмите и печатайте. Все настолько просто.

    Инспектор

    Представляем инспектор

    Мы заметили, что во многих конструкторах страниц используется огромное количество всплывающих окон. Лично мне не нравятся всплывающие окна, поскольку они отвлекают и фактически говорят: «Эй, остановись и заполни сначала эти поля». Они нарушают плавность и непрерывность процесса редактирования. Поэтому мы свели использование всплывающих окон к минимуму и вместо них создали инспектор.

    Инспектор — это область в виде боковой панели, в которой собраны все инструменты форматирования и макетирования, которые вам могут понадобиться. Инспектор можно закрепить слева или справа на экране, чтобы вам было удобно видеть редактируемый материал.

    С помощью инспектора можно настраивать различные свойства текста, такие как заголовки, размер шрифта, жирный шрифт, курсив, цвет текста и многое другое. Помимо этого, он позволяет добавлять изображения и создавать строки или колонки контента. Он также поддерживает более сложное редактирование: растягивание строк на всю ширину страницы, настройку цвета фона строк и колонок, вертикальное выравнивание контента, а также отступы и фоновые изображения. Это весьма мощный инструмент, и вы будете использовать его чаще всего.

    Интеграция с темами WordPress

    По своей природе Page Builder Sandwich практически не включает в себя собственных стилей. Когда вы редактируете контент, отображаемые стили в основном берутся из вашей темы.

    Интеграция с шорткодами

    Шорткоды — важная часть WordPress, и, скорее всего, вы будете использовать множество шорткодов на своем сайте. Page Builder Sandwich отлично с ними справляется: ваши шорткоды будут отображаться во фронтенде в уже отрендеренном виде. Шорткоды также остаются доступными для редактирования, и самое приятное — после внесения изменений они будут мгновенно перерисованы с учетом правок.

    Для удобства редактировать шорткоды можно с помощью инспектора. Если вам нужен более глубокий контроль, вы можете дважды щелкнуть по шорткоду, чтобы отредактировать его в исходном текстовом виде. Кроме того, все доступные на вашем сайте шорткоды перечислены в инспекторе для их легкого добавления в контент.

    Никакого лишнего кода

    Как насчет перегруженности сайта?

    Кому нравятся медленные сайты? Точно не нам, и уж тем более не вам. Мы позаботились о том, чтобы Page Builder Sandwich практически не влиял на производительность вашего сайта. Для неавторизованных пользователей подключаются лишь CSS-стили строк и колонок, а также необходимые JS- и CSS-скрипты для используемых шорткодов.

    Для разработчиков

    Если вы разработчик и используете шорткоды в своих плагинах WordPress, Page Builder Sandwich предоставляет Shortcode API, с помощью которого вы можете легко предоставить своим клиентам поля для простого создания и изменения ваших шорткодов.

    Если вы хотите дополнительно расширить возможности или интегрироваться с определенными частями Page Builder Sandwich, у нас также есть множество полезных хуков действий (actions) и фильтров (filters), которые вы можете использовать.

  • Эксклюзивный промокод Cloudways для пользователей PBS!

    Мы сотрудничаем с Cloudways, одной из самых потрясающих платформ управляемого облачного хостинга в сети. Если вы еще не слышали о них, они пользуются большим доверием в сообществе WordPress, зарекомендовав себя как один из самых надежных хостинг-сервисов. У них также есть отличные возможности, такие как поддержка нескольких облачных инфраструктур, множества дата-центров и SSD-хостинг, а также клонирование в 1 клик, резервное копирование и восстановление в 1 клик и привязка доменов в 1 клик.

    Хорошая новость заключается в том, что мы объединились с Cloudways, чтобы создать эксклюзивную промоакцию для поклонников Page Builder Sandwich, которые хотят попробовать Cloudways, или в качестве бонуса для существующих пользователей Cloudways! Просто введите код Просто введите код:

    CWPBS15

    ..чтобы получить $15 скидки при обновлении вашего аккаунта Cloudways. Это предложение также дает вам сервер 1GB DigitalOcean на Cloudways на 1 месяц. Это отличное предложение для тех, кто планирует сменить хостинг-провайдера, или для тех, кто хочет запустить новые веб-сайты или веб-приложения.

    Надеемся, вам понравится эта промоакция так же, как нам понравилось сотрудничать с Cloudways!

  • Что такое конструктор страниц и почему важен фронтенд

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

    Никаких удобных возможностей верстки

    Хотя вы можете писать статьи с помощью текущего редактора контента TinyMCE, у вас нет нормального способа скомпоновать контент иначе, кроме как единой сплошной колонкой текста. «Из коробки» нельзя разбить текст на две или более колонок, равно как и выделить секцию контента другим цветом фона. Если вы хотите, чтобы другие разделы вашего сайта, такие как целевые страницы и страницы контактов, выглядели уникально, вам понадобятся хотя бы базовые возможности верстки.

    Другие пытались обойти эту проблему с помощью шорткодов WordPress. Проще говоря, шорткоды позволяют вставлять фрагменты кода с помощью специальных тегов. Существуют плагины WordPress, добавляющие различные шорткоды, которые можно использовать для создания колоночного контента. Например, вы можете обернуть свой контент несколькими тегами колонок, если хотите разместить его в две колонки. Хотя этот метод и «работает», он визуально неудобен, поскольку со временем, по мере добавления контента, все превращается в огромную кашу.

    Чтобы заполнить этот пробел в верстке, и были созданы конструкторы страниц (page builders).

    Page building blocks

    Конструкторы страниц упрощают создание сверстанного контента

    Конструкторы страниц предоставляют дополнительные инструменты, благодаря которым можно легко компоновать контент в уникальные макеты. Обычно конструкторы страниц убирают бэкенд-редактор контента TinyMCE и заменяют его (или дополняют) новым, который помогает визуализировать ваш контент. Если вы раньше не пользовались бэкенд-конструктором страниц, представьте себе набор блоков, где каждый блок представляет собой определенный тип контента: изображение, текст или шорткод. Затем он позволяет перетаскивать их в различные макеты и колонки.

    Помимо верстки, конструкторы страниц также упрощают создание и размещение шорткодов. Раньше вам приходилось видеть шорткоды во всей их «сырой» красе. Вы видели квадратные скобки со всеми атрибутами и значениями прямо посреди текста. Конструкторы страниц обычно предлагают генераторы шорткодов — всплывающие окна, которые делают выбор атрибутов шорткода гораздо более удобным, чем их ручной ввод.

    Фронтенд-конструкторы страниц — это будущее

    Хотя все это значительно упрощает жизнь дизайнерам и создателям контента, бэкенд-конструкторы страниц имеют один огромный врожденный недостаток. Хотя вы и видите визуальное представление того, как может выглядеть ваш контент, перед вами не сам реальный контент. Из-за этого людям приходится постоянно нажимать предпросмотр страниц, чтобы проверить, правильно ли все отображается. При использовании бэкенд-конструкторов страниц я лично нажимаю кнопку предварительного просмотра раз 20 просто для того, чтобы убедиться, что контент выровнен правильно или что отступы распределены равномерно. Это отнимает уйму времени и очень раздражает.

    Чтобы решить эту проблему, конструкторы страниц должны быть перенесены во фронтенд. В таком случае отпадет необходимость гадать при верстке страницы, так как вы сразу же будете видеть результат.

    На данный момент существует множество бэкенд-конструкторов страниц и лишь считанные единицы фронтенд-конструкторов. Среди этой горстки — Page Builder Sandwich. Если вы хотите узнать больше о том, что делает Page Builder Sandwich уникальным и почему это подходящий инструмент для вас, прочитайте статью How Page Builder Sandwich Is Different from the Rest.

  • 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

    Как и в случае с параллакс-скроллингом, 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 году мы пополнили список наших функций адаптивностью для мобильных устройств. Теперь вы можете без проблем просматривать свой сайт на мобильных телефонах.

    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 стал по-настоящему удобным, по-настоящему интуитивным и истинно визуальным конструктором страниц. Наше стремление предоставить вам лучший опыт создания веб-страниц растет по мере того, как вы делитесь своими потребностями.

    Опираясь на ваши идеи, мы создали нечто еще лучше для 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

  • Очень скоро мы выпустим кое-что грандиозное.

    In a few short months, we’ll be relaunching as Frontly Builder.

    На данный момент проект все еще находится в активной разработке. Но даже несмотря на это, нам не терпится показать вам, над чем мы работали. Здесь мы расскажем о том, почему мы совершаем этот переход, чем Frontly будет отличаться от PBS и на что вам стоит обратить внимание.

    От Page Builder Sandwich к Frontly Builder

    Before the idea of Sandwich, we noticed a little pattern with page builders everywhere: A lot of them were difficult to use.

    For example, some of these builders would have you go through numerous pop-ups and other settings if you want to add something as simple as an image, a row, a button.

    And if you wanted to change a column’s settings, clicking on the edit button takes you to yet another pop-up that requires you to input settings like size and margins through dropdown options that aren’t very flexible.

    It was frustrating because we knew that page builders should exist to make things easier for users, not the other way around.

    Other wordpress page builders
    Other WordPress Page Builders

    This is how we came up with Page Builder Sandwich.

    We wanted to introduce a builder that was going to maximize users’ experience when creating webpages, allowing them to create awesome things the fast and easy way.

    We received lots of great feedback that allowed Sandwich to evolve. And the more our audience grew, the more suggestions we received on how we could further improve the plugin.

    We were in a state of constant development, and we loved it.

    Page Builder Sandwich has true front-end power, and so will Frontly Builder.

    Новое определение того, что значит работать на НАСТОЯЩЕМ фронтенде

    Sandwich эволюционировал непрерывно.

    Apart from the feedback (both negative— things we could work on; and positive ones— which we knew we had to retain), Sandwich’s capacity to grow increased, too. We kept finding more and more ideas and solutions to further improve PBS.

    And the more wants and needs from PBS arose, the more our code’s main foundation got tweaked.

    Представьте себе настоящий сэндвич со всеми вашими любимыми начинками.

    Конечно, он был бы безумно вкусным, но как он поместится во рту? Как он выполнит свое главное предназначение — быть съеденным?

    This is kind of what happened with PBS. We realized that so much more could be done with it with an even more efficient, stronger foundation. That we could take it further.

    Как мы уже упоминали, Page Builder Sandwich находится в постоянном процессе эволюции.

    Frontly is the next step to that evolution.

    You’ll still get an awesome support team, theme and plugin compatibility, and more.

    LIKE US ON FACEBOOK to see the logo!

    Это не прощание с Page Builder Sandwich.

    It’s a hello to Frontly.

    So what makes Frontly different from Page Builder Sandwich?

    We’ve been working really hard to maximize Frontly’s development. The goal now is to make it an insanely better version of PBS — to embody what it means to operate on true front-end.

    Right now, we’re focusing on further improving Frontly’s UX and UI. We’ve worked on giving it a smoother look, a more user-friendly experience, and features that’ll let you build professional-looking websites in even less effort and less time.

    Questions on Frontly?

    We have a short FAQ post you can check out. Add a comment below so we can add your questions to our list!

    Релиз уже совсем скоро.

    While we’re crazy excited to show you guys what we’ve come up with, we wanna make sure everything is just right for you. So leave us your email to get first dibs on updates, tips and trick, and big promos on the release date.

    We are relaunching as Frontly Builder.

    Leave your email so you don’t miss out.

     

  • Страницы и плагины: максимальное использование возможностей WordPress

    pages-and-plugins-maximizing-your-wordpress-experience

    Некоторым возможностям WordPress (особенно наиболее сложным) новым пользователям может потребоваться время, чтобы привыкнуть. И если вы являетесь одним из таких новичков, замысловатый жаргон WordPress может вызвать у вас чувство растерянности, особенно при почти неизбежном ощущении информационной перегрузки. Кошмар.

    Если вы относитесь к этой категории пользователей WordPress, мы просим вас не переживать; хорошая новость в том, что статус новичка в WordPress вовсе не означает ограниченные возможности работы с ним. Такой ход мыслей — распространенное заблуждение, свойственное многим, и мы призываем вас не совершать эту ошибку.

    По правде говоря, вам вовсе не обязательно глубоко разбираться во внутреннем устройстве программного обеспечения и коде, чтобы начать создавать сайт — или настроить его работу так, как вам нужно. «Как такое возможно?» — спросите вы. Что ж, один из способов добиться этого — создание страниц на вашем сайте и добавление плагинов.

    WordPress одновременно сложен и удобен, и во многих наших статьях для начинающих мы подробно об этом рассказывали. Ранее мы также обсуждали, как плагины способствуют гибкости и возможностям кастомизации WordPress и как они позволяют пользователям получить максимум от работы с WordPress. И хотя понимание важности плагинов играет ключевую роль на вашем пути создания сайта, базовые элементы WordPress, такие как страницы, также обеспечат вам отличный старт.

    20160824_Una_PBS_Article_2

    Разница между страницами и записями

    В мире WordPress термин «страница» почти всегда ассоциируется с термином «запись» — как в словосочетании «страницы и записи» — и порой их ошибочно считают взаимозаменяемыми. Действительно, в них легко запутаться (особенно если вы все еще делаете первые шаги в качестве новичка в WordPress). Поэтому имейте в виду: хотя эти вещи могут казаться банальными, всегда полезно разобраться во всех тонкостях WordPress, особенно если вы только начинаете.

    Простой способ отличить записи от страниц: записи — это отдельные публикации, которые вы создаете на своем сайте (например, статья, которую вы сейчас читаете, — это как раз запись). Такие публикации не всегда обязательны для веб-сайтов, если только у вас нет активного блога, как у нас. Однако то, что действительно может быть важнейшим элементом вашего сайта — это создание страниц, чему и будет в большей степени посвящена эта статья.

    Страницы — это строительные блоки

    Если только вы никогда раньше не подходили к компьютеру (что, как мы полагаем, маловероятно), скорее всего, вы уже видели веб-страницы или слышали о них, либо имеете общее представление о том, что это такое. Если же нет — не волнуйтесь; вы наверняка сталкивались со страницами при посещении других сайтов: разделы FAQ и/или «О нас», формы обратной связи и фотогалереи. Для новичков и только что созданных сайтов страницы в некотором смысле подобны строительным блокам. Собранные воедино, они составляют основу того, о чем ваш сайт и что он предлагает.

    Итак, понимать эти базовые различия — это прекрасно. Но в сочетании с базовыми знаниями о плагинах вы получаете идеальную возможность применить полученные знания о страницах WordPress на практике, даже будучи новичком. Вопрос лишь в том, как именно.

    20160824_Una_PBS_Article_1

    Используем с пользой: базовые плагины, которые вы можете установить

    На базовом сайте WordPress создавать страницы действительно просто. Вам нужно лишь немного освоиться, прочитать пару инструкций, нажать несколько кнопок — и все готово. Однако, если вам нужно нечто большее, придется установить пару плагинов.

    1. SEO-плагины (поисковая оптимизация)

    Сделать так, чтобы ваш сайт заметили, довольно сложно, а распространить информацию о нем — еще сложнее. Поверьте. Вот почему небольшая помощь от SEO-плагинов крайне важна для повышения позиций вашего сайта в поисковой выдаче.

    Здесь, в Sandwich, мы используем Yoast, который часто называют ведущим SEO-плагином на современном рынке. Впрочем, есть множество других вариантов на выбор, и существует немало ресурсов (таких как SitePoint), где сравниваются различные SEO-плагины, если вы хотите взвесить все «за» и «против».

    1. Плагины для резервного копирования

    Резервное копирование — одна из важнейших мер предосторожности при создании сайта; осторожность никогда не бывает лишней. В конце концов, лучше потратить несколько минут (или часов, в зависимости от вашего опыта) на настройку надежного плагина для бэкапа, чем целую вечность настраивать сайт заново, если ваши данные случайно будут удалены.

    1. Плагины безопасности

    Мир жесток, даже на просторах всемирной паутины. Злоумышленники могут захотеть украсть ваши данные или даже взломать сайт, помимо всего прочего. Поэтому для спокойствия всегда полезно установить плагин безопасности вместе с плагином резервного копирования. Мы используем VaultPress как для бэкапов, так и для защиты.

    1. Антиспам-плагины

    Никто не любит спам, если только речь не о еде. Вкуснотища.

    Но если оставить в стороне популярные мясные консервы, существует масса способов, которыми нежелательный спам может проникнуть на ваш сайт WordPress. Как отмечает WPExplorer, хотя WordPress можно вручную настроить для предотвращения спама, вы также можете выбрать более быстрое решение: установить антиспам-плагин для своего сайта.

    1. Кэширование

    Установка плагина кэширования — верный способ повысить скорость работы сайта и сервера. Мы уже некоторое время используем WP Fastest Cache, но есть и множество других проверенных плагинов кэширования с высоким рейтингом — например, W3 Total Cache — которые вы также можете протестировать.

    Подробнее о кэшировании можно узнать на сайте WordPress Codex.

    ИНТЕРЕСНЫЙ ФАКТ: слово Cache произносится как ˈkash («кэш»), а не kashè («каше»)

    Дополнительные плагины для ваших страниц

    1. Плагин контактной формы

    Как владелец сайта, вы несете ответственность за ответы на вопросы посетителей и реакцию на их предложения. Поэтому в определенный момент после создания сайта им может потребоваться связаться с вами; именно для этого и предназначены плагины контактных форм. Хотя форму обратной связи для своего сайта можно создать и с нуля, стоит признать, что порой это не совсем практично, ведь на это определенно уйдет немало времени, особенно если вы новичок.

    У WPBeginner есть список лучших, по их оценке, плагинов контактных форм на рынке, а у Site Point есть похожая статья о плагинах, доступных бесплатно.

    2. Плагин для социальных сетей

    Если только на ваш ресурс не стекаются толпы посетителей, распространять контент сайта (например, статьи), надо признать, непросто. Вот почему периодически возникает необходимость в плагине для социальных сетей. Скорее всего, если аудитория сочтет ваш контент достаточно интересным, читатели захотят поделиться им со своими друзьями в социальных сетях.

    3. Инструменты комментирования / Disqus

    Как мы уже упоминали, общение с аудиторией обязательно, особенно если основа контента вашего сайта — тематические статьи. Знакомство со своей аудиторией также дает вам преимущество: вы можете использовать любые отзывы для улучшения своего сайта и/или продуктов.

    Disqus — крайне популярный инструмент для комментариев и один из лидеров рынка. У ресурса Kikolani также есть очень полезная статья, которая может помочь вам решить, какой инструмент комментариев лучше всего подойдет для вашего сайта.

    Плагинов гораздо больше, чем вы думаете

    Список плагинов, доступных для сайтов на WordPress, вовсе не ограничивается этой статьей. Это лишь немногие из тех, которые мы находим крайне полезными; вселенная плагинов WordPress определенно насчитывает куда больше восьми упомянутых нами вариантов.

    При этом мы наверняка охватили далеко не всё. Может быть, вы знаете плагин, который обязательно должен быть в этом списке? Расскажите нам о нем в комментариях ниже, и мы вполне можем включить ваши предложения в одну из наших будущих статей!

    Удачного создания сайтов!

  • #PBSUpdate: Полностраничные тематические шаблоны

    PBS Version 4.0 has been our biggest update yet, and with its release, we’ve included a new game-changing feature, the Full Page, Niche-Based Templates.

    The Full Page Templates are a set of 10 professionally designed, niche-based templates. They’re ready to use upon downloading PBS, and can be used as is, or may be tweaked to fit your taste.

    Use as a Starting Point for Your Page

    Использование шаблонов — один из самых эффективных способов создания веб-страниц. Их часто предлагают в качестве быстрого решения проблем с дизайном и макетом сайта, предоставляя пользователю выбор из нескольких вариантов (обычно различной тематики). С выходом обновления до версии 4.0 Page Builder Sandwich наконец выпустил собственный набор шаблонов.

    A screenshot of one of our templates, the PBS Farm Template

    The Benefits

    Полностраничные шаблоны PBS созданы для того, чтобы избавить вас от необходимости разрабатывать веб-страницу с нуля. Каждый шаблон ориентирован на определенную нишу и содержит элементы, подходящие для конкретной сферы деятельности. Например, шаблон Hotel включает такие функции, как карта Google, контактная форма и разделы, предназначенные для демонстрации удобств вашего отеля. Шаблон Fashion, с другой стороны, содержит карусель, где вы можете продемонстрировать свои новинки с указанием цен под ними.

    Tweak, Tweak, Tweak

    Поскольку шаблоны уже готовы, они также упрощают процесс создания страниц, экономя время и ресурсы. Но если выбранный шаблон не содержит функции, которая может вам понадобиться (например, если вы хотите заголовок первого экрана с видеофоном для шаблона Industrial), не стоит беспокоиться. Вы можете легко изменить дизайн шаблона в соответствии со своими вкусами и потребностями, настроив свойства элементов прямо в PBS.

    A section of the PBS Farm Template with tweaked colors and different photo that may cater to a different niche

    The 10 templates we currently have available (we’ll be releasing more soon!) are themed according to the following common niches and industries:

    1. Hotel Template

    • For hotels, spas, or similar business.
    • Includes video background hero header, carousel testimonials, contact form, Google Map, and more.

    2. Law/Corporate Template

    • For law firms and other corporate businesses.
    • Includes about us section, carousel testimonials, meet the team section, and more.

    3. Fashion Template

    • Use for online clothing stores and other e-commerce sites. Includes featured products carousel, call–to–action buttons, latest blogpost previews, and more.
    • Includes featured products carousel, call–to–action buttons, latest blogpost previews, and more.

    4. Farm Template

    • Ideal for subscription e–commerce sites.
    • Includes promo header, call–to–action buttons, subscription plan sections, and more.

    5. Restaurant Template

    • Perfect for restaurants and other delivery service businesses.
    • Includes hero header with space for delivery numbers, menu section, business hours section, and more.

    6. Concert Template

    • Ideal for concerts and other big events or gatherings.
    • Includes countdown, video background, affiliates section, prices section, subscription button, and more.

    7. Forum Template

    • Use for communities, small organizations, and more.Includes call-to-action buttons, about section, count up, meet the team section, and more.
    • Includes call-to-action buttons, about section, count up, meet the team section, and more.

    8. Portfolio Template

    • For photography or art portfolios, and more.
    • Includes iconified skillset section, gallery, social media buttons, and more.

    9. Industrial Template

    • Use for industrial or manufacturing businesses, and more.
    • Includes hero header with video background, about us/featured product sections, carousel testimonials, and more.

    10. Wedding Template

    • Perfect for weddings and other small intimate events.
    • Includes hero header with video background, photo gallery, RSVP section, Google Map, and more.

    Some samples of PBS’ Full Page Templates: the Law, Forum, and Hotel Templates

    The Future of Full Page Templates

    Хотя на данный момент у нас доступно 10 шаблонов, мы работаем над созданием новых. Конечно, мы хотим охватить все популярные ниши и отрасли, но если у вас есть предложения, обязательно напишите нам.

    Удачного создания сайтов!

  • Frontly Builder: Часто задаваемые вопросы

    A few months ago, we announced the launch Frontly Builder, a bigger, better front-end page builder with increased performance and awesome new stuff. Think of it as a new and improved version of Page Builder Sandwich.

    Работа еще идет, но релиз состоится совсем скоро. А пока мы уверены, что у вас есть вопросы о Frontly. Поэтому держите короткий FAQ для всех!

    What will happen to my PBS-run site?/Will I lose everything I’ve built using PBS?/Will the Frontly update destroy my website?

    • No, definitely not! Everything you’ve made using Page Builder Sandwich will remain intact, and nothing will change.

    I purchased Page Builder Sandwich before the Frontly release. What do I do?

    • The only thing you have to do is… nothing. For current PBS users, Frontly will be released as an “update”. You’ll just be upgraded to a “better” version of PBS- Frontly.

    Will I have to repurchase Frontly?

    • No. If you’ve purchased PBS before the Frontly release, you don’t need to purchase anything. As mentioned, everything will be released as an “update” for old users, so you won’t have to lift a finger or shell anything out- we’ve sorted everything out for you guys. ?

    На этом пока все! Если у вас есть еще вопросы, оставьте комментарий ниже, чтобы мы могли дополнить этот список FAQ.

    Надеемся, вы ждете Frontly с таким же нетерпением, как и мы! До встречи там. ?

    Оставьте свой email, чтобы первыми получать обновления!

  • Как добавить эффект параллакса, видеофон и эффект Кена Бёрнса

    В Page Builder Sandwich есть функция, которую мы обычно называем эффектными фоновыми эффектами (Fancy Background Effects). Их всего три: эффект параллакса, видеофоны и эффект Кена Бёрнса.

    What are the different Fancy Background Effects?

    Эффектные фоновые эффекты в PBS дают вашему сайту импульс, необходимый для привлечения посетителей. Это верный способ привлечь внимание, который при правильном применении может обеспечить впечатляющие результаты в увеличении посещаемости сайта.

    Эффект параллакса

    Применение эффекта параллакса на вашей странице придает фону ощущение глубины, позволяя определенным элементам вашего сайта «выделяться» при прокрутке. Вот пример страницы с фоном с параллаксом и без него.

    With Parallax Scrolling

    The background image scrolls at a different rate as the rest of the elements in the page.

    Without Parallax Scrolling

    The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

    Video Backgrounds

    Видеофоны позволяют размещать на фоне зацикленные видеоролики вместо статичных изображений. Отличная особенность видеофонов в PBS заключается в том, что вы можете просто вставить нужную ссылку на YouTube или Vimeo по запросу, и мы превратим ее в видеофон для вас. Вы также можете загружать для этого и свои собственные видео.

    Несколько примеров видеофонов, с которыми вы можете ознакомиться:

    The Ken Burns Effect

    Ken Burns, who popularized the Ken Burns effect in film.

    In documentaries, do you ever notice when they show photos that slowly zoom into detail? That’s called the Ken Burns Effect. You can access these effects on Page Builder Sandwich, too.

    How do I add the Fancy Background Effects?

    Вы можете найти все эффектные фоновые эффекты, выполнив следующие шаги:

    Step 1: Choose a row you’d like to add an effect on. Click on this row’s settings button (the gear icon on the left). This will open the Properties Inspector.

    Step 2: Once the Properties Inspector pops up, scroll down a bit until you find the option called “Fancy Background Effects”.

    Step 3: Once you’ve found it, you’ll see that you can click a dropdown button and select which background effect you’d like on your row.

    Step 4: Depending on which Fancy Background Effect you choose, you can adjust each effect’s settings. For example, for the Parallax effect, you can adjust its height and position.

    И все готово! После этого вы должны увидеть, как ваши эффектные фоновые эффекты предстанут на вашем сайте во всей красе.

    Have you used PBS’ Fancy Backgrounds yet?

    Хотите предложить нам добавить какие-либо другие фоновые эффекты в наш функционал? Или показать нам свой сайт, созданный в PBS с использованием одного из этих эффектов? Напишите нам об этом в комментариях ниже!

  • Параллакс-скроллинг: что это такое?

    The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.

    Что такое параллакс-скроллинг

    Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.

    Without Parallax Scrolling

    The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

    With Parallax Scrolling

    The background image scrolls at a different rate as the rest of the elements in the page.

    Влияние параллакс-скроллинга на пользователей

    Впрочем, эта техника не нова: она использовалась в традиционной анимации еще в 1920-х годах. Ее также применяли во многих классических видеоиграх, например в Super Mario brothers.

    Однако в сфере веб-дизайна компанию Nike часто называют одной из первых, кто применил параллакс-скроллинг в 2011 году. С тех пор термин «параллакс-скроллинг» (иногда называемый «параллакс-фоном») стал привычным понятием как среди дизайнеров, так и среди разработчиков, неуклонно набирая популярность.

    Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move
    in slightly varying speeds, as compared to Mario and the other characters in the foreground.

    В чем польза для пользователя

    Прелесть этого эффекта в том, что он побуждает пользователей взаимодействовать с вашим сайтом, повышая как вовлеченность, так и привлекательность. И если все сделано правильно, параллакс-скроллинг способен вдохнуть жизнь даже в самый простой веб-сайт. Его можно использовать даже для создания впечатляющих историй, которые моментально захватывают внимание всех посетителей сайта.

    Поделитесь своей работой с нами!

    Итак, что вы думаете? Вы уже использовали новую функцию параллакс-фона из PBS v4? Оправдала ли она ваши ожидания? Делитесь ссылками на свои работы или оставляйте предложения в комментариях ниже.

    Удачного создания сайтов!