Программа FSE: медиа-опыт и его будущее в WordPress

Программа FSE Outreach возвращается с очередным этапом тестирования. Энн Маккарти просит добровольцев протестировать и предоставить отзывы о функциях, связанных с мультимедиа, в WordPress . Любой желающий может внести свой вклад, а обратная связь открыта до 23 февраля.

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

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

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

Задача № 1: Изучение возможностей

Я немного изменил эту задачу. Призыв к тестированию требует, чтобы добровольцы изучили, что в настоящее время возможно с основными блоками, связанными со СМИ. Тем не менее, я работаю с ними каждый день, поэтому я знаю большую часть всех тонкостей системы.

Вместо этого я изучил каталог фотографий WordPress — мое любимое место в Интернете прямо сейчас — и посмотрел, какие новые изображения появились. В наши дни я посещаю Pexels, Pixabay и Unsplash гораздо реже, и я уверен, что смогу вообще избавиться от них, поскольку в каталоге появляется больше медиафайлов с лицензией CC0.

Я скачал изображение жирафа Маркуса Бернетта. Затем я попытался добавить пару различных эффектов скотча/полароида с помощью пользовательских стилей блоков. Ниже приведен скриншот одного из них:

Я счастлив, что сбился с пути на этом этапе исследования. Я многое узнал о внутренней работе блоков в редакторе и о том, что стилизация ::after псевдоэлемента проблематична. WordPress использует его для добавления синей рамки вокруг выбранных элементов. Итак, я просто стер это, по крайней мере, для своих пользовательских стилей. Я на 100% уверен, что в какой-то момент это вернется, чтобы укусить меня.

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

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

Трудно вспомнить, что было время, когда это было невозможно в WordPress.

Задача № 2: Мое видение СМИ

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

Быстрое продвижение вверх по моему списку желаний — это интеграция с WordPress Photos. Теперь, когда каталог приближается к 1000 изображений менее чем через два месяца после его мягкого запуска, становится ясно, что сообщество поддерживает проект. Поиск изображений без двусмысленных условий лицензирования идет рука об руку с видением WordPress открытой сети. Пользователям просто нужен легкий доступ к ним.

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

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

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

Добавление существующих элементов управления блочным дизайном также помогло бы. Внедрение параметров границ для ряда блоков, связанных с медиа, — это несложная задача. Подписи должны быть выделенным блоком с набором элементов управления типографикой и цветом. Параметры отступов и цвета фона для <figure>обертки вокруг изображений позволят пользователям «обрамлять» свои фотографии:

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

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

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