Nun, Himmelherrgott. Ich habe eine kleine Büchse der Pandora geöffnet, als ich Miriums „Bin ich schon im IndieWeb?“ mit einem kurzen Beitrag teilte, in dem ich mich über meine eigenen Schwierigkeiten beklagte, auf den IndieWeb-Zug aufzuspringen. Aber es ist eine gute Büchse der Pandora.
Ich glaube, es war etwa am Tag nach der Veröffentlichung dieses kurzen Beitrags, dass David Shanske sich meldete und anbot, mir zu helfen, IndieWeb und seine Bestandteile zu verstehen. Und Himmel, war das nicht unglaublich hilfreich! So sehr, dass ich Sie gerne zu einem neuen Beitrag von David verlinken möchte, den er nach unserem Gespräch geschrieben hat, und dann hier die Dinge so gut wie möglich zusammenfassen möchte, denn (1) ist es hilfreich, Dinge aufzuschreiben und (2) eine Referenz für später zu haben.
Ja, IndieWeb ist verwirrend.
David hatte tatsächlich jemandem geholfen, dessen WordPress-Seite komplett mit IndieWeb-Funktionen eingerichtet war. Diese Person hatte ebenfalls Schwierigkeiten zu verstehen, wie die verschiedenen Teile zusammenpassten. David hatte das also bereits auf dem Schirm, als Miriam und ich schrieben.
„IndieWeb“ ist für viele ein neuer Begriff, und dort entsteht viel Verwirrung. Ist es ein Framework? Eine Philosophie? Eine Reihe von Standards? Je nachdem, was es ist, verschieben sich die Erwartungen, wie es aussieht, Teil davon zu sein.
Es ist gewissermaßen alles davon. Und das muss etwas gefestigt werden. An IndieWeb selbst ist nichts inhärent verwirrend, sobald man es durch diese verschiedenen Linsen betrachtet. Nach der Lektüre von Davids Beitrag verstehe ich, dass IndieWeb eher eine Reihe von Protokollen ist. Ähnlich wie die Arbeit mit strukturierten Daten oder OpenGraph in der Auszeichnung. Es gibt nichts zu installieren an sich, aber es gibt Standards dafür, wie man sie in seine Arbeit integriert.
Ihre Identität treibt IndieWeb an. Mit anderen Worten: Ihre Seite etabliert Ihre Identität und kann für viele Dinge verwendet werden, wie z. B.
- Benachrichtigung anderer IndieWeb-unterstützter Seiten, wenn sie erwähnt werden
- Empfangen von Benachrichtigungen von anderen IndieWeb-Seiten, wenn Sie erwähnt werden
- Abrufen von Informationen aus einer Erwähnung und Formatieren für die Anzeige
- Authentifizierung Ihrer Identität über Ihre eigene Website (à la ein Google-Anmeldebutton, aber mit Ihrer Seite verbunden)
- …unter anderem.
Wenn das irgendwie nach Pingbacks klingt, dann ist es das auch irgendwie. Aber viel robuster und gepflegter.
Es ist anders (und vielleicht einfacher), IndieWeb-Funktionen auf WordPress zu implementieren als auf einer statischen Seite.
Der große Unterschied ist, dass WordPress viele der Voraussetzungen für IndieWeb-artige Dinge mitbringt. Ich mag, wie David es erklärt:
Die IndieWeb-Implementierung auf WordPress ist eine [Serie] von Bausteinen, die Sie nutzen können oder nicht, was sie wunderbar, aber manchmal verwirrend macht. WordPress hat eine Philosophie der Entscheidungen, nicht der Optionen. Aber das IndieWeb dreht sich alles um Optionen… darum, die Funktionen zu entwickeln, die für Sie richtig sind.
Diese Bausteine sind Plugins, die Sie installieren, um IndieWeb-Protokolle und -Technologien zu WordPress hinzuzufügen. Es ist großartig, dass diese leicht verfügbar sind, denn das nimmt viel Arbeit ab. Bei einer statischen Seite sind Sie dafür verantwortlich, den Großteil davon selbst einzurichten.
Davids Beitrag konzentriert sich zu 100 % auf die WordPress-Implementierung. Ihre Erfahrungen können variieren, aber Sie werden nach der Lektüre seines Beitrags – und hoffentlich auch dieses – sicherlich eine bessere Vorstellung davon bekommen, welche Protokolle verfügbar sind und wie sie zusammenpassen.
Das IndieWeb WordPress-Plugin etabliert Ihre Identität.
Ich dachte, es würde so viel im Hintergrund tun, aber es ist viel einfacher als das
Das Plugin allein sorgt für die Etablierung Ihrer Identität, wie das IndieWeb sie versteht. Es bietet eine h-card-Vorlage und ein Widget. H-Card ist die Auszeichnung für Informationen über eine Person oder einen Ort. Dies ist also ein Element, das viele Leute ohnehin auf ihrer Website platzieren.
Man kann also tatsächlich dasselbe erreichen, indem man ein WordPress-Theme entsprechend auszeichnet. Die Bequemlichkeit hier ist, dass Sie eine praktische kleine Vorlage erhalten, die so ausgezeichnet ist, dass sie das h-card offene Format unterstützt und ein Widget, um sie in den Widget-Bereich eines Themes einzufügen.
Hier ist ein super detailliertes Beispiel für die h-card-Auszeichnung, entnommen aus der Dokumentation für 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>Sehen Sie diese Klassennamen? Klassen wie .h-card, u-photo, p-name usw. liefern kontextbezogene Bedeutung für die Identität einer Person, die dann als JSON geparst wird.
{
"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"
]
}
}]
}Das Plugin sendet, empfängt oder parst nicht. Stattdessen bietet es einer WordPress-Seite eine Möglichkeit, Ihre Identität in der Auszeichnung zu verifizieren.
Nicht alle WordPress-Themes unterstützen Microformats
Wenn Sie sich beim ersten Mal „Microformats“ gekratzt haben, so wie ich, definiert David es schön
[…] Microformats… eine Möglichkeit, HTML auszuzeichnen, damit Elemente identifiziert werden können. Es ist eine von mehreren Möglichkeiten, dies zu tun, aber eine sehr einfache und lesbare, weshalb sie in der IndieWeb-Community beliebt ist.
Das Problem, wie David weiter erklärt, ist, dass viele Themes nicht auf eine Microformats-freundliche Weise ausgezeichnet sind – und dafür ist das Microformats2-Plugin konzipiert. David merkt jedoch schnell an, dass das Plugin sehr begrenzt ist, wie es dies erreicht, und empfiehlt stattdessen, ein Theme von Hand auszuzeichnen.
Laut David wird die nächste Hauptversion des Webmention-Plugins wahrscheinlich intelligentere Wege zur Erkennung von Inhalten und Bildern enthalten, die es verwenden und für die Unterstützung von Microformats2 formatieren kann.
Webmentions senden und empfangen Benachrichtigungen.
OK, Sie haben also Ihre Identität über Ihre Seite etabliert, sind damit auffindbar, und Ihre Seite ist für h-card-Unterstützung mit Microformats2 ausgezeichnet. Großartig! Sie brauchen immer noch etwas in der Mitte, das als Betreiber fungiert, der Benachrichtigungen sendet und empfängt. Mit anderen Worten, wenn eine andere Seite Sie erwähnt – eine Webmention genannt –, muss die erwähnende Seite eine Möglichkeit haben, diese Erwähnung an Sie zu senden, und Ihre Seite muss eine Möglichkeit haben, sie zu akzeptieren (oder umgekehrt).
Dafür ist das Webmention-Plugin da. Es ist wahrscheinlich auch die Quelle der meisten meiner IndieWeb-Verwirrung. Ich dachte, es würde Daten formatieren und einen zusätzlichen Dienst zum Senden und Empfangen benötigen. Nein! Es sendet und empfängt tatsächlich die Daten, anstatt die Erwähnung zu erstellen. Zurück zu David
Als das Plugin entwickelt wurde, kümmerte es sich nur um das Empfangen und Senden von Webmentions, nicht um die Anzeige. Semantic Linkbacks, ein separates Plugin, kümmerte sich darum, nicht nur für Webmentions, sondern auch für die älteren Pingback- und Trackback-Protokolle.
Das Webmention-Plugin kommuniziert also Benachrichtigungen. In der Zwischenzeit kümmert sich ein anderes Plugin namens Semantic Linkbacks um die Daten. Und was zum Teufel sind Semantic Linkbacks?
Semantic Linkbacks ruft Daten ab und verarbeitet sie.
Semantic Linkbacks ist ein weiteres Plugin, das einen weiteren Teil des Prozesses abwickelt. Ich kann es nicht besser erklären, als David es bereits tut
Semantic Linkbacks nimmt eine Webmention, die eine Benachrichtigung ist, dass eine andere Seite auf etwas auf Ihrer Seite verlinkt hat, ruft die andere Seite ab und versucht, eine Darstellung der Informationen zu rendern. Wie dies geschieht, kann variieren, von nur einem Profilfoto (wenn es eines finden kann) bis zur Interpretation als vollständiger Kommentar.
Dies geschieht mithilfe von Microformats.
Ich erwartete, dass das Haupt-IndieWeb-Plugin dies bereits tut, da es andere Auszeichnungen verarbeitet. Aber es liefert nur die Vorlage und das Widget, um Ihre Identität auf Ihrer Seite zu erhalten. Sobald das Semantic Linkbacks-Plugin eine eingehende Webmention abruft, nimmt es die Daten, formatiert sie und versucht dann, sie anzuzeigen.
Es klingt, als ob das Plugin teilweise mit einer kommenden Version des Webmention-Plugins zusammengeführt wird (oder durch dieses ersetzt wird).
Da viele Leute nicht geneigt sind oder sich nicht wohlfühlen, ein Theme zu modifizieren, wird die neue Version von Webmentions mehrere verschiedene alternative Möglichkeiten enthalten, um ein Bild oder eine Zusammenfassung zum Anzeigen zu finden – von OpenGraph (das Facebook und Twitter verwenden, um URLs anzuzeigen, die ihnen übergeben werden) bis hin zur Erkennung der WordPress REST API-Version einer Seite und deren Nutzung, um den Autorennamen und das Profilbild zu erhalten. Keine davon wird so viele Kontextinformationen wie Microformats liefern, aber die Erfahrung wird trotzdem etwas sein, das es wert ist, installiert zu werden.
Das ist sicherlich nett, da es die WordPress REST API für die JSON-Antwort nutzt und diese zur Anzeige formatiert.
Brid.gy ist ein Dienst zur Anzeige von Interaktionen.
Eine Webmention kann eine Interaktion sein, z. B. wenn jemand Ihren Beitrag auf Twitter mag oder ihn retweetet.
Eine Unterscheidung zwischen einem Like, einem Repost, einem Kommentar oder was auch immer muss vorgenommen werden, und Sie müssten die Twitter-API (oder eine andere) implementieren, um diese Unterscheidungen zu treffen.
Das können Sie natürlich tun! Aber wenn Sie lieber plug-and-play möchten, hat eines der Mitglieder der IndieWeb-Community einen Dienst namens Brid.gy entwickelt. Sie erstellen ein Konto, verbinden Ihre Seite und erteilen dem Dienst App-Berechtigungen… dann sind Sie fertig!
Was Brid.gy getan hat, ist im Wesentlichen die Implementierung der APIs für Twitter, Facebook, Instagram und andere, so dass, wenn es erkennt, dass ein Beitrag in diesen Diensten mit Ihrem syndizierten Beitrag interagiert, eine Webmention an Ihre Seite gesendet wird und den Prozess der Veröffentlichung auf Ihrer eigenen Seite durchläuft.
Es gibt noch viel mehr!
Kurze Mitteilungen
- IndieAuth: Dies ist ein Protokoll, das auf OAuth 2 basiert. Das Plugin etabliert einen Endpunkt in der WordPress REST API, der verwendet werden kann, um Ihre Identität über Ihre eigene selbst gehostete Seite zu authentifizieren – im Wesentlichen Ihr eigener Google-Anmeldebutton, aber ohne diesen Endpunkt selbst zu erstellen oder auf eine separate gehostete API angewiesen zu sein.
- Micropub: Für diejenigen, die WordPress verwenden, aber einen anderen Editor bevorzugen, können das Micropub-Plugin installieren. Dies fügt einen Endpunkt hinzu, der es Ihnen ermöglicht, Inhalte auf Ihrer Seite zu veröffentlichen und mithilfe eines Micropub-unterstützten Editors Elemente in einem Microformats2-Feed zu erstellen, was Ihnen viel mehr Optionen für das Schreiben von Inhalten außerhalb des WordPress Block Editors bietet.
- Simple Location: David hat dieses Plugin geschrieben und ich war super beeindruckt, als er es mir demonstrierte. Die Idee ist, dass es Daten von Ihrem aktuellen Standort abruft, die für alles verwendet werden können, von der Anzeige des Wetters zum Zeitpunkt der Veröffentlichung eines Beitrags bis hin zur Erstellung eines gesamten Archivs von Beiträgen auf einer eingebetteten Karte basierend auf dem Standort des Beitrags. Ich würde mir ehrlich gesagt wünschen, dass so etwas direkt in WordPress integriert würde.
Der aktualisierte Ablauf
Ich habe versucht, eine Illustration zu erstellen, die die verschiedenen Teile in meinem letzten Beitrag umreißt, aber lassen Sie es uns mit einem aktualisierten Verständnis dessen, was passiert, erneut versuchen
Ergibt das alles Sinn?
Hochachtung für David, dass er sich gemeldet und sich die Zeit genommen hat, mir zu zeigen, wie die Implementierung von IndieWeb auf WordPress aussieht. Ich kann nicht behaupten, dass ich alle Nuancen vollständig verstehe, aber ich fühle zumindest, dass ich eine gute Vorstellung von den Teilen habe – der Philosophie, den Protokollen und der Technik –, die erforderlich sind, um dies zu erreichen.
Ich möchte es an Sie zurückgeben! Hilft das, die Dinge für Sie zu klären? Gibt es etwas, das Sie nur schwer verstehen? Glauben Sie, dass Sie jetzt eine WordPress-Seite mit IndieWeb-Funktionen konfigurieren können? Gehen wir in die Kommentare!