Mimimi , отмеченная наградами игровая студия из Мюнхена, запустила новый веб-сайт WordPress, на котором представлен интересный пример Гутенберга в дикой природе. Хотя вы, возможно, не сможете сказать об этом на внешнем интерфейсе, за кулисами новый блочный редактор дополняет макет настраиваемыми блоками, позволяя команде Mimimi легко обновлять различные разделы своего веб-сайта.
Luehrsen Heinrich , местное рекламное агентство, создало сайт с индивидуальной темой и семью блоками, адаптированными для поддержки требований команды Mimimi к редактированию.
«Общая задача заключалась в том, чтобы создать элегантный веб-сайт, который будет очень легко и быстро поддерживать, и который, возможно, позже получит раздел блога / новостей», – сказал Хендрик Люерсен, генеральный директор Luehrsen Heinrich. «Мы знали, что у нашего клиента есть удивительно творческие и технически подкованные люди, которые нам доверяют. Это вселило в нас уверенность в том, что мы отправимся в Гутенберг ».
На сайте используется фоновый блок, который позволяет редакторам создавать различные фоновые рисунки и волнистые разделители. Люрсен сказал, что он работает с «InnerBlocks», аналогично столбцам, поэтому он может содержать любой другой блок.
На сайте также есть настраиваемый блок Discord, который динамически извлекает некоторые настройки для отображения набора пользователей из Discord, которые Mimimi использует для внутреннего общения. В блоке отображается обновленный состав команды. Социальные сети и игровые блоки позволяют редакторам легко обновлять текст и изображения с уже установленным макетом.
«Я почти уверен, что мы могли бы сделать тот же макет примерно на 80%, комбинируя столбцы, абзацы и изображения, но мы не хотели, чтобы наш клиент возился, как в MS Word, когда вы пытаетесь разместить изображение», – сказал Люерсен. . «Поэтому создание простого блока макета было логичным».
Веб-сайт Mimimi также использует настраиваемый блок регистрации Mailchimp и настраиваемый блок-разделитель, который предлагает большую гибкость и отзывчивые точки останова.
«В целом мы (и наши клиенты) очень довольны результатом», – сказал Люрсен. «Мы можем видеть будущее WordPress впереди с этим блочным редактором. Но предстоит пройти еще очень долгий путь, пока нам действительно нечего будет сглаживать. Есть определенные вещи, над которыми по-прежнему нужно много работать ».
С точки зрения разработки, Люерсен сказал, что его команда все еще борется со стилями серверной части для редактора и что из-за этого стили внешнего интерфейса и внутреннего интерфейса сильно различаются. Они также еще не нашли поддерживаемого и стабильного способа применения глобальных стилей к редактору Гутенберга. Помимо этих нерешенных проблем, агентству понравилось создавать для нового редактора, и скоро будет запущен еще один продукт в виде страницы Гутенберга для другой группы клиентов.
Опыт Гутенберга в Mimimi Games: редакторы высоко оценивают концепцию блока, но все еще сталкиваются с проблемами удобства использования
Йоханнес Рот, генеральный директор Mimimi Games, сказал, что его команда использовала WordPress в прошлом и видит в Гутенберге серьезное улучшение для редактирования контента.
«Честно говоря, мне это очень нравится!» – сказал Рот. «Намного легче понять настройку страницы и настроить ее. Если редактор Гутенберга получит несколько улучшений взаимодействия с пользователем, я определенно увижу, что это новый уровень искусства для поддержки страниц. Но зная, что он все еще официально не выпущен, с моей точки зрения, он был очень надежным и легким для понимания ».
Рот сказал, что его команда ценит настройку блоков, возможность реорганизовать контент, наличие небольших фрагментов контента для работы и индивидуальные параметры для каждого блока.
«Странные панели инструментов меньше отвлекают, и основное внимание уделяется контенту», – сказал Рот. «Это также больше похоже на то, как мы должны думать об отделении части форматирования и оформления от контента, а также о настройке правильных страниц для удобства SEO».
Рот определил две вещи, которые команда Mimimi упускает из предыдущего редактора:
- Нажатие клавиши tab для отступа маркированных списков и сдвига вкладки для обратного
- Использование ctrl + a для быстрого выделения всего текста внутри блока (иногда он выделяет всю страницу целиком, что не помогает).
«Самая большая проблема с удобством использования до сих пор заключалась в комбинации блоков и столбцов, из-за которой иногда очень сложно нажать значок«… », потому что зоны наведения курсора складываются», – сказал Рот.
Включение рассказчиков в современную сеть: почему Luehrsen Heinrich сделала рывок в Gutenberg Development в качестве агентства
Люрсен сказал, что его агентство решило сесть на поезд Гутенберга в прошлом году на WordCamp Europe, отказавшись от собственных идей по созданию нового конструктора страниц.
«За один или два месяца до WCEU в Париже мы сидели над концепцией и альфа-версией нашей собственной системы компоновщика страниц, которая была пугающе похожа на подход на основе блоков», – сказал Люерсен. «Эти вопросы и ответы Мэтта заставили нас быстро понять, что наш проект уже устарел. Нам повезло, что мы довольно быстро прошли через пять этапов горя ( этот пост о структурированных данных, должно быть, был «торгом»). Мы изменили порядок наших приоритетов и начали работать с Гутенбергом и над ним в конце октября или ноябре 2017 года ».
Luehrsen Heinrich – небольшое агентство, состоящее всего из четырех человек, которые по-разному связаны с Гутенбергом. Люрсен – активный участник проекта, представивший свой первый PR во время рождественских каникул. В команде также есть разработчик, который знает создание блоков изнутри и снаружи, дизайнер, который разрабатывает UX и стиль их блоков, и менеджер проекта, который работает с клиентами над их требованиями к редактированию Gutenberg.
Люерсен сказал, что участие в программе Gutenberg очень помогло в создании обучающих блоков, несмотря на отсутствие опыта работы с React и ES6.
«Работа с Гутенбергом, участие в проекте и получение немедленных отзывов от замечательной команды Гутенберга очень помогли нам в наладке нашего процесса», – сказал Люерсен. «Наш текущий процесс создания блоков в значительной степени основан на работе Гэри, Адама, Матиаса и всех остальных, возможно, за исключением того, что мы используем LESS внутри, а не SCSS. Но от структуры папок до процесса сборки и структурирования файла мы стараемся как можно точнее следовать стилю репозитория Гутенберга, так как это упрощает отладку и поиск проблем ».
После успешного перехода к созданию нового веб-сайта Mimimi Games на базе Гутенберга команда Люерсена готова создавать больше клиентских сайтов с новым редактором. Он видит в этом способ улучшить взаимодействие с пользователем по более выгодной цене для клиента.
«Наши клиенты разделяют нашу веру в то, что рассказывание историй в современной сети – это гораздо больше, чем просто написание текста», – сказал Люерсен. «TinyMCE как редактор« Rich Text »проделал потрясающую работу, но все же объединение различных типов мультимедиа в цельную историю было беспорядком с метабоксами, шорткодами, а иногда для тизеров вам даже приходилось выходить из экрана редактирования. Гутенберг красиво и ненавязчиво сочетает все это. И, как всегда: если вы можете получить хороший результат быстрее, то сэкономленное время – это именно то, что покупает клиент ».
