Эта статья — локализованная версия японского оригинала. Читать японский оригинал
Blocksy — многофункциональная тема для WordPress, которой можно пользоваться бесплатно. Большинство настроек выполняется в разделе «Внешний вид» (Appearance) → «Настроить» (Customize), то есть в настройщике (Customizer), с предварительным просмотром, а шапка и подвал собираются перетаскиванием. В статье по порядку настройки разобраны установка темы и вспомогательного плагина Blocksy Companion, цвета и шрифты, которые стоит выбрать в первую очередь, создание шапки, вывод списка записей блога и страницы записи, а также подготовка дочерней темы.
Из чего состоит Blocksy
Blocksy состоит из трёх частей.
- Blocksy (сама тема): доступна бесплатно на WordPress.org. Содержит настройки дизайна в настройщике, конструкторы шапки и подвала
- Blocksy Companion (бесплатный плагин): отвечает за загрузку стартовых сайтов (демо-данных) и добавление расширений
- Blocksy Pro (платный): добавляет дополнительные элементы шапки, условное отображение, более тонкие возможности макета и т. д.
Логично начать с сочетания самой темы и Companion и рассматривать Pro, когда выяснится, что бесплатных возможностей не хватает (разделение функций и цены могут меняться, поэтому проверяйте их на официальном сайте по состоянию на октябрь 2026 года).
Кроме того, Blocksy ближе к классическим темам, но поддерживает и блочный редактор. Операции выполняются не там, где в блочных темах, которые собираются целиком в редакторе сайта («Внешний вид» → «Редактор»), поэтому полезно запомнить: «общий дизайн — в настройщике, содержимое записей и страниц — в блочном редакторе».
Установка и подключение Companion
- Откройте «Внешний вид» → «Темы» → «Добавить новую тему», найдите «Blocksy», установите и активируйте её
- Установите и активируйте Blocksy Companion по подсказке, которая появляется после активации, или через панель Blocksy, добавляемую в админ-панель
С помощью WP-CLI это делается так.
wp theme install blocksy --activate
wp plugin install blocksy-companion --activateЕсли вы меняете тему на уже работающем сайте, заранее сделайте резервную копию всего сайта. После смены темы собственные шорткоды и виджеты прежней темы, расположение меню и т. п. могут не сохраниться.
Использовать ли стартовый сайт
После установки Companion в панели Blocksy можно загружать «стартовые сайты» (Starter Sites). Сразу добавляются готовые страницы, настройки настройщика и нужные плагины, поэтому на новом сайте быстрее понять, как будет выглядеть результат.
Однако на сайте с уже существующими записями загружать его лучше не стоит. Добавляются демонстрационные страницы, изображения и меню, а настройки настройщика перезаписываются, и потом трудно понять, что было исходной настройкой. Если пользоваться им, то на самой ранней стадии нового сайта; либо лучше сначала опробовать его в тестовой среде (staging) и затем повторить только нужные настройки.
Общие настройки, которые стоит выбрать сначала
Откройте «Внешний вид» → «Настроить»: там перечислены настройки Blocksy. Названия пунктов часто переведены на русский, но в зависимости от версии написание может меняться. Начать стоит с двух настроек, действующих на весь сайт.
Цвета (цветовая палитра)
В общих настройках, в разделе цветов, задаётся палитра основных цветов сайта. В Blocksy цвет текста, ссылок, кнопок и т. п. берётся из этой палитры, поэтому при смене палитры цветовая схема меняется на всём сайте сразу.
Если указывать цвета отдельно в каждом месте, то при желании изменить схему придётся править их по одному. Удобнее всего задавать цвета палитрой, а отдельно указывать цвет лишь для тех мест, где нужен непременно другой.
Шрифты (типографика)
В настройках типографики выбираются шрифты основного текста и заголовков, размер и межстрочный интервал. Для сайта на японском языке нужно помнить: если выбрать латинский шрифт, он не применяется к японским иероглифам и знакам. Японские символы отображаются шрифтом на устройстве посетителя, поэтому для основного текста оставьте шрифт по умолчанию, например «системный шрифт», либо укажите шрифт с поддержкой японского.
Подключение японских шрифтов как веб-шрифтов делает файлы большими и может повлиять на скорость отображения. Если вы их используете, ограничьте число начертаний и проверьте влияние на скорость, например в PageSpeed Insights.
Сборка шапки
Если открыть в настройщике раздел шапки, в нижней части экрана появится конструктор шапки (Header Builder). Шапка разделена на верхнюю, среднюю и нижнюю строки; такие элементы, как логотип (название сайта), меню, поиск и кнопки, перетаскиваются в левую, центральную или правую часть каждой строки.
Легко ошибиться на том, что шапки для компьютера и для смартфона настраиваются раздельно. Если переключить конструктор в режим смартфона, покажется другая раскладка. На смартфоне меню обычно размещают внутри «off-canvas» — панели, открываемой значком-гамбургером (триггером). Если настроить только вариант для компьютера и опубликовать, на смартфоне может не оказаться меню, поэтому проверяйте оба варианта.
Если нажать на элемент, его настройки (размер текста, цвет, отступы и т. д.) показываются слева. Сами пункты, которые отображаются в меню, создаются в «Внешний вид» → «Меню» и назначаются элементу меню в шапке.
Подвал собирается по тому же принципу в конструкторе подвала (Footer Builder). Чтобы изменить расположение областей виджетов и строки об авторских правах, редактируйте раздел подвала.
Вывод списка записей блога и страницы записи
В настройщике есть разделы настроек для каждого типа страниц: список записей (блог), отдельная запись, страницы и т. д.
- Список записей: расположение в виде карточек или списка, число колонок в строке, пропорции миниатюры записи, длина цитаты, отображаемые сведения о записи (дата публикации, рубрики и т. д.)
- Отдельная запись: ширина области содержимого, наличие и положение боковой панели, способ отображения заголовка, показ похожих записей и сведений об авторе
- Страницы: как и для отдельной записи, задаются ширина и наличие боковой панели
Сильнее всего на удобство чтения страницы записи влияет ширина основного текста. Длинный японский текст трудно читать, если строка слишком длинная, поэтому без боковой панели задавайте основной текст поуже и проверяйте, не становится ли текст слишком мелким на смартфоне.
Если нужно изменить макет только для отдельной записи, в настройках Blocksy, которые показываются в боковой панели экрана редактирования записи, можно, например, убрать боковую панель только у этой записи.
Подготовьте дочернюю тему
Если править файлы темы напрямую, изменения пропадут при обновлении темы. Чтобы добавить немного CSS, достаточно «Дополнительных стилей» в настройщике. Если нужна настройка на PHP или переопределение шаблонов, создайте дочернюю тему.
На официальном сайте Blocksy раздаётся заготовка дочерней темы. Если вы создаёте её сами, поместите в wp-content/themes/blocksy-child/ следующий style.css,
/*
Theme Name: Blocksy Child
Template: blocksy
*/а в functions.php в той же папке подключите стили дочерней темы.
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'blocksy-child-style',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
}, 20 );После переключения на дочернюю тему настройки настройщика сохраняются отдельно от родительской, поэтому то, что вы настроили в родительской теме, может не отображаться. Если Companion установлен, настройки настройщика можно перенести функциями экспорта и импорта, поэтому экспортируйте их до переключения на дочернюю тему, чтобы избежать повторной работы.
Обновления и замечания по эксплуатации
Blocksy и Companion обновляются часто. Перед обновлением делайте резервную копию, а после — проверяйте шапку, страницу записи и вид на смартфоне. Если отображение нарушилось, очистите кеш плагинов кеширования и CDN и проверьте ещё раз. Если вы используете плагин ускорения, который объединяет и сжимает CSS, может оставаться старый CSS, из-за чего всё выглядит сломанным.
Итоги
- Начинайте использовать Blocksy с сочетания темы и Blocksy Companion, а Pro рассматривайте, когда станет ясно, чего не хватает
- Стартовый сайт применяйте на новом сайте или в тестовой среде, а на уже работающем сайте остерегайтесь перезаписи настроек
- Общий вид задаётся цветовой палитрой и типографикой. Помните, что латинский шрифт не действует на японский текст
- Шапки для компьютера и для смартфона в конструкторе настраиваются раздельно. Проверяйте оба варианта, а если будете править PHP, используйте дочернюю тему
Есть вопросы по WordPress? Издатель сайта находится в Японии и отвечает по-японски. Связаться (по-японски)