Расшифровка WordPress: Новые опции конфигурации темы с файлом Theme.JSON

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

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

Обзор тем и шаблонов WordPress

Прежде чем рассмотреть новейшие возможности настройки вашей темы с использованием новейших опций, доступных благодаря файлу под названием theme.json, давайте разберемся, что на самом деле означает настройка темы. Для лучшего понимания этого, давайте сначала разъясним разницу между темой и шаблоном в WordPress, так как часто вокруг этого возникает путаница, особенно если вы новичок.

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

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

Итак, что такое опции конфигурации темы?

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

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

Что такое JSON?

Чтобы настроить вашу тему WordPress, когда в ней нет страницы администратора, вам нужно создать и добавить файл конфигурации theme.json в тему. Но что такое JSON? Акроним означает JavaScript Object Notation, что является открытым текстовым форматом обмена данными, который могут читать как люди, так и машины и который не связан с каким-либо конкретным языком программирования. Его наиболее распространенное использование — передача данных в веб-приложениях.

theme.json поддержка была добавлена в WordPress в версии 5.8 и не работает с более старыми версиями WordPress, если вы не активируете плагин Gutenberg. (Редактор Gutenberg был официально выпущен в 2018 году вместе с WordPress 5.0.)

Некоторые из вариантов настройки, которые вы можете выбрать в theme.json, включают:

• Включение или отключение функций, таких как начальные заглавные, отступы блоков, поля и пользовательские высоты строк
• Добавление нескольких цветовых палитр, градиентов и дуотоновых фильтров для фотографий
• Изменение размеров шрифтов
• Добавление стандартных ширин для содержимого
• Управление пользовательскими свойствами CSS (каскадные таблицы стилей). CSS используется для определения визуального вида и форматирования документов HTML.
• Назначение частей шаблона областям частей шаблона

По мере развития Gutenberg различаются опции, доступные с theme.json в WordPress между версией 5.8 (где используется версия 1 theme.json) до версии 5.9+ (где используется версия 2 theme.json), а также плагин Gutenberg.

Объяснение настроек

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

Включение или отключение функций, таких как выделение первой буквы, отступы блока, поля и настройка высоты строк

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

Добавление нескольких цветовых палитр, градиентов и дуотонных фильтров для фотографий

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

Изменение размера шрифтов

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

Добавление стандартных ширин для контента

Ширина контента — это функция темы, с помощью которой вы можете задать стандартную или максимально допустимую ширину (размер) для любого контента в теме, такого как встроенные элементы и изображения, добавленные в записи. Когда вы устанавливаете стандартные ширины, WordPress может масштабировать коды встраивания до определённых размеров на frontend и вставлять большие изображения, не нарушая основную область контента.

Управление пользовательскими CSS (каскадными таблицами стилей) свойствами.

Если вы провели какое-то время, работая с CSS, мы уверены, что вы задаетесь вопросом, зачем вам вообще писать свой собственный CSS в радикально отличающемся формате JSON. Ответ прост: гибкость.

Допустим, вы выбрали цвет, лесной зеленый, для вашего сайта, который вам действительно нравится. Используя CSS, вам придется добавить код цвета во все места, где вы хотите использовать этот цвет. Не так уж и сложно, правда?

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

Но, используя theme.json, вам достаточно будет обновить определение цвета один раз в файле JSON, чтобы оно изменилось на всем вашем сайте.

Назначить части шаблона областям шаблона

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

Если вы просматриваете файлы вашей темы, вы обычно увидите части шаблона для таких элементов, как заголовки или подвалы. theme.json позволяет вам назначить части шаблона трем доступным областям размещения в шаблоне: Общее, Заголовок и Подвал.

Конвертировать или не конвертировать – вот в чем вопрос

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

Блочные темы в WordPress имеют ряд преимуществ, поскольку они созданы для улучшения масштабируемости и производительности.

• Блочные темы улучшают производительность загрузки, загружая стили только для блоков, которые были добавлены на страницу.
• Для блочных тем не требуется вручную подключать таблицы стилей как для frontend, так и для редакторов.
• theme.json управляет всеми аспектами add_theme_support(), что позволяет тратить меньше времени на работу с PHP.
• Функции доступности, такие как переход к содержимому, навигация с помощью клавиатуры и метки, создаются автоматически без добавления дополнительного кода.
• С блочной темой конечный пользователь может редактировать все части своего веб-сайта, не прикасаясь к коду.
• Используя интерфейс «Стили», пользователи могут настраивать цвета и типографику для веб-сайта и для любых блоков, которые они могут использовать.

Однако преобразование классической темы в тему блока не лишено некоторых рисков.

• Преобразование классической темы в тему блоков может повлиять на дочерние темы, которые ожидают классическую тему. Прежде чем приступить к преобразованию, учитывайте потенциальные последствия — или создайте новый проект с новым названием темы.
• theme.json требует версии WordPress 5.8 или более поздней. В связи с этим поддержка Internet Explorer 11 была прекращена при выпуске WordPress 5.8. Таким образом, если ваша классическая тема поддерживает IE11 — или у вас есть посетители, использующие IE11 — преобразование в тему блоков может повлиять на их пользовательский опыт.

Профессиональная помощь доступна!

Хотя настройка ваших тем WordPress с помощью параметров через файл theme.json может быть вполне выполнима, если вы начинающий или средний разработчик WordPress, возможно, вы еще не на 100% уверены, что готовы делать это в одиночку. Не бойтесь, потому что когда вы регистрируетесь на три плана управляемого хостинга WordPress от DreamHost, DreamPress, вы автоматически получаете доступ к нашему элитному отряду экспертов по WordPress, которые работают полностью в штате и доступны 24/7, чтобы помочь вам на этом и любом другом этапе вашего развития!