Создание контента — это больше, чем просто редактор

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

Давайте представим мир, в котором имеющиеся у нас инструменты не ограничивают нас, а позволяют создавать уникальный, контекстуальный и продуманный контент. Мы не воюем с ними, мы не придираемся к разрывам строк и полям.

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

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

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

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

Я не смог попасть на WordCamp US, но признаюсь, что сидел с отвисшей челюстью от радости, слушая видео, призывающее сосредоточиться на редакторе в 2017 году.

Первые обсуждения на make.wordpress.org и в slack невероятно обнадеживают. Сообщество взяло на себя эту ответственность и движется вперед со страстью, отражающей важность поставленной задачи.

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

Первый вопрос должен звучать так: «Что делает контент хорошим?» Что такое «контент»? Контент живет только в посте или на странице? Каковы его основные элементы? Как эти элементы взаимодействуют и соотносятся друг с другом? Каков жизненный цикл контента? Где и как он проявляется на сайте? Контент ведет себя по-разному в разных сценариях или позициях?

Если мы начнем с этих вопросов, их ответы станут нашими целями для пользовательского интерфейса. На вопрос «что делает хорошего редактора» есть четкий ответ — тот, который делает достижение этих целей восхитительным и легким.

Потребность в более надежном инструменте для создания контента не нова

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

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

Они должны были меняться день за днем. Мы собирались выбросить все, что знали о создании сайтов в WordPress. Нам пришлось отказаться от иерархии шаблонов и начать с нуля. Страница терминов таксономии в админке не подходила.

Между тем, «художественная режиссура» или «редакционные посты» стали чем-то особенным. Такие люди, как Джейсон Санта-Мария и Трент Уолтон, публиковали красивые, сделанные на заказ статьи с редакционным дизайном. Я никогда не был так взволнован потенциалом Интернета, как когда увидел те первые статьи Джейсона Санта-Марии — я обожаю хороший дизайн контента.

В какой-то момент вскоре после этого NY Times опубликовала Snowfall, и всем, с кем мы говорили, нужна была «полная форма» (даже если они понятия не имели, почему и что это может означать). Я провел свои собственные эксперименты, пытаясь воссоздать эту функциональность в WordPress — в то время это означало полную разметку и множество пользовательских CSS, которые были приготовлены в WYSIWYG. Красивый результат, дрянной опыт.

Это два действительно распространенных (и старых) примера того, как контенту нужно больше, чем может предложить инструмент.

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

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

Мы должны учиться у модульной разработки и атомарного дизайна

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

Мы внедрили модульное и систематическое мышление в нашу практику кодирования, разбив когда-то монолитные шаблоны на более мелкие повторно используемые части. Мы применили системное мышление и атомарные подходы к нашей работе с UI/UX и визуальным дизайном.

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

Распространение этой философии на создание контента и управление им

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

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

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

Создание модульного контента

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

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

Когда мы смотрим на большинство исполнений контента в Интернете, они на самом деле менее интересны, менее увлекательны и менее красивы, чем то, что наши печатные коллеги делали веками (я имею в виду буквально века).

У нас есть все преимущества, но мы не можем создать ничего более интересного, чем предварительно отформатированный поток контента. Наша настойчивость в том, что контент и презентация должны быть разделены, — это шаг вперед — они связаны по своей сути. Были ли вчера шокирующие новости? Жаль, вы получаете тот же слот для избранных изображений размером 400 пикселей, что и любая другая история.

Я отказываюсь верить, что это лучшее, что мы можем сделать.

TinyMCE не является вершиной инструментов для создания контента.

Платформа, которая может понять, как сделать создание контента увлекательным и мощным, — это платформа, которая будет продолжать расти. Хотя Calypso — интересный инженерный подвиг и полезная модель для будущего развития, он мало что сделал для продвижения того, что на самом деле означает создание контента в среде WordPress.

Пытаться бороться с этим с помощью одного WYSIWYG — отстой.

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

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

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

• Элементы – простейшая единица. Строки текста, отдельные изображения, видео, поле ввода формы или кнопка
• Компоненты или блоки - группы элементов, образующие единое целое.
• Модули - группы дополнительных компонентов для создания большего целого.
• Страницы (или сообщения, или CPTS, или что-то еще) — группы модулей для формирования законченного контента.

Чтобы продвинуть инструменты создания контента WordPress вперед, мы должны посмотреть, какими могут быть эти элементы, компоненты и модули, как они соотносятся друг с другом. Создаются ли они на лету, самоуверенны или гибки. Тогда как мы их создадим. Как они связаны с темами и святостью данных. И так далее.

Модульное управление контентом (модульная контент-стратегия)

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

В современных CMS у нас есть несколько инструментов. Теги и категории в сочетании с родительскими/дочерними отношениями — это основные организационные структуры, встроенные в WordPress. Конечно, их можно расширить, включив любое количество вообразимых таксономических структур.

Такие инструменты, как Post to Posts (P2P), предоставляют и создают интересный одноранговый уровень, позволяющий создавать отношения 1:1, 1:многие или многие:многие.

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

Подумайте об экране термина категории в WordPress. Какие инструменты управления контентом у вас есть? Что ты можешь сделать? Чем вы можете управлять ? Совсем немного. Оглянитесь на историю выпусков WordPress — когда этот экран изменился?

Мы не реализуем свой потенциал, если остановимся на таксономической организации как на краеугольном камне управления контентом.

Цикл — это одна из центральных концепций управления контентом WordPress. Хотя это невероятно мощное средство и ключ к пониманию того, как думать о вашем контенте, это начало, а не конец управления контентом. Мы не можем остановиться на «списке» как на вершине нашей контент-стратегии.

Потребности со временем меняются

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

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

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

Отношения должны быть богаче, чем термины таксономии

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

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

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

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

Вы A: вручную вводите отрывки из этих фрагментов контента в виджет боковой панели, жестко кодируете некоторые ссылки, пытаясь применить определенный класс, который делает ссылки похожими на кнопки, но вы не можете вспомнить, является ли это .btn_round или .btnround или .round_btn_blue_large, и молитесь, чтобы он оставался на том же месте ИЛИ B: создайте модуль «Ключевая информация для новых студентов», динамически ссылаясь на каждую часть контента и перетаскивая его в верхнюю часть главной страницы, перемещая устаревшую галерею выпускных экзаменов, которую вы забыли удалить. Последняя весна?

Старая школа — это вариант А. Новая школа — вариант Б (и это не крутая старая школа, это хромая, разочаровывающая старая школа).

Путь вперед модульный

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

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