В течение прошлого десятилетия я работал с WordPress (почти) ежедневно. Это мое предпочтительное решение для создания сайтов для клиентов всех размеров.
И, по мере того, как я приобретал больше опыта с популярной CMS, я выступал за создание тем WordPress с нуля. Сегодня я использую очень простую тему запуска на основе подчеркивания. Он настроен так, как мне нравится, и помогает быстро начать новые проекты.
Но, как и все остальное в экосистеме WordPress, есть много вариантов того, как мы делаем вещи. Подход, который я предпочитаю, не для всех разработчиков. Это также не всегда самое реалистичное решение для определенных клиентов (особенно с ограниченным бюджетом).
Сегодня я хотел бы поделиться своим опытом создания веб-сайта по-другому: с помощью плагина WordPress для конструктора страниц и дополнительной «пустой» стартовой темы. Я объясню плюсы и минусы процесса, а также несколько советов, чтобы получить максимальную отдачу от него. Давайте начнем!
история проекта
Со мной связался пожизненный клиент, который хотел изменить дизайн предыдущего HTML-сайта. Они хотели получить преимущества от использования WordPress, но у них не было бюджета для полной пользовательской сборки.
Была упомянута идея покупки отраслевой бизнес-темы WordPress. Теперь нет ничего плохого в том, чтобы купить тему и добавить к ней контент. Во многих случаях это будет работать нормально.
Но часто кажется, что есть дополнительные расходы, связанные с изменением внешнего вида и / или функциональности для соответствия спецификациям клиента (или, что еще хуже, мои ожидания). Тем не менее, есть много вещей, которые вы можете сделать без полного разрушения темы, бюджета клиента или того и другого.
Имея это в виду, я начал искать альтернативу. Недавно я начал играть с Beaver Builder, популярным плагином WordPress для конструктора страниц (полное раскрытие: мне не платят за это, это был просто инструмент, который я использовал. Есть и другие подобные продукты на рынке, которые стоит рассмотреть)
Они включают в себя тему фреймворка (и связанную дочернюю тему) с некоторыми из своих бизнес-пакетов, что позволяет вам по существу создать полный веб-сайт (верхний и нижний колонтитулы и контент), используя комбинацию WordPress Customizer и компоновщика страниц.
Как это работает Продолжить чтение, чтобы узнать …
Начальная точка
Первые шаги в этом процессе знакомы всем, кто создал сайт WordPress:
Оттуда вы получите практически пустую доску. На самом деле, это не сильно отличается от того, что я вижу при активации моей собственной темы запуска, основанной на подчеркивании.
Преимущество этого состоит в том, что у темы нет многих предвзятых представлений о том, что вы хотите создать. Это означает, что дизайнер теоретически может создать модель дизайна и затем воплотить ее в жизнь. Пока они понимают, что тема может и не может сделать, то есть.
Но, как мы увидим, есть несколько вариантов для тех, кто хочет что-то умнее.
Использование WordPress Customizer
WordPress Customizer – это внутренний инструмент, который позволяет настраивать различные параметры, относящиеся к теме, и просматривать результаты в режиме реального времени. Целью было привнести универсальный пользовательский интерфейс в настройки темы, в отличие от опционных панелей, так как было реализовано много тем.
Здесь тема Beaver Builder использует настройки и предлагает множество вариантов. Среди основных моментов:
Пресеты
Выберите из ассортимента готовых цветовых решений. Эти стили могут быть заменены другими настройками или параметрами CSS.
заголовок
Здесь представлены различные настройки дизайна, размещения логотипа и навигации. Опция для «липкого» заголовка включена, что приятно. Проекты охватывают несколько общих сценариев.
содержание
Выберите цвета фона и макеты страниц для своего блога, отдельного поста, архива постов и шаблонов WooCommerce.
нижний колонтитул
Нижний колонтитул сайта может быть разработан и добавлены виджеты для обработки различных типов контента. По умолчанию здесь есть некоторые ограничения. Например, вы хотели разместить встроенные ссылки профиля социальных сетей в области виджета нижнего колонтитула (они должны отображаться под виджетами), что не поддерживается. К счастью, фрагмент кода, который я нашел, сделал это возможным с помощью пароля WordPress.
Код
Если вы хотите добавить CSS, JavaScript или другой конкретный код на ваш сайт, вы можете сделать это здесь. Это может быть полезно, если вы хотите добавить Google Analytics или код отслеживания пикселей.
Вердикт
Всего в настройщике было достаточно параметров, чтобы помочь мне создать базовый вид моего веб-сайта. Это не так надежно, как я привык к пользовательской теме, но надеюсь. Главное здесь – быстрая разработка и предотвращение кода.
Тема Beaver Builder сделала именно это, так как я смогла определить вещи так, как я хотела за полчаса. Любая инвалидность – это та цена, которую вы платите за проект с меньшим бюджетом.
Страницы строительства
Я не собираюсь тратить здесь много времени на детали, по двум причинам. Во-первых, мои потребности в разных страницах сайта были не очень сложными. Во-вторых, сам конструктор страниц является вторичным по отношению к теме. Но есть еще некоторые элементы, которые стоит упомянуть.
Домашняя страница была создана быстро, а не с нуля. Моему клиенту понравился один из готовых шаблонов страниц Beaver Builder. Чтобы настроить его, нужно было импортировать модель, а затем взломать, чтобы настроить то, что мы хотели сохранить, и удалить то, что мы не делали. Кроме того, некоторые дополнительные модули были добавлены через генератор страниц. Такие функции, как задние карусели и анимация прокрутки, добавили индивидуальности.
Вторичные страницы были чрезвычайно просты. Я создал модуль заголовка страницы, который использовал фотографический фон и сохранил его для повторного использования на других страницах. Оттуда, это было просто вопросом добавления остального контента и форматирования его.
Единственной проблемой, с которой я столкнулся, была интеграция форм гравитации. Поскольку компоновщик страниц не использует WordPress Gutenberg Block Editor или Classic Editor (который поддерживает плагин популярных форм), мне пришлось вручную вводить код доступа в модуль текстового редактора. Это не было большой проблемой, но это может быть трудно для клиента, который не знаком с процессом.
Вердикт
Конструкция страницы была более или менее ожидаемой. Простота использования является преимуществом этих аксессуаров и идеально подходит. Несколько модулей можно было легко перетаскивать на страницу, а макеты из нескольких столбцов легко настраивать. Все было отзывчивым и также может быть специально настроено в зависимости от размера экрана.
Количество включенных модулей было солидным и охватывало практически все, что требовалось для проекта. Если требуются более сложные функции, есть несколько сторонних пакетов плагинов, которые могут помочь.
Общие впечатления
В целом, я должен сказать, что это был лучший опыт, чем я обычно имел с ранее созданными темами. Тот факт, что я мог начать с чего-то базового и создать для удовлетворения потребностей проекта, больше соответствовал моему предпочтительному рабочему процессу.
По правде говоря, мне пришлось реализовать несколько лишних кусков кода, чтобы достичь всего, чего я хотел. Вышеупомянутый код доступа к ссылкам на профили в социальных сетях и немного дополнительного JavaScript помогли мне завершить сайт. Оба были поставлены в очередь через файл functions.php дочерней темы, что позволяет не заменять их при будущих обновлениях темы.
Я думал, что это жизнеспособный вариант для простых проектов. Существует несколько сценариев, таких как использование настраиваемых полей или условного содержимого, в которых может иметь смысл использовать полностью настраиваемую тему. Но эти типы ресурсов часто предлагают большие бюджеты.
Так что если вы разработчик, который хочет быстро разработать дешевый новый веб-сайт, но без ошибок сторонней темы, это может быть путь. Просто признайте, что вам придется жить в пределах параметров того, что там есть. В противном случае будет время активировать этот редактор кода.
* Примечание: изображения в этом посте приведены только для иллюстрации: они не отражают фактический описанный проект.
