Eh bien, chut. J'ai ouvert une petite boîte de Pandore en partageant celle de Miriam « Suis-je déjà sur IndieWeb ? » avec une court message déplorant mon propre problème monter dans le train IndieWeb. Mais c'est une bonne boîte de Pandore.
Je pense que c'était quelque chose comme le lendemain après la publication de ce court message qui David Shansk m'a contacté et m'a proposé de m'aider à comprendre IndieWeb et les composants qu'il comprend. Et ça alors si ce n'était pas ridiculement utile ! A tel point que j'aimerais vous lier à un nouveau post que David a écrit après que nous ayons parlé, puis résumez les choses ici du mieux que je peux parce que (1) il est utile d'écrire les choses et (2) d'avoir une référence pour plus tard.
Oui, IndieWeb est source de confusion.
David avait en fait aidé quelqu'un à configurer son site WordPress avec les pouvoirs d'IndieWeb. Cette personne, elle aussi, avait du mal à comprendre comment les différentes pièces s'emboîtaient. Donc, David avait déjà cette idée en tête quand Miriam et moi écrivions.
"IndieWeb" est un nouveau terme pour beaucoup de gens et c'est là que beaucoup de confusion se reproduit. Est-ce un cadre ? Une philosophie ? Un ensemble de normes ? Selon lequel il s'agit, les attentes changent quant à ce à quoi cela ressemble d'en faire partie.
C'est un peu tout ce qui précède. Et cela doit être consolidé un peu. Il n'y a rien de fondamentalement déroutant à propos d'IndieWeb lui-même une fois que vous le voyez à travers ces différentes lentilles. Après avoir lu le message de David, j'ai compris qu'IndieWeb est davantage un ensemble de protocoles. Un peu comme travailler avec des données structurées ou OpenGraph dans le balisage. Il n'y a rien à installer en soi, mais il existe des normes pour les intégrer dans votre travail.
Votre identité alimente IndieWeb. En d'autres termes, votre site établit votre identité et peut être utilisé pour faire beaucoup de choses, comme :
- Avertir les autres sites pris en charge par IndieWeb lorsqu'ils sont mentionnés
- Recevez des notifications d'autres sites IndieWeb lorsque vous êtes mentionné
- Récupérer les informations d'une mention et les formater pour les afficher
- Authentifier votre identité via votre propre site web (a là un bouton de connexion Google mais connecté à votre site)
- …entre autres.
Si cela ressemble à des pingbacks, eh bien, c'est en quelque sorte le cas. Mais beaucoup plus robuste et entretenu.
Il est différent (et peut-être plus facile) d'implémenter les fonctionnalités IndieWeb sur WordPress que sur un site statique.
La grande différence est que WordPress fournit une grande partie des exigences nécessaires pour faire des choses IndieWeb-y. J'aime la façon dont David l'explique:
L'implémentation IndieWeb sur WordPress est une [série] de blocs de construction que vous pouvez ou non choisir d'utiliser, ce qui la rend merveilleuse, mais parfois déroutante. WordPress a une philosophie de décisions, pas d'options. Mais l'IndieWeb est une question d'options… de création des fonctionnalités qui vous conviennent.
Ces blocs de construction sont des plugins que vous installez pour ajouter des protocoles et des technologies IndieWeb à WordPress. C'est génial qu'ils soient facilement disponibles parce que cela prend beaucoup de travail. En exécutant un site statique, cependant, vous êtes obligé d'établir la plupart de cela vous-même.
Le message de David est 100% axé sur la mise en œuvre de WordPress. Votre kilométrage peut varier, mais vous repartirez certainement avec une meilleure idée des protocoles disponibles et de la façon dont ils s'emboîtent après avoir lu son article - et, espérons-le, celui-ci également.
Le plugin IndieWeb WordPress établit votre identité.
Je pensais qu'il faisait tellement de choses dans les coulisses, mais c'est beaucoup plus simple que ça :
Le plugin gère à lui seul l'établissement de votre identité telle que la voit IndieWeb. Il propose un modèle de h-card et un widget. H-Card est le balisage pour marquer des informations sur une personne ou un lieu. C'est donc un élément que beaucoup de gens choisissent de mettre sur leur site de toute façon.
Donc, vraiment, il est possible d'obtenir le même genre de chose en balisant correctement un thème WordPress. La commodité ici est que vous obtenez un petit modèle pratique qui est balisé pour prendre en charge le h-card
format ouvert et un widget pour le déposer dans la zone de widget d'un thème.
Voici un exemple super détaillé de h-card
balisage tiré de la documentation pour les microformats2:
<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>
Vous voyez ces noms de classe ? Des cours comme .h-card
, u-photo
, p-name
, etc. fournissent tous une signification contextuelle à l'identité d'une personne, qui est ensuite analysée en tant que 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" ] } }]
}
Le plugin ne fait pas l'envoi, la réception ou l'analyse. Au lieu de cela, il fournit à un site WordPress un moyen de vérifier votre identité dans le balisage.
Tous les thèmes WordPress ne supportent pas les microformats
Si vous vous êtes gratté la tête la première fois que vous avez vu "Microformats" comme moi, David le définit bien :
[…] Les microformats… une façon de baliser le HTML pour permettre d'identifier les éléments. C'est l'une des nombreuses façons de le faire, mais c'est très simple et lisible, c'est pourquoi il est populaire dans la communauté IndieWeb.
Le problème, comme le poursuit David, est que de nombreux thèmes ne sont pas balisés d'une manière compatible avec les microformats — ce que greffon Microformats2Comment est conçu pour réparer. Cela dit, David n'hésite pas à dire que le plugin est extrêmement limité dans la façon dont il accomplit cela, et il recommande plutôt de marquer un thème à la main.
Selon David, la prochaine version majeure du plugin Webmention inclura probablement des moyens plus intelligents de détecter le contenu et les images qu'il peut utiliser et de les formater pour la prise en charge de Microformats2.
Les mentions Web envoient et reçoivent des notifications.
OK, donc si vous avez établi votre identité via votre site afin d'être détectable, et que votre site est balisé pour h-card
prise en charge à l'aide de Microformats2. Super! Vous avez toujours besoin de quelque chose au milieu qui fonctionne comme un opérateur qui envoie et reçoit des notifications. En d'autres termes, lorsqu'un autre site vous mentionne - appelé une Webmention - le site qui vous mentionne a besoin d'un moyen de prendre en charge l'envoi de cette mention, et votre site a besoin d'un moyen de l'accepter (ou vice versa).
Voilà ce que Plugin de mention Web est pour. C'est aussi probablement la source de la plupart de ma confusion IndieWeb. Je pensais qu'il s'agissait de formater des données et j'avais besoin d'un service supplémentaire pour l'envoyer et la recevoir. Non! Il s'agit en fait d'envoyer et de recevoir les données plutôt que de créer la mention. Revenons à David :
À l'époque de sa création, le plug-in ne gérait que la réception et l'envoi de mentions Web, sans s'occuper de l'affichage. Semantic Linkbacks, un plugin séparé gère cela non seulement pour les webmentions, mais aussi pour les anciens protocoles de pingback et de trackback.
Ainsi, le plugin Webmention communique des notifications. Pendant ce temps, un autre plugin appelé Semantic Linkbacks est ce qui gère les données. Et qu'est-ce que c'est que les liens sémantiques ?
Les liens sémantiques récupèrent et traitent les données.
Liens sémantiques est un autre plugin qui gère une autre partie du processus. Je ne peux pas l'expliquer mieux que David ne le fait déjà :
Semantic Linkbacks prend une webmention, qui est une notification qu'un autre site a lié à quelque chose sur votre site, récupère l'autre site et essaie de rendre un affichage des informations. La façon dont cela est fait peut varier d'une simple photo de profil (s'il peut en trouver une) à l'interpréter comme un commentaire complet.
Il le fait en utilisant des microformats.
Je m'attendais à ce que le plugin IndieWeb principal le fasse déjà car il gère d'autres balisages. Mais il ne fournit que le modèle et le widget pour obtenir votre identité sur votre site. Une fois que le plugin Semantic Linkbacks récupère une webmention entrante, il prend les données, les formate, puis tente de les afficher.
Il semble que le plugin sera quelque peu fusionné avec (ou remplacé par) une prochaine version du plugin Webmention :
Étant donné que beaucoup de gens ne sont pas enclins ou pas à l'aise pour modifier un thème, la nouvelle version de Webmentions inclura plusieurs façons différentes d'essayer de trouver une image ou un résumé à afficher… à partir d'OpenGraph (que Facebook et Twitter utilisent pour afficher les URL qui lui sont fournies ) pour détecter la version de l'API WordPress REST d'une page et l'utiliser pour obtenir le nom de l'auteur et l'image du profil. Aucun d'entre eux ne fournira autant de contexte que les microformats, mais l'expérience sera toujours quelque chose qui vaut la peine d'être installé.
C'est certainement agréable car il puise dans l'API WordPress REST pour la réponse JSON et les formats pour l'affichage.
Brid.gy est un service d'aide à l'affichage des interactions.
Une mention Web peut être une interaction, dire que quelqu'un aime votre publication sur Twitter ou la retweete.
Différencier un like d'un repost d'un commentaire d'un tout doit arriver, et vous devrez implémenter l'API Twitter (ou autre) pour faire ces distinctions.
C'est quelque chose que vous pouvez certainement faire ! Mais si vous préférez brancher et jouer, l'un des membres de la communauté IndieWeb a créé un service appelé Brid.gy. Vous créez un compte, connectez votre site et accordez des autorisations d'application au service… puis vous avez terminé !
Ce que Brid.gy a fait, c'est essentiellement implémenter les API pour Twitter, Facebook, Instagram et autres, de sorte que lorsqu'il détecte qu'une publication dans ces services interagit avec votre publication syndiquée, une Webmention est envoyée à votre site et passe par le processus de publication sur votre propre site.
Il y a tellement plus !
Coups rapides :
- IndieAuth : Il s'agit d'un protocole basé sur OAuth 2. Le plugin établit un point de terminaison dans l'API WordPress REST qui peut être utilisé pour authentifier votre identité via votre propre site auto-hébergé - essentiellement votre propre bouton de connexion Google mais sans établir ce point de terminaison vous-même ou avoir besoin de s'appuyer sur une API hébergée distincte.
- Micropub : Pour ceux qui utilisent WordPress mais préfèrent un autre éditeur peuvent installer le Plugin Micropub. Ce ajoute un point de terminaison qui vous permet de publier du contenu sur votre site et d'utiliser un éditeur pris en charge par Micropub pour créer des éléments dans un flux Microformats2, vous offrant ainsi plus d'options pour écrire du contenu en dehors de l'éditeur de blocs WordPress.
- Emplacement simplifié : David a écrit ce plugin et j'ai été super impressionné quand il m'en a fait la démonstration. L'idée est qu'il extrait des données de votre emplacement actuel qui peuvent être utilisées pour tout, de l'affichage de la météo au moment où vous avez écrit un message à la création d'une archive complète de messages sur une carte intégrée basée sur l'emplacement du message. Honnêtement, j'aimerais voir quelque chose comme ça cuit directement dans WordPress.
Le flux mis à jour
J'ai essayé de faire une illustration qui décrit les différentes pièces dans mon dernier message, mais essayons à nouveau avec une compréhension actualisée de ce qui se passe :
Tout cela a-t-il un sens ?
Bravo à David pour avoir tendu la main et pris le temps de me montrer à quoi ressemble l'implémentation d'IndieWeb sur WordPress. Je ne peux pas prétendre comprendre pleinement toutes les nuances, mais j'ai au moins l'impression d'avoir une bonne compréhension des éléments - la philosophie, les protocoles et la technologie - qui sont nécessaires pour y arriver.
J'aimerais vous le retourner ! Cela vous aide-t-il à clarifier les choses ? Y a-t-il quelque chose que vous avez du mal à comprendre ? Vous pensez être capable de configurer un site WordPress avec les fonctionnalités IndieWeb maintenant ? Passons aux commentaires !
Démystifier IndieWeb sur un site WordPress publié à l'origine le Astuces CSS. Vous devriez recevoir le bulletin.
- "
- a
- Qui sommes-nous
- Compte
- activités
- Supplémentaire
- Tous
- permet
- déjà
- alternative
- parmi
- Une autre
- api
- Apis
- appli
- Archive
- Réservé
- autour
- disponibles
- car
- Dans les coulisses
- LES MEILLEURS
- jusqu'à XNUMX fois
- Bit
- Block
- Développement
- la performance des entreprises
- Appelez-nous
- Catégories
- Selectionnez
- réclamer
- classe
- les classes
- communicant
- Communautés
- composants électriques
- confusion
- connecté
- contenu
- continue
- commodité
- engendrent
- La création
- Courant
- données
- journée
- décisions
- Selon
- un
- détaillé
- DID
- différence
- différent
- directement
- Commande
- down
- Goutte
- éditeur
- éléments
- intégré
- Endpoint
- essentiellement
- établies
- établit
- etc
- peut
- exemple
- attentes
- attendu
- Découvrez
- Fonctionnalités:
- Prénom
- première fois
- s'adapter
- Fixer
- flux
- concentré
- le format
- Fondation
- Framework
- de
- plein
- obtention
- Don
- Bien
- manipuler
- Maniabilité
- arriver
- front
- aider
- utile
- ici
- organisé
- Comment
- How To
- HTTPS
- idée
- Active
- image
- satellite
- Mettre en oeuvre
- la mise en oeuvre
- Dans d'autres
- comprendre
- d'information
- installer
- intégrer
- l'interaction
- IT
- lui-même
- Leadership
- Probable
- limité
- peu
- emplacement
- love
- LES PLANTES
- majeur
- faire
- FAIT DU
- Fabrication
- Localisation
- sens
- Membres
- mentions
- l'esprit
- PLUS
- (en fait, presque toutes)
- Mozilla
- noms
- besoin
- Besoins
- déclaration
- présenté
- Offres Speciales
- ouvert
- opérateur
- Options
- Autre
- propre
- partie
- Personnes
- être
- personne
- philosophie
- pièce
- pièces
- Jouez
- plug-in
- plugins
- Populaire
- possible
- Poteaux
- Problème
- processus
- Profil
- propriétés
- protocole
- protocoles
- fournir
- à condition de
- fournit
- publier
- Édition
- Rapide
- RE
- en cours
- recevoir
- recommande
- libérer
- remplacé
- conditions
- Exigences
- réponse
- responsables
- REST
- pour le running
- Saïd
- même
- Scènes
- voit
- sens
- Série
- service
- Services
- set
- mise
- plusieurs
- partage
- décalage
- Shorts
- étapes
- depuis
- site
- Sites
- So
- Quelqu'un
- quelque chose
- Normes
- Encore
- de Marketing
- structuré
- Support
- prise
- technologie
- Les technologies
- Les
- La Source
- thème
- chose
- des choses
- Avec
- fiable
- ensemble
- top
- comprendre
- compréhension
- prochain
- utilisé
- divers
- vérifier
- version
- Voir
- façons
- Site Web
- Quoi
- WHO
- sans
- merveilleux
- Outils de gestion
- Plugin WordPress
- Thème WordPress
- des mots
- Activités principales
- faire des exercices
- de travail
- vers
- vaut
- écriture
- Votre