WPML

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

Универсальные, специализированные и минималистичные стартовые темы оформления


Разработка тем оформления в WordPress развивалась в нескольких направлениях, ориентируясь на разные аудитории и потребности.

Самыми популярными темами сегодня являются «многоцелевые» (универсальные) темы оформления, которые фактически включают в себя всё. Avada, Enfold и Divi — отличные примеры. Они включают различные варианты дизайна, собственные конструкторы страниц и множество функций, которые Вы можете включать и отключать из консоли.

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

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

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

Чего не должно быть в минималистичной стартовой теме?


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

Я считаю, что самое важное в минималистичной теме — избегать привязки к поставщику (vendor lock-in). Когда Вы создаете свой сайт с помощью темы «всё включено», Вы получаете всё необходимое. Однако это может обернуться подписанием жесткого контракта. Вы получаете от темы всё, что Вам нужно, но пути назад нет. Никогда. Если Вам нравится в теме абсолютно всё, это здорово. Но когда Вы сталкиваетесь с проблемами, Вам приходится мириться с ними, потому что сменить тему практически невозможно.

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

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

Что должно быть в минималистичной стартовой теме?


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

Минималистичные темы, которые мы используем сегодня, предлагают:

  • Параметры макета страницы (ширина, отступы, блоки контента и т. д.)
  • Настраиваемые шапка, подвал и боковые панели
  • Настраиваемые меню
  • Управление типографикой

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

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

Минималистичные стартовые темы оформления, о которых Вам следует знать


Существует гораздо больше отличных минималистичных тем, чем я собираюсь здесь охватить. Я напишу о темах, которые нам рекомендовали клиенты и которые мы использовали сами. Таким образом, я смогу опираться на наш опыт создания сайтов и избежать маркетинговой шумихи.
Создано для конструкторов страниц Да Да Да
Адаптивный макет Да Да Да
Управление макетом Хорошо Очень хорошо Хорошо
Параметры настройки шапки и подвала Хорошо Очень хорошо Хорошо
Параметры настройки меню Базовые Очень хорошо Базовые (больше параметров появится в феврале 2018 года)
Общий уровень настройки (шрифты, цвета, видимость элементов и т. д.) Хорошо Отлично Хорошо
Готовность к электронной коммерции Да Да Да
Импортируемые демо-версии Да Да Да
SEO-оптимизация Да Да Да
Готовность к переводу Да Да Да
Поддержка RTL Да Да Да
Встроенный код микроразметки/schema.org Да Да Да
Font Awesome Да Да Да
Оптимизация скорости Да Да Да
Встроенное мегаменю / Да Скоро появится

Расширение возможностей GeneratePress, OceanWP и Astra


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

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

Премиум-дополнения GeneratePress

Расширения GeneratePress Основные возможности
Расширение Typography and Colors Полный контроль над шрифтами для каждой части Вашего сайта: основной части страницы, шапки, навигации и других. Определение и изменение цветов для (почти) всех элементов
Расширение WooCommerce Управление отображением различных элементов: корзина в меню, хлебные крошки, боковая панель, изображения товаров, похожие товары и многое другое. Режим без отвлекающих факторов для страницы оформления заказа. Изменение внешнего вида кнопок, текстов, названий товаров и других элементов.
Расширение Disable Elements and Copyright Вы можете выбирать, отображать ли шапку, основную навигацию, изображение записи, заголовок и подвал — для каждой страницы индивидуально. Вы можете выбрать один из семи различных макетов страницы. Настройка уведомления об авторских правах темы.
Расширение Sections, Backgrounds and Spacing Разделение страницы на несколько секций и назначение разного контента и дизайна для каждой из них: особенности, заголовки, эффект параллакса, изображения, простой контент. Добавление фонов практически к любой части Вашего сайта: шапке, основной части страницы, навигации, боковой панели, виджетам и другим элементам.
Расширения Menus+, Secondary Navigation и Page Header Настройка меню на мобильных устройствах или компьютерах. Удобное отображение дополнительного меню и выбор места его вывода: плавающее, под шапкой и другое. Изображения в шапке для каждой страницы индивидуально.
Расширение Blog Выбор элементов блога для отображения: полный контент или отрывок, дата, автор, рубрика и другие. Настройка надписи «Читать далее».
Настройка изображений блога. Отображение самых последних записей в большем размере, чем более старых.
Расширение Hooks Добавление собственного кода на сайт без редактирования файлов темы. Выбор раздела сайта, в котором загружается код.

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

