Создавайте собственные шаблоны с помощью надстройки MB Views для Meta Box

Опубликовано: 2020-03-19

На прошлой неделе Meta Box выпустила дополнительный плагин MB Views. Новое расширение позволяет разработчикам создавать собственные шаблоны, не выходя из администратора WordPress. Цель состоит в том, чтобы предоставить простой в использовании интерфейс для вывода настраиваемых полей без редактирования файлов темы, но его гибкость расширяет границы полнофункционального редактирования сайта.

Быстрый вывод: MB Views предлагает солидный опыт разработчика, но немного не подходит для тех, кто не знаком с кодом.

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

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

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

Мощный инструмент для редактирования внешнего интерфейса

Скриншот редактора кода просмотра плагина MB Views.
Создание пользовательского представления с помощью редактора представлений плагина.

Мой опыт работы с экраном редактирования просмотра казался естественным. Редактор кода использует Code Mirror и тему Oceanic Next. В него встроены автотабуляция и автозаполнение, поэтому он похож на большинство автономных редакторов. Разработчики должны чувствовать себя как дома, быстро создавая собственное представление.

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

Снимок экрана пользовательской формы подписки по электронной почте с использованием плагина MB Views.
Настраиваемая форма подписки по электронной почте с MB Views.

В редакторе кода есть кнопка «Новое поле», которая открывает выдвижное окно в правой части экрана. Он позволяет пользователям вставлять поля сообщений, сайтов, пользователей и запросов. Опции также включают настраиваемые поля, созданные с помощью плагина Meta Box.

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

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

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

Скриншот метабокса настроек плагина MB Views.
Просмотр настроек и условий.

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

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

Проблемы и будущие улучшения

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

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

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

MB Views предлагает [mbv] для вывода представления в готовых к шорткоду областях, таких как контент публикации. Однако эквивалента блока для использования в редакторе блоков нет. На данный момент наличие шорткода без блока кажется серьезным упущением. Шорткоды должны умереть медленной и мучительной смертью.

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

Удобство для пользователя и будущее

Вы хотите получить значения полей Meta Box и поместить их в свои интерфейсные шаблоны, но вы не очень хорошо разбираетесь в программировании и не хотите трогать файлы тем?

Во вступительном описании MB Views утверждается, что плагин ориентирован на пользователей, не знакомых с программированием. Я не уверен, сможет ли обычный пользователь воспользоваться этим, не приобретя попутно каких-либо знаний в области кодирования. Интерфейс в первую очередь ориентирован на разработчиков. В буквальном смысле редактор представления — это редактор кода. У него есть простой в использовании инструмент для вставки полей, но эти поля часто будут бесполезны без некоторого знакомства с HTML и CSS.

Инструмент хорош в том, что он делает, но он кажется временной мерой в эпоху блочного редактора.

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

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

Скорее всего, у нас все еще есть как минимум год до полноценного редактирования сайта через блочную систему. Усилия команды Meta Box лучше всего направить на интеграцию редактирования представлений в эту систему. Дополнение MB Views сегодня является полезным и необходимым инструментом для многих пользователей плагинов Meta Box, но оно может не успеть набрать обороты, пока полнофункциональное редактирование сайта не станет основным. К этому моменту команда плагинов уже должна будет перейти в совершенно другой мир пользовательского опыта с WordPress.