Ну, шось. Я відкрив маленьку банку черв’яків, коли ділився Міріам «Я вже в IndieWeb?» з короткий пост, який оплакує власні проблеми сісти в поїзд IndieWeb. Але це хороша банка черв’яків.
Я думаю, що це було приблизно наступного дня після публікації того короткого допису Девід Шанске простягнув руку та запропонував допомогти мені розібратися в IndieWeb і компонентах, які він містить. І чорт побери, якби це не було неймовірно корисним! Так сильно, що я хотів би зв’язати вас із новою публікацією, яку Девід написав після нашої розмови, потім узагальнюю тут якнайкраще, оскільки (1) це корисно записувати речі та (2) мати посилання на потім.
Так, IndieWeb заплутаний.
Девід справді допоміг комусь налаштувати сайт WordPress за допомогою повноважень IndieWeb. Цій людині теж було важко зрозуміти, як поєднуються різні частини. Отже, Девід уже мав це на увазі, коли ми з Міріам писали.
«IndieWeb» — це новий термін для багатьох людей, і саме тут виникає багато плутанини. Це каркас? Філософія? Набір стандартів? Залежно від того, який це, очікування змінюються до того, як виглядає бути його частиною.
Це щось на зразок усього перерахованого вище. І це потрібно трохи закріпити. У самому IndieWeb немає нічого незрозумілого, коли ви дивитеся на нього через ці різні лінзи. Прочитавши пост Девіда, я зрозумів, що IndieWeb — це більше набір протоколів. Щось схоже на роботу зі структурованими даними або OpenGraph у розмітці. Немає нічого для встановлення як такого, але є стандарти, як інтегрувати їх у вашу роботу.
Ваша особистість дає силу IndieWeb. Іншими словами, ваш сайт встановлює вашу особистість і може використовуватися для багатьох речей, наприклад:
- Повідомляти інші сайти, що підтримуються IndieWeb, коли вони згадуються
- Отримуйте сповіщення від інших сайтів IndieWeb, коли вас згадують
- Отримайте інформацію зі згадки та відформатуйте її для відображення
- Автентифікуйте свою особу через власний веб-сайт (як кнопка входу в Google, але підключений до вашого сайту)
- …між іншим.
Якщо це звучить як пінгбеки, то так воно і є. Але набагато міцніший і доглянутий.
Реалізація функцій IndieWeb на WordPress відрізняється (і, можливо, простіше), ніж статичний сайт.
Велика різниця полягає в тому, що WordPress забезпечує багато вимог, необхідних для виконання речей IndieWeb-y. Мені подобається, як Девід це пояснює:
Реалізація 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.
Веб-згадки надсилають і отримують сповіщення.
Отже, якщо ви встановили свою особу через свій сайт, тож вас можна знайти, і ваш сайт розмічено для h-card
підтримка використання мікроформатів2. Чудово! Вам все ще потрібне щось середнє, що працює як оператор, який надсилає та отримує сповіщення. Іншими словами, коли інший сайт згадує вас — це називається веб-згадкою — сайт, який згадує вас, потребує способу підтримки надсилання цієї згадки вам, а ваш сайт потребує способу прийняти це (або навпаки).
Ось що таке Плагін Webmention для. Це також, ймовірно, джерело більшості моєї плутанини в IndieWeb. Я думав, що це форматування даних і потрібна додаткова служба для їх надсилання та отримання. ні! Це фактично надсилання та отримання даних, а не створення згадки. Назад до Девіда:
Коли він був створений, плагін займався лише отриманням і надсиланням веб-згадок, а не відображенням жодної міри. Semantic Linkbacks, окремий плагін, обробив це не лише для веб-згадок, але й для старіших протоколів pingback і trackback.
Отже, плагін Webmention передає сповіщення. Тим часом інший плагін під назвою Semantic Linkbacks обробляє дані. І що таке семантичні посилання?
Семантичні зворотні зв’язки отримують і обробляють дані.
Семантичні посилання це інший плагін, який обробляє іншу частину процесу. Я не можу пояснити це краще, ніж Девід:
Semantic Linkbacks приймає веб-згадку, яка є сповіщенням про те, що інший сайт посилається на щось на вашому сайті, отримує інший сайт і намагається відобразити інформацію. Те, як це робиться, може варіюватися від простого фото профілю (якщо він зможе його знайти) до інтерпретації його як повного коментаря.
Він робить це за допомогою мікроформатів.
Я очікував, що основний плагін IndieWeb вже робить це, оскільки він обробляє іншу розмітку. Але він надає лише шаблон і віджет, щоб розмістити вашу особистість на вашому сайті. Коли плагін Semantic Linkbacks отримує вхідну веб-згадку, він бере дані, форматує їх і намагається відобразити.
Схоже, плагін буде дещо об’єднано з (або замінено) майбутньою версією плагіна Webmention:
Оскільки багатьом людям не подобається або незручно змінювати тему, нова версія Webmentions включатиме кілька різних альтернативних способів спробувати знайти зображення чи резюме для відображення… з OpenGraph (який Facebook і Twitter використовують для відображення наданих URL-адрес). ) для виявлення версії WordPress REST API сторінки та використання цього для отримання імені автора та зображення профілю. Жоден із них не надасть стільки контексту, скільки мікроформати, але досвід все одно буде чимось вартим встановлення.
Це, звичайно, добре, оскільки він використовує API REST WordPress для відповіді JSON і форматує його для відображення.
Brid.gy — це сервіс для відображення взаємодії.
Веб-згадка може бути взаємодією, скажімо, комусь подобається ваш допис у Twitter або робить його ретвіт.
Відрізнити лайк від репосту від коментаря від будь-чого, що має статися, і вам потрібно буде реалізувати API Twitter (або будь-який інший), щоб провести ці відмінності.
Це те, що ви точно можете зробити! Але якщо ви віддаєте перевагу підключити та грати, один із учасників спільноти IndieWeb створив службу під назвою Brid.gy. Ви створюєте обліковий запис, підключаєте свій сайт і надаєте дозволи програмі службі… тоді готово!
Те, що зробив Brid.gy, це по суті впровадження API для Twitter, Facebook, Instagram та інших, щоб, коли він виявляє, що публікація в цих службах взаємодіє з вашою синдикованою публікацією, веб-згадка надсилається на ваш сайт і проходить через процес публікації на власному сайті.
Є ще багато чого!
Швидкі удари:
- IndieAuth: Це протокол на основі OAuth 2. Плагін встановлює кінцеву точку в API WordPress REST, яку можна використовувати для автентифікації вашої особи через ваш власний веб-сайт — по суті, вашу власну кнопку входу в Google, але без встановлення цієї кінцевої точки самостійно або необхідності покладатися на окремий розміщений API.
- Мікропаб: Для тих, хто використовує WordPress, але віддає перевагу іншому редактору, можна встановити Плагін Micropub, це додає кінцеву точку який дозволяє публікувати вміст на вашому сайті та за допомогою редактора, який підтримується Micropub, створювати елементи в каналі Microformats2, надаючи вам більше можливостей для написання вмісту за межами редактора блоків WordPress.
- Просте розташування: Девід написав цей плагін і я був надзвичайно вражений, коли він продемонстрував це для мене. Ідея полягає в тому, що він збирає дані з вашого поточного місцезнаходження, які можна використовувати для чого завгодно: від відображення погоди на момент написання допису до створення цілого архіву дописів на вбудованій карті на основі місцезнаходження допису. Чесно кажучи, я б хотів побачити щось подібне прямо в WordPress.
Оновлений потік
Я спробував створити ілюстрацію, яка описує різні фрагменти в моїй останній публікації, але давайте спробуємо ще раз з оновленим розумінням того, що відбувається:
Це все має сенс?
Дякую Девіду за те, що він звернувся до мене та знайшов час, щоб показати мені, як виглядає впровадження IndieWeb на WordPress. Я не можу стверджувати, що повністю розумію всі нюанси, але принаймні я відчуваю, що добре розумію ті частини — філософію, протоколи та технології — які потрібні для того, щоб це сталося.
Я хотів би повернути це до вас! Це допомагає вам прояснити речі? Чи є щось, що вам важко зрозуміти? Вважаєте, що тепер ви можете налаштувати сайт WordPress із функціями IndieWeb? Переходимо до коментарів!
Демістифікація IndieWeb на сайті WordPress спочатку опубліковано на CSS-трюки. Ти повинен отримати інформаційний бюлетень.
- "
- a
- МЕНЮ
- рахунки
- діяльності
- Додатковий
- ВСІ
- дозволяє
- вже
- альтернатива
- серед
- Інший
- API
- Інтерфейси
- додаток
- архів
- ПЛОЩА
- навколо
- доступний
- оскільки
- за лаштунками
- КРАЩЕ
- між
- Біт
- Блокувати
- Створюємо
- бізнес
- call
- Категорія
- Вибирати
- стверджувати
- клас
- класів
- спілкування
- співтовариство
- Компоненти
- замішання
- підключений
- зміст
- триває
- зручність
- створювати
- створення
- Поточний
- дані
- день
- рішення
- Залежно
- призначений
- докладно
- DID
- різниця
- різний
- безпосередньо
- дисплей
- вниз
- Падіння
- редактор
- елементи
- вбудований
- Кінцева точка
- по суті
- встановлений
- встановлює
- і т.д.
- все
- приклад
- очікування
- очікуваний
- досвід
- риси
- Перший
- перший раз
- відповідати
- виправляти
- потік
- увагу
- формат
- фонд
- Рамки
- від
- Повний
- отримання
- дає
- добре
- обробляти
- Обробка
- траплятися
- голова
- допомога
- корисний
- тут
- відбувся
- Як
- How To
- HTTPS
- ідея
- Особистість
- зображення
- зображень
- здійснювати
- реалізація
- В інших
- включати
- інформація
- встановлювати
- інтегрувати
- взаємодія
- IT
- сам
- Керівництво
- Ймовірно
- обмеженою
- трохи
- розташування
- любов
- made
- основний
- зробити
- РОБОТИ
- Робить
- карта
- сенс
- члени
- згадує
- mind
- більше
- найбільш
- Mozilla
- Імена
- нужденних
- потреби
- сповіщення
- запропонований
- Пропозиції
- відкрити
- оператор
- Опції
- Інше
- власний
- частина
- Люди
- може бути
- людина
- філософія
- частина
- частин
- Play
- підключати
- plugins
- популярний
- це можливо
- Пости
- Проблема
- процес
- профіль
- властивості
- протокол
- протоколи
- забезпечувати
- за умови
- забезпечує
- публікувати
- Видавничий
- Швидко
- RE
- читання
- отримати
- рекомендує
- звільнити
- замінити
- вимагається
- Вимога
- відповідь
- відповідальний
- REST
- біг
- Зазначений
- то ж
- сцени
- бачить
- сенс
- Серія
- обслуговування
- Послуги
- комплект
- установка
- кілька
- поділ
- зсув
- Короткий
- простий
- з
- сайт
- сайти
- So
- Хтось
- що в сім'ї щось
- стандартів
- Як і раніше
- Стратегія
- структурований
- підтримка
- взяття
- технології
- Технології
- Команда
- Джерело
- тема
- річ
- речі
- через
- час
- разом
- топ
- розуміти
- розуміння
- Майбутні
- використання
- різний
- перевірити
- версія
- вид
- способи
- веб-сайт
- Що
- ВООЗ
- без
- чудовий
- WordPress
- Плагін WordPress
- WordPress тема
- слова
- Work
- тренування
- робочий
- глисти
- вартість
- лист
- вашу