Обзор iThemes Builder: конструктор сайтов WordPress с более чем 90 дочерними темами

Builder — это тема WordPress от команды iThemes. Однако, в отличие от большинства премиальных тем WordPress, Builder дает вам возможность создавать собственные макеты для вашего веб-сайта WordPress.

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

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

Все эти функции в совокупности делают iThemes Builder мощным инструментом для создания веб-сайтов WordPress, который можно использовать вместе с любой из 90+ дочерних тем, доступных для него.

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

Особенности и возможности iThemes Builder

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

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

Редактор макетов

Layout Engine или Layout Editor — один из основных компонентов Builder. Эта часть темы позволяет вам создавать неограниченное количество пользовательских макетов для страниц, составляющих ваш сайт. При создании нового поста или страницы вы можете выбрать, какой макет вы хотите применить к нему, из недавно добавленного окна меню Custom Builder Layout.

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

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

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

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

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

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

Когда вы добавляете модуль в свой макет, отображается набор параметров и настроек, характерных для этого модуля. Эти настройки дают вам возможность настроить, как этот модуль будет отображаться и что он будет содержать. Список модулей короче, чем у некоторых других современных плагинов для сборки WordPress, таких как Make Plus или Thrive Builder, но он охватывает все наиболее полезные опции.

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

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

Просмотры

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

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

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

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

Строительные блоки

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

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

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

Затем блоки позволяют публиковать информацию о ваших сотрудниках, предстоящих событиях, меню ресторана или аудиозаписи, в зависимости от типа веб-сайта, который вы создаете.

Менеджер стилей

Инструмент «Менеджер стилей» дает вам возможность настроить внешний вид вашего веб-сайта . Это охватывает такие элементы, как свойства фона, шрифты, стили ссылок, заголовки, навигация, нижний колонтитул, заголовок, области содержимого и многое другое.

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

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

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

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

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

Затем вы можете создавать дополнительные стили и применять их к вашим индивидуальным макетам по мере необходимости.

Эта функциональность добавляется на ваш сайт с помощью плагина Style Manager, который входит в пакет Builder.

Дочерние темы строителя

На момент написания статьи существует более 90 тем, которые работают вместе с Builder. Эти дочерние темы применяют свой собственный уникальный дизайн к вашему веб-сайту, а затем функциональность Builder позволяет вам настроить их в соответствии с вашими потребностями.

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

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

Андерсон — дочерняя тема, использованная в этом обзоре. Это хороший выбор для всех, кто хочет продвигать свои услуги в Интернете , будь то фрилансер или бизнес. Тема включает в себя настраиваемые стили Exchange, поэтому добавление онлайн-корзины покупок на ваш веб-сайт не является проблемой.

В зависимости от выбранного вами тарифного плана вы получите доступ ко всем дочерним темам Builder или только к одному из начальных дизайнов.

Обзор iThemes Builder: пользовательский опыт

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

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

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

Инструмент « Менеджер стилей» предоставляет вам визуальный интерфейс с предварительным просмотром в реальном времени, который упрощает изменение многих параметров внешнего вида вашего сайта без необходимости самостоятельного редактирования какого-либо базового CSS.

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

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

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

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

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

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

Поддержка и документация

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

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

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

Варианты ценообразования iThemes Builder

iThemes Builder доступен в трех тарифных планах:

• Фонд: $80
• Разработчик: $150
• Полный доступ: $197

Планы Developer и All Access включают все дочерние темы Builder, а также все, что выпущено в течение 12 месяцев после того, как вы сделали покупку. Все планы включают один год поддержки и обновлений.

Полную информацию вы можете посмотреть на странице тарифных планов.

iThemes также создали пакет Toolkit, который включает в себя доступ ко всем их 200 темам, 36 плагинам, 500 часам учебных материалов и другим премиальным услугам. Это здорово, если вы хотите получить все необходимое в одном пакете, чтобы начать предлагать клиентам профессиональные услуги веб-дизайна WordPress.

Заключение по обзору iThemes Builder

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

Диспетчер стилей работает хорошо и позволяет легко настраивать многие элементы вашего веб-сайта. Функция Views — еще один приятный аспект Builder, который действительно упрощает процесс назначения разных макетов для разных областей вашего веб-сайта.

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

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

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

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

Узнайте больше об iThemes Builder сегодня