С появлением FSE в WordPress, начали набирать популярность блочные темы, и возникает вопрос, какие темы использовать, блочные или классические? Существуют значительные отличия блочных тем от классических, каждая из которых идеально подходит для разных типов задач. Например, блоковые темы позволяют настраивать любую часть вашего сайта без изменения файлов сайта или использования CSS.
В этой статье мы сравним блоковые темы WordPress с классическими и узнаем некоторые ключевые различия между ними, чтобы помочь вам выбрать подходящую для вашего бизнеса.
Что выбрать, блочную или классическую тему?
Классические темы существуют уже долгое время. Они более традиционные и написаны на языке PHP (хотя некоторые включают и JavaScript). Существуют десятки тысяч готовых платных и бесплатных классических тем для WordPress.
В версии WordPress 6.1 был введен Site Editor. Он позволяет создавать контент и части сайта такие как шапка и подвал прямо в редакторе. Чтобы использовать Site Editor, вам понадобится блоковая тема. Это дает вам больше контроля над сайтом, поскольку вы можете редактировать части сайта, такие как архивные страницы, результаты поиска, страницы 404 и многое другое. Site Editor позволяет создавать определенные стилевые эффекты без вмешательства в код.
Способы редактирования
Способы редактирования в блоковых темах и классических темах отличаются. В классической теме вы используете настройщик WordPress (Customizer или Theme Options Panel) для внесения изменений для глобальных частей часта, такие как стили, шапка и подвал. А для контента используются конструкторы типа Elementor, Visual Composer, SiteOrigin, Beaver Builder и другие.
В то время как для блочных тем используется только редактор Gutenberg и Site Editor (который работает на базе Gutenberg). Весь сайт редактируется через один единственные Page Builder и не приходится переключаться с одной страницы на другую, или с одного дополнительного плагина на другой.
HTML вместо PHP
Как мы обсуждали, классические темы используют PHP для отображения контента. Они также используют PHP-функции для определенных различных задач.
Однако в блоковых темах страницы-шаблоны представляют собой HTML-файлы с разметкой блоков. Эти темы будут использовать PHP только в качестве запасного варианта, если WordPress не сможет найти HTML-файл.
Скорость загрузки и работы сайта
Классические и блоковые темы отличаются по скорости работы сайта. Классические темы могут быстро загружаться, если весь сайт оптимизирован для скорости. Но ключевое слово тут «если» оптимизирован. По умолчанию классические темы подключают множество скриптов и используют множество функций и проверок, подключая различные сторонние плагины.
Однако сайт, использующий блоковую тему, может быть быстрее из-за меньшего количества необходимых сторонних плагинов WordPress для решения ограничений классических тем. Кроме того, FSE WordPress генерирует чистый и компактный код для оптимизации ваших страниц.
Иерархия файлов шаблонов
Еще одно важное отличие между классическими и блоковыми темами заключается в том, что они хранят файлы в разных местах. Например, классические темы помещают файлы шаблонов в корневую директорию темы, в то время как блоковые темы хранят их в папке «templates«.
Кроме того, классические темы могут хранить части шаблонов в любой директории, тогда как блоковые темы помещают части шаблонов в специальную папку «parts«.
Более того, классические темы могут использовать файл theme.json, при условии, что авторы темы согласуют стили для фронтенда. Однако в блоковых темах стили автоматически передаются в редактор и фронтенд.
Заключение
Блоковые темы отлично подходят для новичков, желающих полностью контролировать свой сайт. Благодаря своей гибкости и возможностям настройки, для выполнения определенных задач, таких как редактирование заголовков или меню, вам не понадобятся технические знания.
Однако, если вы предпочитаете более традиционные инструменты, классические темы могут быть более подходящим выбором. При этом, если вы разработчик или опытный пользователь, вы все равно можете достичь того же уровня настройки, что и с блоковыми темами, используя код.
Подведем итоги, вот основные различия между блоковыми и классическими темами:
- Файлы шаблонов в классических и блоковых темах хранятся в разных местах.
- Классические темы используют PHP, в то время как блоковые темы оперируют HTML.
- Блоковые темы могут загружаться быстрее, чем классические темы.
- Блоковые темы могут редактировать части страниц, такие как шапки и подвалы.
Изучить подробнее способ использования и разработки блочных тем можно при помощи моего курса.