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

Также прилагаю видеообзор, в котором наглядно демонстрирую «внутренности».

Заглянем в Breek

Для начала оставлю ссылку на live preview, о которых говорил выше: https://1.envato.market/mMeYq. Сможете посмотреть все варианты макетов темы, прежде чем что-то решить.

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

Данная тема для WordPress — блоговая. Для landing page использовал бы другие варианты. Здесь же весь функционал ограничен именно необходимыми блогу, что радует, ибо всякого «многофункционального мусора», который из-за перегруженности разнообразными «фишками», тормозит на ровном месте, и так предостаточно.

Скорость у темы хорошая, даже если закинуть live review, выдаст хорошие результаты. У меня на блоге они будут похуже, ибо реклама сильно просаживает скорость. Давайте посмотрим на оценку по PageSpeed Insight.

Тесты темы Breek на PageSpeed Insight для мобильных платформ
Тест для мобильных платформ
Тесты темы Breek на PageSpeed Insight для дескотопов
Тест десктопной версии

На GTmetrix и PingdomTools результаты тоже отличные. Кстати, когда смотрел скорость загрузки в режиме разработчика, то убедился, что ресурсы грузятся грамотно и своевременно.

Дизайн темы Breek
Один из макетов

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

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

Кастомайзер в Breek

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

Настройка темы Breek

Здесь вы можете выбирать разные варианты макетов:

  • шапки;

  • подвала;

  • главной страницы;

  • блога;

  • сайдбара.

Опции header в Breek
Опции раздела Header

Добавить социальные профили, а также кнопки расшаривания. Кстати, Вконтакте тоже поддерживается. Но если нужны Одноклассники, извините, не судьба.

Кстати «липкая шапка» (sticky header), а также кнопки социальных сетей в ней тоже поддерживаются. Области виджетов есть в сайдбаре, подвале, что упростит добавление всякой ерунды.

Также присутствует возможность добавлять код рекламных блоков прямо в настройках темы. Правда, областей мало, предпочитаю всё равно использовать Ad Inserter.

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

Раздел Styling в Breek

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

Со шрифтами проблем тоже нет. Из раздела Typography вы можете настроить тип шрифтов, а также их размер без особых проблем. При желании можете выключить загрузку Google Fonts, что позволит немного ускорить загрузку страниц.

Раздел Typography в Breek
Здесь настраиваются шрифты

В разделе Optimization можете включить встроенные возможности оптимизации темы. Работает всё на ура. По крайней мере, конфликтов со многим плагинами кэширования нет, с PageSpeed Ninja тоже, а вот Autooptimize всё равно крашит сайт, но этот плагин вообще не люблю.

Опции для оптимизации темы Breek
Настроек немного, но дают заметный результат

Также в теме Breek присутствует возможность включить ленивую загрузку изображений, встраиваемых объектов (например, видео с YouTube) и заодно рекламных блоков Adsense, что позволяет избавиться от некоторых плагинов вроде A3 LazyLoad.

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

И ещё — поддержка AMP здесь реализована на ура! Ваш сайт в режиме AMP и без него будет выглядеть одинаково. Вот чего реально не хватало.

Опции для AMP-страниц в Breek

Ибо большинство тем из репозитория в режиме AMP работают из рук вон плохо. Здесь же всё отлично, только нужно установить плагин AMP от AMP Project Contributors. С другими тема работать не будет. Да, пусть у него бал пониже, чем у конкурентов, но работает он нормально.

А теперь давайте разберём некоторые нюансы в работе Breek для WordPress.

Особенности

Давайте начнём с главного. Для формирования каскада стилей, который работает на сайте, используется прекомпилятор SCSS. Соответственно, недостаточно внести изменения в style.css дочерней темы. Придётся либо везде расставлять:

!important

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

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

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

Демо-импортёр в Breek

Так что нажмите кнопку Advanced и снимите все ненужные галочки. Разве что Theme Options можете оставить, ведь импортируете демку ради настроек?

Без установки рекомендованного плагина ACF PRO (ради которого уже можно взять тему), вы не сможете редактировать макет главной страницы, так что обязательно установите. Снизу будет такой раздел.

Настройка главной страницы в Breek

Нажмите кнопку Add Row и добавьте нужный вам макет. Вы можете их комбинировать, например, сверху добавить карусель, потом классический блог или сетку, а также вывести сетку категорий.

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

Кстати, перевод на русский язык автору темы отправил. Но если по какой-то причине его не будет, то вот ссылка на готовый перевод темы: https://drive.google.com/open?id=1FVngfNNgFzPxWfSfJkO2sFNnyYLtXPwi

Содержимое архива следует разместить в папке language основной темы (только тогда шаблон с расширением .pot удалите), либо создать папку с таким же названием в дочерней теме и разместить содержимое архива там.

И последний нюанс, который касается SEO. У темы с этим всё в порядке, есть поддержка Open Graph, так что заголовок статьи будет подгружаться в тайтл, а кусок текста будет автоматически браться в качестве описания.

Отключение Open Graph в Breek

Но если используете какой-нибудь SEO-плагин, то вырубите отмеченную на скриншоте функцию. Иначе настройки темы будут перебивать настройки плагина.

Решать вам

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

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

Нажмите для оценки!
[Оценило: 0 Средний: 0]