Блочные темы лучше классических? Вот что думают люди

Twenty Twenty-Two была первой официальной темой блоков по умолчанию, выпущенной в WordPress 5.9. С тех пор поклонники WordPress спорят о том, лучше ли блочные темы, чем классические темы, или наоборот.

Похоже, фанаты обоих лагерей твердо убеждены в том, что их сторона «лучшая». Однако, как это часто бывает, самые страстные люди, как правило, и самые громкие. Вы вряд ли найдете кого-то, публикующего тираду на тему, к которой он относится умеренно нейтрально.

Это затрудняет получение истинного представления о том, как люди на самом деле относятся к этой теме .

Более того, те, кто профессионально работает с WordPress – и в частности разработчики – также склонны быть более самоуверенными, чем обычный пользователь WordPress.

У меня есть свои мысли, которыми я поделюсь, но я не хотел, чтобы это был еще один отзыв одного человека. Чтобы получить более широкое представление, я просмотрел темы Reddit и обратился к своим коллегам и другим специалистам по WordPress . Я также провел опрос на нашем дочернем сайте и собрал результаты другого опроса , который глава WordPress YouTube провел в своем аккаунте X.

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

Вот что я обнаружил…

Редактирование и настройка 🔧

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

Как я могу заставить свой сайт выглядеть так, как я хочу?

Это важный вопрос, но то, как вы на него ответите, также зависит от вашего опыта и навыков.

Если вы разработчик , вы, скорее всего, будете использовать код.

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

Дизайнеры UX/UI — это одна группа, которая может использовать любой из подходов или их комбинацию.

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

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

Как выразился один разработчик на Reddit :

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

Справедливости ради, в этих темах было несколько противоположных мнений :

Этих голосов определенно было меньшинство, но я готов поспорить, что со временем их число станет больше.

Чтобы узнать профессиональное мнение, я обратился к своему коллеге, опытному UI/UX-дизайнеру Джону Фраскосу . Вот что он сказал:

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

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

Я предпочитаю управлять основными аспектами моего дизайна с помощью хорошо структурированной настройки Customizer с классической темой, а не с помощью полного редактора сайта (FSE) и файла theme.json.

Мой горячий вариант 🔥

Я думаю, что «победитель» в этой области сводится к вышеупомянутому разделению разработчиков и неразработчиков, где дизайнеры являются подстановочным знаком.

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

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

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

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

Кривая обучения 👩‍🏫

Если мы вернемся к этим темам Reddit, помимо общего настроения разработчиков, выражающего недовольство проектом Гутенберга, можно увидеть еще одну основную тему. Эта тема напрямую связана, по крайней мере, с некоторым разочарованием, которое испытывают разработчики по поводу тем блокировки, и это связано с…

Проще говоря, работа с темами блоков на продвинутом уровне требует частично разных навыков и, как говорится: «старые привычки умирают с трудом».

Для тех, кто хочет освоить темы блоков и научиться их разрабатывать, WordPress предлагает курс, который научит вас основам. Это называется «Разработайте свою первую тему блоков с низким кодом» :

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

Мой горячий вариант 🔥

Для разработчиков, особенно тех, кто имеет опыт работы с PHP, CSS и JavaScript, классические темы по-прежнему имеют преимущество перед блочными темами, когда дело касается новичков.

Однако важно отметить:

• Разрыв сокращается по мере того, как все больше разработчиков знакомятся с разработкой тем блоков.
• Новые разработчики, входящие в экосистему WordPress, могут найти темы блоков более интуитивно понятными, поскольку они соответствуют современным практикам веб-разработки, таким как использование CSS Grid и Flexbox.
• В долгосрочной перспективе навыки разработки тем блоков, вероятно, станут все более важными, поскольку WordPress продолжает развиваться в этом направлении.

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

Производительность и скорость загрузки 🚀

Чтобы получить некоторое представление об этом на профессиональном уровне, я обратился к Петеру Молнару , разработчику из SWTE Group с более чем десятилетним опытом работы. Он хотел сказать следующее:

Я также обратился к Дженнифер Стаут , старшему UX-дизайнеру в WebDevStudios, и она сказала следующее:

Многие люди и компании обращаются к [классическим темам в сочетании с] конструкторами страниц в качестве решения, не осознавая, насколько они могут раздуть веб-сайт.

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

Просматривая Интернет, вы найдете множество мнений «все зависит от ситуации», похожих на мнение Петера. То же самое можно сказать и о том, что высказала Дженнифер. На самом деле, я, наверное, уже высказывал свои варианты их утверждений в частных беседах.

Но если вы покопаетесь достаточно, вы также найдете еще несколько технических объяснений, которые обеспечат более глубокое понимание разницы между темами. Например, пользователь YouTube с ником @thomassaunders225 сказал следующее:

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

Мой горячий вариант 🔥

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

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

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

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

Совместимость и интеграция плагинов 🔗

В настоящее время в репозитории WordPress имеется около 59 000+ плагинов, и подавляющее большинство из них были разработаны еще до того, как была концептуализирована тема первого блока. Это дает классическим темам огромное преимущество, когда дело доходит до совместимости с плагинами, поскольку большинство плагинов были созданы с их учетом.

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

Вот что сказал Кароль:

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

Мой горячий вариант 🔥

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

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

Безопасность 🔒

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

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

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

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