Основные расширения OceanWP

На данный момент мы можем насчитать в общей сложности 15 основных расширений OceanWP (7 бесплатных и 8 премиальных). Но если Вы читали последний пост в блоге Николя, похоже, скоро их станет больше!

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

Расширение OceanWP Основные возможности
Product Sharing и Social Sharing С помощью этого расширения Вы можете добавить кнопки «Поделиться в соцсетях» на страницу отдельного товара или записи.
Modal Window Простая настройка, сокращение времени загрузки и упрощение общего дизайна. Вы можете использовать его для формы, лидогенерации, оповещений и других важных уведомлений.
Posts Slider Вы можете создать слайдер для отображения Ваших последних записей; при этом будет сгенерирован шорткод, который Вы сможете использовать в любом месте Вашего сайта.
Custom Sidebar Просто перетащите в него Ваши виджеты. Вы можете точно решить, на какой странице Вы хотите его видеть.
Demo Import Доступно несколько готовых демо-версий для различных направлений: путешествия, магазин, йога, архитектура и так далее.
Ocean Extra Это похоже на менеджер консоли или панель темы. Вы можете отключать или включать любые разделы в настройщике (Customizer), чтобы ускорить его загрузку.
Portfolio Существует несколько эффективных способов представить Ваши работы, и Вы можете фильтровать их по автору, рубрикам и любым другим меткам.
WooPopup Всплывающее окно отображается при нажатии на кнопку «Добавить в корзину». Вы получаете полный контроль над радиусом скругления, а также можете изменять ссылки, тексты и настраивать сообщения.
Sticky Header & Footer Прикрепите подвал к нижней части экрана и добавьте в него любые тексты, меню или цвета.
Elementor Widgets Команды OceanWP и Elementor объединили усилия, чтобы добавить несколько новых виджетов в Elementor.
Footer Callout Это мощный способ добавить важную информацию о Вашей компании или кнопки прямо перед традиционным подвалом.
Ocean Hooks Добавляйте собственный код, контент и шорткоды по всему сайту; для этого даже не требуется дочерняя тема.

Премиум-дополнения Astra

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

Расширения Astra Основные возможности
Transparent Header Создавайте прозрачные шапки и выделяйте свой сайт на фоне других.
Typography Получите больше контроля над шрифтами и читабельностью Вашего сайта с помощью этого модуля.
Sticky Header Сделайте Вашу шапку легкодоступной, даже когда пользователи прокручивают страницу вниз.
Page Headers Создавайте привлекательную область заголовка страницы с хлебными крошками, метаполями и другими классными опциями.
Advanced Footers Получите больше областей для виджетов в подвале и креативных дизайнов с модулем Advanced Footer.
White Label Упростите информацию в админ-панели WordPress, представив её под Вашим собственным брендом.

Настройка сайта с помощью стартовой темы оформления


Для всех трех тем, которые я представил выше, процесс настройки очень похож:
  1. Установите тему
  2. Перейдите на фронтенд сайта и нажмите «Настроить»
  3. Используйте настройщик (Customizer) для настройки внешнего вида сайта

Добавление функционала на сайт с помощью Toolset

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

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

Вот некоторые вещи, которые Вы можете добавить с помощью Toolset, не написав ни строчки кода:

Возможность Toolset Пример
Создание собственных произвольных типов для Вашего сайта, таких как портфолио, проекты, туры и т. д.
Добавление произвольных таксономий и полей к этим произвольным типам.
Выбор способа отображения этих произвольных типов записей с помощью Layouts (макетов) с функцией перетаскивания для создания шаблона.
Создание пользовательского поиска на основе Ваших произвольных типов записей и полей.
Создание форм для отправки данных с фронтенда.
Отображение контента на Google Картах

Интеграция с Toolset и преимущества создания сайтов с произвольными типами записей


Astra, GeneratePress и OceanWP — все это темы, готовые к работе с произвольными типами записей. Это означает, что Вы можете настраивать их параметры для каждого создаваемого Вами шаблона. Сюда входят шаблоны для Ваших произвольных типов записей и страниц архивов.

В этом видео показана интеграция между Toolset и темой Astra:

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

Управление параметрами темы Astra для каждого макета индивидуально

Заключение


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

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


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

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

Считаете это полезным? Поделитесь этой статьей: