Это новый день с очередной погоней за этим неуловимым блоком плагина, который принесет немного радости в нашу жизнь. Сегодняшний эксперимент любезно предоставлен плагином Feature Box от Sumaiya Siddika. Это простой блок, который позволяет конечным пользователям загружать изображение и добавлять контент в поле смещения.
Вывод плагина – это типичный шаблон для Интернета. Как обычно, интересно смотреть, как авторы плагинов экспериментируют с предоставлением этих функций пользователям WordPress. Хочется видеть больше, особенно от новых разработчиков плагинов.
Нам удалось быстро запустить блок, добавив свой собственный контент. Ниже показано, как выглядел блок после ввода нашего контента и его настройки. Представились блоггером рецептов для этого теста.
На техническом уровне плагин работал хорошо. Но столкнулись с ошибками. Надо было просто настроить. Однако он никогда не казался идеальным для пользователя.
Первое, что заметили, это то, что загрузка изображений происходит на боковой панели параметров блока. Базовые блоки WordPress имеют специальную кнопку на панели инструментов для добавления изображений и других медиафайлов. Также обнаружили, что нужен более прямой контроль над отдельными элементами. Как можно изменить размер шрифта заголовка? Где были типичные стили кнопок, такие как контур и сплошной цвет? Как вставить другие блоки, например список?
Ничего из этого было невозможно. Как и многие другие блоки, разработчик создал систему с определенными параметрами, и пользователь не может выходить за их пределы. Бывают моменты, когда такая жесткость имеет смысл, например, при создании пользовательских блоков для клиентов. Однако чаще всего публично выпущенные плагины должны быть гораздо более открытыми.
Этот строго контролируемый блок отражает то, как WordPress работал в прошлом. Часто он был негибким, оставляя пользователей на то, что разработчики тем и плагинов считали лучшими для их сайтов.
Система блоков состоит в том, чтобы отбросить эти чрезмерно жесткие концепции и дать пользователям возможность управлять своим контентом. Задача плагинов и тем – определить структуру, в которой работает пользователь. Они установили некоторые правила, чтобы более или менее не допустить нарушения, но пользователи могут пристегиваться к водительскому сиденью. Их пункт назначения – их собственный.
Блок был бы гораздо более разносторонним, если бы пользователи могли контролировать весь контент в блоке. В идеале они могли бы поместить любые блоки, которые захотят, в область «содержимого» блока Feature Box. Дизайн также лучше соответствовал бы их теме.
Пару недель назад я написал пост под названием « Вам может не понадобиться этот блок» . Предпосылка заключалась в том, что пользователи могли воссоздавать некоторые блоки с помощью текущего редактора, а разработчики могли упростить это, предлагая шаблоны.
Знали, что репликация этого конкретного блока была бы невозможна без хотя бы небольшого количества настраиваемого кода. В редакторе WordPress нет функции смещения позиции блока.
Автор темы может легко воспроизвести эту функцию. Как правило, создавали собственный узор, укомплектованный всеми существующими частями. Хотелось подойти к этому с помощью пользовательских стилей блоков. Это позволит конечным пользователям выбирать смещение содержимого на боковой панели и при необходимости переключать его.
Примечание. Для тех, кто хочет узнать, как создавать собственные стили блоков, лучше всего подойдет руководство Каролины Наймарк .
Блок Cover стал для этого идеальным кандидатом. Поскольку у него есть элемент «внутренняя оболочка», это означало, что можно нацелить его с помощью CSS и перемещать. Ниже приведен снимок экрана созданного стиля Offset Left:
Просто скопировать код и изменить несколько значений, чтобы сразу после этого создать стиль смещения вправо. Код доступен как GitHub Gist . Это простой экспериментальный образец, а не отточенный продукт. Существуют различные подходы к этому, и несколько вариантов блока Cover остаются необработанными. Авторы тем могут взять код и работать с ним.
Эти стили блоков выглядели намного лучше, потому что они соответствовали нашей теме. Все, от интервала до радиуса границы и кнопки, выглядело так, как должно.
Большой победой было то, что был контроль над дизайном каждого аспекта поля с контентом. Можно выбрать желаемый стиль кнопки. Можно изменить размер шрифта. Интервал по умолчанию соответствует этой теме, как и должно быть.
Проблема, с которой сталкиваются с методом блочного стиля, заключается в том, что пользователи могут управлять цветом фона поля содержимого. Плагин Feature Box выигрывает здесь в категории пользовательского опыта, потому что у него есть опция для этого. Созданный стиль блока наследует фон от родительского блока Cover. Может быть не сразу очевидно, как это изменить.
Другая «проблема» стиля блока заключается в том, что он не поддерживает широкое и полное выравнивание для блока Cover. Это потому, что еще не зашли так далеко, а только скопировали макет плагина. Оставим это дизайнерам тем, над которыми они могут повозиться. Есть много возможностей для изучения; не ждите, пока вам представят все идеи .
Наша цель в этом и подобных постах – показать, как надо подходить к этим вещам как пользователь и как разработчик. Как пользователь, необходимо гибкости во всем. Как разработчик надо предоставить решения, которые нужны как пользователю.
Хочется, чтобы авторы плагинов и тем думали не только о своем первоначальном варианте использования, но и при построении блоков, шаблонов, стилей и т. д. Заложите основу. Затем расширьте эту первоначальную идею, подумав обо всех способах, которыми пользователи могут захотеть настроить то, что вы создали.
