На выходных Мунир Камаль выпустил версию 2.0 своего плагина ACF Blocks , проекта, который создает набор блоков для редактора. Плагин предлагает 18 пользовательских блоков в бесплатной версии и еще 15 в профессиональной версии . Он построен на основе Advanced Custom Fields Pro (ACF Pro).
В последнем обновлении плагина добавлена поддержка типографики, включая варианты использования различных шрифтов Google для текста внутри блока. Камал также включил базовые варианты стилей для таких функций дизайна, как поля и отступы для каждого блока в плагине.
Поскольку ACF Pro является жесткой зависимостью, он ограничивает аудиторию блоков ACF. В значительной степени этот плагин будет полезен для агентств и фрилансеров, которым необходимо быстро создавать функции для клиентов в рамках своего бюджета. С этой целью плагин отлично справляется.
Тесная связь с ACF Pro ухудшает взаимодействие с пользователем плагина. Однако идеи, лежащие в основе блоков ACF и его настраиваемых параметров, компенсируют недостатки, связанные с зависимостью от родительского плагина. Разделение этих двух вариантов маловероятно, но это упростит работу и откроет плагин для более широкой аудитории.
Камал вдохновился плагином от ACF и его профессиональной версии. Он описал процесс построения блоков с помощью фреймворка «супер простым» даже для разработчика среднего уровня. «В течение многих лет это была такая замечательная структура WordPress для создания настраиваемых полей», – сказал он. «И когда [Эллиот Кондон] объявил о функции создания блоков в ACF, это быстро подтолкнуло меня к созданию этой коллекции готовых к использованию блоков ACF».
Самым большим техническим ограничением является то, что Kamal не может строить вложенные блоки, что является текущим ограничением ACF. «Я уже обсуждал это с [Кондоном], и он уже работает над тем, чтобы реализовать эту функциональность, надеюсь, в ближайшее время», – сказал он. «Как только это дойдет до ACF, мы сможем создать более удивительные и мощные блоки Гутенберга».
Полезный ассортимент блоков
Тестируя в основном бесплатную версию блоков ACF, я обнаружил, что в ней есть несколько полезных блоков, которые могут немедленно удовлетворить общие потребности конечных пользователей. С 18 доступными бесплатными блоками пользователям есть над чем поработать, прежде чем решить, хотят ли они перейти по пути обновления до профессиональной версии.
Один из лучших блоков коллекции – блок Photo Collage. Это ответ ACF Blocks основному блоку Gallery. Параметры сетки только для этого блока делают этот плагин достойным внимания. Блок предлагает от 2 до 15 макетов сетки, в зависимости от варианта сетки, который выбирает пользователь.
Второй мой фаворит в ассортименте – Блок отзывов. В сочетании с опциями типографики, доступными для всех блоков, вы можете получить массу удовольствия, создав раздел с отзывами.
Это небольшой пример того, что может делать плагин. Блок Прайс-лист может помочь сайтам ресторанов настроить свое меню. Блок Pricing Box, особенно когда он вложен в основной блок Columns, упрощает настройку раздела цен с несколькими вариантами продукта. Кроме того, блок «Команда» упрощает создание разделов профиля на странице «Команда / о компании».
Следующие блоки доступны в бесплатной версии (еще несколько в версии pro):
- Прокручиваемый блок изображения
- Блок вкладок
- Переключить блок
- Аккордеон Блока
- Блок слайдера изображений
- Блокировка обмена в социальных сетях
- Блок фотоколлажей
- Блокировка сообщений
- Блок отзывов
- Командный блок
- Блок с несколькими кнопками
- Блок ценовых рамок
- Блок прейскуранта
- Блок начального рейтинга
- Блок индикатора выполнения
- Блок номера счетчика
- Нажмите, чтобы твитнуть Блок
- Блок рабочего времени
Любимые блоки Камала из общего набора – это Image Hotspot, который позволяет пользователям устанавливать фон изображения с «указателями» для всплывающего контента; До После изображения, который позволяет пользователям сравнивать два изображения с помощью ползунка; и Photo Collage, блок галереи плагина на основе сетки. Первые два доступны только в профессиональной версии плагина. Создатель плагина считает, что все блоки полезны, но создавать их было очень интересно.
Есть куда расти
Блоки ACF – отличная концепция. Он делает многое правильно. Однако есть незначительные проблемы, которые затрудняют работу с его блоками. Эти проблемы не являются непреодолимыми, и я ожидаю, что Камаль решит их в следующих версиях, основываясь на знании своих прошлых работ и стремлении создавать отличные продукты для пользователей.
Самая непосредственная проблема, которую, вероятно, проще всего исправить, – это стили плагина для левого и правого полей в каждом блоке. Плагин сбрасывает эти поля по умолчанию. В зависимости от активной темы на сайте это может привести к смещению блоков к краю экрана, а не к области содержимого на передней панели. Некоторые темы используют левое / правое поля для выравнивания содержимого. Это проблема не только для блоков ACF. Это распространено среди плагинов с интерфейсным выводом.
Одно из быстрых решений проблемы маржи – заключить любой из блоков плагина в основной блок Group. Это вернет поля под контроль темы.
Редактирование содержимого блока происходит на панели параметров блока, а не непосредственно в блоке. Я не уверен, является ли это ограничением использования фреймворка ACF Pro или дизайнерским решением Камала. Кажется странным переключаться между редактированием контента в области контента и редактированием контента на боковой панели.
Одним из примеров моей путаницы с содержимым блока был блок Photo Collage. Я нажал на блок, надеясь, что медиатека появится для загрузки. Ничего не случилось. Я щелкнул еще раз, потому что, может быть, в первый раз я не получил хорошего щелчка. Ничего не случилось. В конце концов я нашел кнопку загрузки изображения под панелью опций блока справа.
Иногда установка параметров блока может показаться немного медленной, так как вывод блока в редакторе не сразу отражает изменения. Это в первую очередь потому, что блоки ACF полагаются на возможности рендеринга на стороне сервера ACF Pro. Вряд ли это можно решить в плагине блоков. Некоторым пользователям может показаться утомительным отложенный рендеринг при редактировании нескольких параметров.
Последние мысли
Камаль собрал полезный набор блоков, который поможет многим конечным пользователям создавать разделы контента, которые они не могут создать из коробки. Между бесплатной и профессиональной версиями всего 33 блока. Создатель стремится со временем добавлять больше блоков на основе отзывов пользователей. В ближайшем будущем он планирует продолжать исправлять ошибки и улучшать код.
Мне все еще кажется, что то, как работает ACF Pro, мешает тому, насколько хорошим мог бы быть этот плагин, если бы он был создан с нуля. С учетом сказанного, фреймворк помог сделать плагин Камала реальностью. ACF Blocks – это демонстрация того, что возможно с помощью ACF Pro, которое должно вдохновить других разработчиков, которые ищут решения, построенные на основе одной из наиболее широко используемых фреймворков в экосистеме WordPress.
Камаль понимает, что некоторые пользователи ACF Pro могут попробовать свои силы в создании аналогичных блоков, но считает, что знания его команды и стремление предложить поддержку являются наиболее важными составляющими уравнения. «Блоки ACF экономят время и силы на создание блоков самостоятельно для наиболее распространенных элементов веб-дизайна», – сказал он.
Примечание: этот обзор плагина и отзывы были запрошены автором плагина. Прочтите наш пост о честных отзывах, основанных на реальном опыте, чтобы узнать больше о том, как обрабатываются отзывы.
