Привет всем. Я рад представить приглашенного автора и друга Джо Касабону. Джо был достаточно щедр, чтобы поделиться этим уроком из своего курса «Начинаем работу с Beaver Builder».

Это предварительный просмотр курса WP за один месяц«Начало работы с Beaver Builder».

Одним из преимуществ Beaver Builder является то, что он дает вам полный контроль над контентом вашего веб-сайта.

Однако есть один барьер, который может создать ограничения: ваша тема.

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

Это означает, что выбор правильной темы для вашего веб-сайта Beaver Builder является ключевым моментом. В этом посте мы поговорим о том, как это сделать. Давайте приступим к работе!

Почему тема вашего сайта имеет решающее значение

WordPress — потрясающая платформа именно потому, что основное программное обеспечение остается минимальным. По умолчанию включены только самые важные функции.

Это позволяет вам полностью настроить свой веб-сайт, выбрав идеальное сочетание темы и плагинов.

Если вы не используете конструктор страниц, тема вашего сайта во многом будет определять, как он выглядит и как он расположен.

Конечно, такой инструмент, как Beaver Builder, позволяет вам настроить стиль и макет вашего контента, что на первый взгляд может показаться, что ваша тема менее важна.

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

Как Beaver Builder взаимодействует с темой вашего сайта

Прежде чем вы сможете выбрать тему, которая хорошо работает вместе с Beaver Builder, полезно понять, как работает наш конструктор страниц.

Таким образом, вы сможете определить, позволяет ли рассматриваемая вами тема в полной мере воспользоваться ее функциональностью.

Короче говоря, Beaver Builder позволяет вам настраивать или полностью перерабатывать все, что вы можете изменить, с помощью редактора WordPress по умолчанию.

На более техническом уровне он заменяет все, что добавляется через тег шаблонаthe_content().

Хотя вы сможете использовать Beaver Builder с любой темой, некоторые могут ограничивать возможности настройки. Давайте посмотрим на пример с использованием Twenty Sixteen.

На этом первом снимке экрана вы увидите страницу с базовым содержимым, созданную с помощью редактора WordPress по умолчанию:

Вот та же страница, измененная с помощью Beaver Builder. Редактируемая часть страницы обведена красным:

Как видите, на самом деле редактируется только небольшая часть страницы. Такие элементы, как заголовок и боковая панель, нельзя удалить, переместить или настроить.

Это означает, что вы не сможете в полной мере воспользоваться потенциалом Beaver Builder при использовании Twenty Sixteen.

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

Другими словами, ваша тема обеспечивает основу, которая может помочь вам создать веб-сайт вашей мечты или сдержать вас.

Если вы планируете использовать Beaver Builder, ваша тема должна предоставить вам как можно больше места для работы.

Как выбрать правильную тему для вашего сайта Beaver Builder (3 основных совета)

Технически говоря, вы можете использовать любую тему вместе с Beaver Builder. Однако, как мы надеемся, к этому моменту мы уже поняли, вам нужно будет тщательно выбирать тему, если вы хотите избежать ограничений и разочарований.

Вот несколько лучших способов сделать это.

1. Ищите тему, которая предлагает максимальную гибкость.

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

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

Лучше всего выбрать минималистическую или урезанную тему и позволить Beaver Builder взять на себя тяжелую работу.

Таким образом, вам будет легче создавать что-то уникальное, а не ограничиваться особым внешним видом вашей темы.

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

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

Это может быть макет темы по умолчанию или опция, предоставляемая конкретным шаблоном:

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

Аналогично, тема, которая позволяет полностью исключить такие аспекты, как боковые панели, позволит вам вместо этого создать свою собственную с помощью Beaver Builder.

2. Выберите тему с настраиваемыми элементами верхнего и нижнего колонтитула.

Одной из отличительных черт Beaver Builder является то, что он обеспечивает невероятно гибкий контент. Это не ограничивается только тем, что находится на ваших страницах и в сообщениях или даже на боковой панели.

С помощью нашего плагина Beaver Themer вы также можете иметь такой же уровень контроля над верхним и нижним колонтитулом вашего сайта.

Это то, что допускают не все конструкторы страниц, что делает Beaver Builder уникально ценным инструментом.

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

Однако Beaver Builder позволяет создать целостный вид всего вашего сайта.

Опять же, это возможно только с темой, которая дает вам контроль над дизайном верхних и нижних колонтитулов.

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

3. Рассмотрите другие достоинства темы

До сих пор мы фокусировались на том, как выбрать тему, которая хорошо сочетается с Beaver Builder. Это, конечно, важно, но это еще не все.

В конце концов, тема, которая допускает максимальную настройку, но в остальном является некачественной или устаревшей, не принесет вашему сайту никакой пользы.

