Ну, шиш. Я открыл маленькую банку с червями, когда делился с Мириам «Есть ли я на IndieWeb?» с короткий пост, оплакивающий собственную беду садитесь в поезд IndieWeb. Но это хорошая банка червей.
Я думаю, это было что-то вроде следующего дня после публикации того короткого поста, который Дэвид Шанске протянул руку и предложил помочь мне понять IndieWeb и компоненты, которые он включает. И черт возьми, если бы это не было смехотворно полезным! Настолько, что я хотел бы свяжите вас с новым постом, который Дэвид написал после того, как мы поговорили, а затем подытожить здесь как можно лучше, потому что (1) полезно записывать вещи и (2) иметь ссылку на будущее.
Да, IndieWeb сбивает с толку.
На самом деле Дэвид помог кому-то настроить их сайт WordPress с возможностями IndieWeb. Этот человек тоже изо всех сил пытался понять, как различные части сочетаются друг с другом. Итак, Дэвид уже думал об этом, когда мы с Мириам писали.
«IndieWeb» — это новый термин для многих людей, из-за которого возникает много путаницы. Это каркас? Философия? Набор стандартов? В зависимости от того, какой из них, ожидания меняются в зависимости от того, как это выглядит, чтобы быть его частью.
Это как бы все вышеперечисленное. И это нужно немного укрепить. В самом IndieWeb нет ничего запутанного, если вы посмотрите на него через эти разные линзы. Прочитав сообщение Дэвида, я понял, что IndieWeb — это скорее набор протоколов. Что-то вроде работы со структурированными данными или OpenGraph в разметке. Само по себе нечего устанавливать, но есть стандарты того, как интегрировать их в свою работу.
Ваша личность поддерживает IndieWeb. Другими словами, ваш сайт устанавливает вашу личность и может использоваться для многих вещей, например:
- Уведомлять другие сайты, поддерживаемые IndieWeb, когда они упоминаются
- Получать уведомления с других сайтов IndieWeb, когда вас упоминают
- Получить информацию из упоминания и отформатировать ее для отображения
- Подтвердить свою личность через собственный веб-сайт (как кнопка входа в Google, но подключенная к вашему сайту).
- …среди прочего.
Если это звучит как пингбэки, что ж, так оно и есть. Но гораздо более надежный и обслуживаемый.
Реализовать функции IndieWeb на WordPress иначе (и, возможно, проще), чем на статическом сайте.
Большая разница в том, что WordPress предоставляет множество требований, необходимых для работы IndieWeb. Мне нравится, как Дэвид объясняет это:
Реализация IndieWeb на WordPress представляет собой [серию] строительных блоков, которые вы можете использовать или не использовать, что делает его замечательным, но иногда сбивающим с толку. У WordPress есть философия решений, а не вариантов. Но IndieWeb — это все о вариантах… о создании функций, которые подходят именно вам.
Эти строительные блоки представляют собой плагины, которые вы устанавливаете для добавления протоколов и технологий IndieWeb в WordPress. Удивительно, что они легко доступны, потому что это требует много работы. Тем не менее, запустив статический сайт, вы должны установить большую часть этого самостоятельно.
Пост Дэвида на 100% посвящен реализации WordPress. Ваш пробег может варьироваться, но вы, безусловно, уйдете с лучшим представлением о том, какие протоколы доступны и как они сочетаются друг с другом, после прочтения его поста — и, надеюсь, этого тоже.
Плагин IndieWeb WordPress устанавливает вашу личность.
Я думал, что за кулисами делается так много всего, но все намного проще:
Плагин сам по себе устанавливает вашу личность так, как ее видит IndieWeb. Он предлагает шаблон h-card и виджет. H-Card — это разметка для разметки информации о человеке или месте. Таким образом, это элемент, который многие люди все равно предпочитают размещать на своем сайте.
Так что на самом деле можно получить то же самое, правильно разметив тему WordPress. Удобство здесь в том, что вы получаете удобный маленький шаблон, размеченный для поддержки h-card
открытый формат и виджет, чтобы поместить его в область виджетов темы.
Вот очень подробный пример h-card
разметка взята из документация по микроформатам2:
<div class="h-card"> <img class="u-photo" alt="photo of Mitchell" src="https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"/> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >Mitchell Baker</a> (<a class="u-url" href="https://twitter.com/MitchellBaker" >@MitchellBaker</a>) <span class="p-org">Mozilla Foundation</span> <p class="p-note"> Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities. </p> <span class="p-category">Strategy</span> <span class="p-category">Leadership</span>
</div>
Видите эти имена классов? Классы как .h-card
, u-photo
, p-name
и т. д., все они обеспечивают контекстуальное значение для личности человека, которое затем анализируется как JSON:
{ "items": [{ "type": ["h-card"], "properties": { "photo": ["https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"], "name": ["Mitchell Baker"], "url": [ "http://blog.lizardwrangler.com/", "https://twitter.com/MitchellBaker" ], "org": ["Mozilla Foundation"], "note": ["Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities."], "category": [ "Strategy", "Leadership" ] } }]
}
Плагин не выполняет отправку, получение или синтаксический анализ. Вместо этого он предоставляет сайту WordPress возможность подтвердить вашу личность в разметке.
Не все темы WordPress поддерживают микроформаты.
Если вы, как и я, впервые почесали затылок, увидев «Микроформаты», Дэвид дает прекрасное определение:
[…] Микроформаты… способ разметки HTML, позволяющий идентифицировать элементы. Это один из нескольких способов сделать это, но он очень прост и удобочитаем, поэтому он популярен в сообществе IndieWeb.
Проблема, как продолжает Дэвид, заключается в том, что многие темы не размечены в соответствии с микроформатами. Плагин Microformats2 предназначен для исправления. Тем не менее, Дэвид быстро отмечает, что плагин чрезвычайно ограничен в том, как он выполняет это, и рекомендует вместо этого размечать тему вручную.
По словам Дэвида, следующий основной выпуск плагина Webmention, скорее всего, будет включать в себя более интеллектуальные способы обнаружения контента и изображений, которые он может использовать, и форматирования их для поддержки Microformats2.
Webmentions отправляют и получают уведомления.
Итак, если вы установили свою личность через свой сайт, чтобы вас могли обнаружить, и ваш сайт помечен для h-card
поддержка с использованием Microformats2. Большой! Вам все еще нужно что-то среднее, работающее оператором, который отправляет и получает уведомления. Другими словами, когда другой сайт упоминает вас — это называется Webmention — сайту, упоминающему вас, нужен способ поддержки отправки этого упоминания вам, а вашему сайту нужен способ принять его (или наоборот).
Вот что Плагин веб-упоминания для. Это также, вероятно, источник большей части моей путаницы в IndieWeb. Я думал, что это форматирование данных и нужна дополнительная служба для их отправки и получения. Неа! На самом деле это отправка и получение данных, а не создание упоминания. Вернемся к Дэвиду:
Когда он был создан, плагин занимался только получением и отправкой веб-упоминаний, а не отображением в какой-либо степени. Semantic Linkbacks, отдельный плагин, обрабатывающий не только веб-упоминания, но и более старые протоколы pingback и trackback.
Итак, плагин Webmention передает уведомления. Между тем, другой плагин под названием Semantic Linkbacks обрабатывает данные. И что, черт возьми, такое Semantic Linkbacks?
Семантические обратные ссылки извлекают и обрабатывают данные.
Семантические ссылки это еще один плагин, который обрабатывает другую часть процесса. Я никак не могу объяснить это лучше, чем это уже сделал Дэвид:
Semantic Linkbacks принимает веб-упоминание, которое является уведомлением о том, что другой сайт связался с чем-то на вашем сайте, получает другой сайт и пытается отобразить информацию. То, как это делается, может варьироваться от фотографии профиля (если она может быть найдена) до интерпретации ее как полного комментария.
Это делается с помощью микроформатов.
Я ожидал, что основной плагин IndieWeb уже делает это, поскольку он обрабатывает другую разметку. Но он предоставляет только шаблон и виджет для вашей идентификации на вашем сайте. Как только плагин Semantic Linkbacks получает входящее веб-упоминание, он берет данные, форматирует их, а затем пытается их отобразить.
Похоже, плагин будет несколько объединен (или заменен) с будущей версией плагина Webmention:
Поскольку многие люди не склонны или не хотят изменять тему, новая версия Webmentions будет включать в себя несколько различных альтернативных способов поиска изображения или сводки для отображения… из OpenGraph (который Facebook и Twitter используют для отображения предоставленных ему URL-адресов). ) для определения версии страницы WordPress REST API и использования ее для получения имени автора и изображения профиля. Ни один из них не предоставит столько контекста, как микроформаты, но опыт все равно будет чем-то, что стоит установить.
Это, безусловно, хорошо, так как он подключается к API REST WordPress для ответа JSON и форматирует его для отображения.
Brid.gy — это сервис, помогающий отображать взаимодействия.
Webmention может быть взаимодействием, например, кто-то любит ваш пост в Твиттере или ретвитит его.
Отличие лайка от репоста от комментария от всего, что должно произойти, и вам нужно будет реализовать API Twitter (или что-то еще), чтобы провести эти различия.
Это то, что вы, безусловно, можете сделать! Но если вы предпочитаете «подключи и работай», один из членов сообщества IndieWeb создал сервис под названием Бридж.гы. Вы создаете учетную запись, подключаете свой сайт и даете разрешения приложению для службы… и все готово!
То, что сделал Brid.gy, — это, по сути, реализация API для Twitter, Facebook, Instagram и других, так что, когда он обнаруживает, что сообщение в этих службах взаимодействует с вашим синдицированным сообщением, Webmention отправляется на ваш сайт и проходит через процесс публикации на собственном сайте.
Есть намного больше!
Быстрые обращения:
- ИндиАутентификация: Это протокол, основанный на OAuth 2. Плагин устанавливает конечную точку в WordPress REST API, которую можно использовать для аутентификации вашей личности через собственный размещенный сайт — по сути, вашу собственную кнопку входа в Google, но без самостоятельной установки этой конечной точки или необходимости полагаться на отдельный размещенный API.
- Микропаб: Для тех, кто использует WordPress, но предпочитает другой редактор, можно установить Плагин для микропаба. Это добавляет конечную точку который позволяет публиковать контент на вашем сайте и с помощью редактора, поддерживаемого Micropub, создавать элементы в ленте Microformats2, что дает вам больше возможностей для написания контента вне редактора блоков WordPress.
- Простое расположение: Дэвид написал этот плагин и я был очень впечатлен, когда он продемонстрировал это для меня. Идея состоит в том, что он извлекает данные из вашего текущего местоположения, которые можно использовать для всего: от отображения погоды на момент написания сообщения до создания всего архива сообщений на встроенной карте на основе местоположения сообщения. Честно говоря, я бы хотел, чтобы что-то подобное было встроено прямо в WordPress.
Обновленный поток
Я попытался сделать иллюстрацию, которая обрисовывает в общих чертах различные части в моем последнем посте, но давайте попробуем еще раз с обновленным пониманием того, что происходит:
Все это имеет смысл?
Дай пять Дэвиду за то, что он связался со мной и нашел время, чтобы показать мне, как выглядит реализация IndieWeb на WordPress. Я не могу утверждать, что полностью понимаю все нюансы, но я, по крайней мере, чувствую, что хорошо разбираюсь в деталях — философии, протоколах и технологиях, — которые необходимы для того, чтобы это произошло.
Я хотел бы обратить его к вам! Это помогает вам прояснить ситуацию? Есть ли что-то, что вы пытаетесь понять? Думаете, теперь вы можете настроить сайт WordPress с функциями IndieWeb? Перейдем к комментариям!
Демистификация IndieWeb на сайте WordPress первоначально опубликовано CSS-хитрости, Вам следует получить информационный бюллетень.
- "
- a
- О нас
- Учетная запись
- активно
- дополнительный
- Все
- позволяет
- уже
- альтернатива
- среди
- Другой
- API
- API
- приложение
- архив
- ПЛОЩАДЬ
- около
- доступен
- , так как:
- за кулисами
- ЛУЧШЕЕ
- между
- Немного
- Заблокировать
- Строительство
- бизнес
- призывают
- Категории
- Выберите
- утверждать
- класс
- классов
- общение
- сообщество
- компоненты
- замешательство
- подключенный
- содержание
- продолжается
- удобство
- Создайте
- Создающий
- Текущий
- данным
- день
- решения
- в зависимости
- предназначенный
- подробный
- DID
- разница
- различный
- непосредственно
- Дисплей
- вниз
- Падение
- редактор
- элементы
- встроенный
- Конечная точка
- по существу
- установленный
- налаживает
- и т.д
- многое
- пример
- ожидания
- ожидаемый
- опыт
- Особенности
- First
- Впервые
- соответствовать
- фиксированный
- поток
- внимание
- формат
- Год основания
- Рамки
- от
- полный
- получающий
- Отдаете
- хорошо
- обрабатывать
- Управляемость
- происходить
- помощь
- полезный
- здесь
- состоялся
- Как
- How To
- HTTPS
- идея
- Личность
- изображение
- изображений
- осуществлять
- реализация
- В других
- включают
- информация
- устанавливать
- интегрировать
- взаимодействие
- IT
- саму трезвость
- Наша команда
- Вероятно
- Ограниченный
- мало
- расположение
- любят
- сделанный
- основной
- сделать
- ДЕЛАЕТ
- Создание
- карта
- смысл
- Участники
- упоминает
- против
- БОЛЕЕ
- самых
- Mozilla
- имена
- нуждающихся
- потребности
- уведомление
- предложенный
- Предложения
- открытый
- оператор
- Опции
- Другие контрактные услуги
- собственный
- часть
- Люди
- возможно
- человек
- философия
- кусок
- штук
- Играть
- плагин
- плагины
- Популярное
- возможное
- Блог
- Проблема
- процесс
- Профиль
- свойства
- протокол
- протоколы
- обеспечивать
- при условии
- приводит
- публиковать
- Издательство
- САЙТ
- RE
- Reading
- Получать
- рекомендует
- освободить
- заменить
- обязательный
- Требования
- ответ
- ответственный
- ОТДЫХ
- Бег
- Сказал
- то же
- Сцены
- видит
- смысл
- Серии
- обслуживание
- Услуги
- набор
- установка
- несколько
- разделение
- сдвиг
- Короткое
- просто
- с
- сайте
- Сайтов
- So
- Кто-то
- удалось
- стандартов
- По-прежнему
- Стратегия
- структурированный
- поддержка
- с
- технологии
- технологии
- Ассоциация
- Источник
- тема
- задача
- вещи
- Через
- время
- вместе
- топ
- понимать
- понимание
- Предстоящие
- использование
- различный
- проверить
- версия
- Вид
- способы
- Вебсайт
- Что
- КТО
- без
- замечательный
- WordPress
- WordPress плагин
- WordPress Theme
- слова
- Работа
- разрабатывать
- работает
- глисты
- стоимость
- письмо
- ВАШЕ