Напротив, использование PHP в классических темах означает, что безопасность во многом зависит от качества кода, написанного разработчиком темы. Плохо написанный PHP может создавать уязвимости, такие как SQL-инъекция или атаки межсайтового скриптинга (XSS). При этом опытные разработчики, которые следуют стандартам кодирования WordPress, могут создавать очень безопасные классические темы.

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

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

Адаптивный дизайн 📱

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

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

Доступный дизайн ♿️

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

Например, в старом классическом редакторе вы могли написать сообщение в блоге с заголовком <h2> , а затем добавить под ним <h4> , даже не помещая <h3> между ними. Классический редактор не будет обращать на это внимания, но редактор блоков фактически отметит это и предложит вам изменить это.

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

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

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

SEO 📈

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

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

Когда вы объединяете эти факторы вместе, они улучшают пользовательский опыт. В свою очередь, это посылает положительные сигналы богам Google, чтобы они благословили ваш сайт более высоким рейтингом. Но повторюсь: другие факторы будут иметь гораздо более высокий рейтинг в иерархии SEO, чем выбранная вами тема . А именно: качество контента, профиль обратных ссылок и общая структура сайта.

Долгосрочная жизнеспособность и ремонтопригодность ⏳

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

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

И вы также увидите, как это выражают такие люди, как Кэтрин Преснер, которая является официальным участником команды обучения WordPress:

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

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

Мой горячий вариант 🔥

Я думаю, что как нетехнический пользователь, если вам действительно нравится определенная классическая тема, то обязательно используйте ее. Однако, если вы новичок в WordPress и только начинаете ковыряться, я бы посоветовал освоиться с блочной темой.

Моя рекомендация начинающим разработчикам или разработчикам, которые переходят на WordPress, будет одинаковой. Это мнение разделяет @jamiewp (который сейчас является главой WordPress YouTube):

Результаты опроса ☑

Во введении к этой статье я упомянул, что провел опрос на нашем дочернем сайте и собрал результаты другого опроса, который Джейми Марсланд (тот самый Джейми, показанный выше 👆🏻) провел в своем аккаунте X. Давайте углубимся в результаты и посмотрим, что сказали респонденты.

опрос Джейми

Опрос Джейми, собравший 805 голосов, показывает, что темы блоков немного лидируют: 54% пользователей предпочитают их классическим темам (46%).

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

Мой опрос

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

Вопросы, которые я задавал, были:

На что вы обращаете внимание при выборе темы?

Принимая все во внимание, вы предпочитаете блочные темы или классические темы?

Как бы вы в первую очередь описали себя?

Сколько лет вы используете WordPress?

Каково ваше общее настроение по поводу направления, в котором движутся темы WordPress?

Ответы показали, что при выборе темы пользователи WordPress больше всего заботятся о трех ключевых факторах:

• 😇 простота использования (27,59%),
• 🚀 производительность/скорость загрузки (21,72%),
• 🛠️потенциал кастомизации (18,62%).

А когда дело дошло до общих предпочтений темы?

Это был почти идеальный тройной раскол:

• темы блоков (34,29%),
• нет тематических предпочтений (34,29%),
• классические темы (31,43%).

Эти данные также дали дополнительный контекст тем темам Reddit, о которых я упоминал ранее: большинство респондентов моего опроса фактически идентифицировали себя как разработчики (41,24%), причем многие из них имели опыт работы с WordPress от 9 до 15 лет (28,26%). Таким образом, несмотря на страстную критику разработчиков, которую мы видели на Reddit, эти цифры намекают на более спокойную группу разработчиков, которые, возможно, готовы блокировать темы.

Что касается общего настроения относительно направления тем WordPress, опрос показал, что самый большой сегмент (35,96%) дал среднюю оценку в три звезды. Но также примечательно то, что рейтинги с четырьмя и пятью звездами получили больше голосов, чем рейтинги с одной или двумя звездами. Это сигнализирует о том, что в целом мы наблюдаем постепенный сдвиг в сторону принятия тем блоков.

Мой последний дубль 💭

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

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

Напротив, сами темы блоков частично не имеют значения . Речь идет не столько о теме, сколько об использовании полноценного редактора сайта вместе с шаблонами и шаблонами для настройки вашего веб-сайта. Вот почему вы видите темы блоков, такие как «Вариации» Тайлера Мура, которые имеют дизайн по умолчанию, но этот дизайн по умолчанию можно легко заменить на один из других его шаблонов. Вы даже можете комбинировать части одного шаблона с другим.

То же самое относится и к темам наших блоков здесь, в Themeisle. Технически у нас есть Raft, Neve FSE и некоторые другие, но вы можете использовать наш FSE Design Pack с любой из этих тем для создания любого веб-сайта, который вам нужен. Сама тема уже даже не имеет значения.

Мой коллега Хардип Асрани, вероятно, лучше всего резюмировал это, когда я спросил его, что он думает по этому поводу:

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

Однако это обобщение, и оно зависит от темы. Строки не такие бинарные, как «блочные темы против классических тем».

Итак, если вы верите в то, что блочные темы лучше классических тем, на самом деле вы покупаете систему FSE, тогда как если вы верите в обратное, то это потому, что вам либо действительно нравится какая-то конкретная классическая тема(ы) или вы разработчик, который предпочитает использовать собственный код «старым способом».

И это моя горячая точка зрения. 🔥

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