Это означает, что при выборе темы вам также следует обратить внимание на некоторые ключевые критерии, такие как:

• Дизайн и функциональность.Когда вы создаете веб-сайт для определенной ниши или варианта использования, вам необходимо подумать, имеет ли ваша тема соответствующий стиль и функции.
• Отзывы и рейтинги.Это может многое рассказать вам о качестве темы и предупредить о проблемах, с которыми столкнулись другие пользователи.
• Регулярные обновления.Качественная тема часто обновляется, чтобы обеспечить ее совместимость с WordPress и защитить от угроз безопасности. Как правило, вам следует игнорировать любую тему, не обновлявшуюся в течение последних шести месяцев.
• Скорость страницы.Ваша тема может оказать существенное влияние на производительность вашего сайта. Если можете, установите тему на тестовом сайте и убедитесь, что она не замедляет работу ваших страниц.

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

Естественно, вам также захочется поэкспериментировать с этой темой в сочетании с Beaver Builder. Попробуйте использовать его для создания нескольких страниц и посмотрите, какие проблемы или разочарования возникнут.

Часто потенциальные проблемы с темой проявляются только после того, как вы начинаете использовать ее всерьез.

4 отличных темы для пользователей Beaver Builder

Ни одна тема не подходит для каждого варианта использования, и мы рекомендуем вам изучить все варианты, как бесплатные, так и платные. Однако, если вы не знаете, с чего начать, вот несколько сильных соперников, которые хорошо работают вместе с Beaver Builder.

1.Платформа компоновщика страниц

Page Builder Framework — это легкая тема, созданная для максимальной производительности. Это означает, что он не загроможден отвлекающими элементами, которые вам придется настроить или удалить.

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

Ключевые особенности:

• Имеет легкий вес и улучшенную производительность.
• Создан для бесперебойной работы с Beaver Builder и другими конструкторами страниц.
• Предоставляет множество возможностей настройки

Цена:бесплатно, премиум-версия стоит от 58 долларов.

2.Создать Пресс

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

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

Ключевые особенности:

• Добавляет минимальный объем на ваш сайт, чтобы поддерживать высокую производительность.
• Предлагает различные области виджетов, места навигации, макеты боковой панели и параметры меню для максимального потенциала настройки.
• Полностью адаптивный и переведен более чем на 25 языков.

Цена:базовая версия бесплатна, премиум-версия стоит 49,95 долларов США.

3.Астра

Астра — еще одна чрезвычайно популярная тема, и на это есть веские причины. Он одновременно легкий и настраиваемый, а это означает, что он служит прочной основой для многих типов сайтов.

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

Ключевые особенности:

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

Цены:существует бесплатная версия, но для использования с Beaver Builder рекомендуется премиум-версия (от 41 доллара США).

4.Структура Бытия

И последнее, но не менее важное: Genesis Framework — не совсем традиционная тема. Как следует из названия, его цель — предоставить вам базовую основу для создания вашего веб-сайта. С этой целью он сводит все к минимуму, предоставляя простую структуру вместе с некоторыми надежными инструментами настройки.

Вы можете вносить изменения, используя встроенные параметры темы, или комбинировать эту платформу с Beaver Builder для создания совершенно уникальных веб-сайтов. Genesis Framework — популярный вариант для разработчиков и может стать отличной отправной точкой для тех, кто только начинает работать в этой отрасли.

Ключевые особенности:

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

Цены:Genesis Framework — это премиум-вариант, стоимость которого начинается от 59,95 долларов США.

Специальная тема Beaver Builder

Конечно, мы еще не упомянули лучшую тему для использования с Beaver Builder — специальная тема Beaver Builder входит в стандартную комплектацию всех наших премиальных планов: Starter, Professional и Unlimited:

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

В отличие от Genesis Framework, тема Beaver Builder спроектирована так, чтобы быть максимально упрощенной и незагроможденной.

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

Тема Beaver Builder также легка, оптимизирована для SEO и настроена для бесперебойной работы вместе с WooCommerce.

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

Однако, если вызнакомыс кодом, тема Beaver Builder учитывает и это. Он позволяет вам использовать собственный CSS для изменения вашего сайта и предоставляет множество удобных для разработчиков крючков, фильтров и документации. Таким образом, эта тема является лучшим вариантом как для новичков, так и для профессионалов.

Заключение

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

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

Есть ли у вас любимая тема, совместимая с Beaver Builder, о которой мы не упомянули? Расскажите нам об этом в разделе комментариев ниже!

О Джозефе Касабоне

Джо Касабона — фронтенд-разработчик, который много работает с WordPress. В 2014 году он написал книгу «Отзывчивый дизайн с WordPress», разработал курсы WordPress в WP за один месяц и разработал аккредитованный курс по темам WordPress. Он также ведет подкаст «Как я это построил».