Как перейти с классической темы на блочную

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

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

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

У нас есть несколько инструментов, с помощью которых вы можете протестировать новую тему, перед тем как изменить дизайн вашего сайта: 

• Попробуйте и настройте: предварительный просмотр и настройка темы перед установкой её на сайте.
• Создайте предварительную версию сайта: условия определённых тарифных планов хостинга включают возможность создания точной копии вашего рабочего сайта.

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

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

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

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

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

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

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

1. Откройте консоль вашего сайта.
2. Перейдите в раздел Внешний вид → Темы.
3. Найдите выбранную тему.
4. Нажмите на миниатюру темы, а затем — кнопку «Активировать». 

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

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

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

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

• При оформлении контента главной страницы вы будете пользоваться редактором сайта.
• Если в вашей классической теме главная страница была статической, то она будет перемещена в подраздел «Черновики» раздела Страницы консоли вашего сайта. В редакторе сайта вы можете скопировать нужный контент из черновика в новый шаблон домашней страницы.
• Если в классической теме на главной странице отображаются последние записи, можно добавить блок «Цикл запроса» в шаблон главной страницы или создать отдельную страницу для записей в блоге.

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

Для редактирования меню вам больше не понадобится конфигуратор или отдельный подраздел «Меню» в разделе Внешний вид. Вместо этого вы сможете редактировать навигацию в редакторе сайта.

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

• Подробнее о редактировании шаблонов.
• Научитесь настраивать стили темы, в том числе шрифты и цвета.
• Как настраивать интервалы между блоками.
• Просмотрите все руководства по редактированию темы и шаблонов в редакторе сайта.

Протестируйте свой сайт на различных устройствах и в браузерах, чтобы убедиться, что всё работает правильно, в том числе:

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

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

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