Nun, meine Güte. Ich habe eine kleine Dose mit Würmern geöffnet, als ich Miriams geteilt habe „Bin ich schon im IndieWeb?“ mit kurzer Beitrag, der meine eigenen Probleme beklagt in den IndieWeb-Zug einsteigen. Aber es ist eine gute Dose Würmer.
Ich denke, es war so etwas wie am nächsten Tag nach der Veröffentlichung dieses kurzen Beitrags David Shanke habe mich gemeldet und angeboten, mir zu helfen, mich mit IndieWeb und den darin enthaltenen Komponenten vertraut zu machen. Und meine Güte, wenn es nicht lächerlich hilfreich war! So sehr, dass ich gerne würde verlinke dich zu einem neuen Beitrag, den David nach unserem Gespräch geschrieben hat, dann fasse die Dinge hier so gut wie möglich zusammen, denn (1) es ist hilfreich, Dinge aufzuschreiben und (2) eine Referenz für später zu haben.
Ja, IndieWeb ist verwirrend.
David hatte tatsächlich jemandem geholfen, seine WordPress-Site komplett mit IndieWeb-Kräften einzurichten. Auch diese Person hatte Mühe zu verstehen, wie die verschiedenen Teile zusammenpassen. Das hatte David also schon im Kopf, als Miriam und ich schrieben.
„IndieWeb“ ist für viele Leute ein neuer Begriff und das ist der Grund für eine Menge Verwirrung. Ist es ein Rahmen? Eine Philosophie? Eine Reihe von Standards? Je nachdem, um welche es sich handelt, verschieben sich die Erwartungen, wie es aussieht, ein Teil davon zu sein.
Es ist sozusagen alles oben Genannte. Und das muss ein bisschen gefestigt werden. Es gibt nichts Verwirrendes an IndieWeb selbst, wenn man es durch diese verschiedenen Linsen betrachtet. Nachdem ich Davids Beitrag gelesen habe, verstehe ich, dass IndieWeb eher eine Reihe von Protokollen ist. So ähnlich wie das Arbeiten mit strukturierten Daten oder OpenGraph im Markup. Es muss nichts per se installiert werden, aber es gibt Standards, wie Sie sie in Ihre Arbeit integrieren können.
Ihre Identität treibt IndieWeb an. Mit anderen Worten, Ihre Website stellt Ihre Identität her und kann für viele Dinge verwendet werden, wie zum Beispiel:
- Benachrichtigen Sie andere von IndieWeb unterstützte Websites, wenn sie erwähnt werden
- Erhalten Sie Benachrichtigungen von anderen IndieWeb-Sites, wenn Sie erwähnt werden
- Rufen Sie Informationen aus einer Erwähnung ab und formatieren Sie sie für die Anzeige
- Authentifizieren Sie Ihre Identität über Ihre eigene Website (ähnlich einer Google-Anmeldeschaltfläche, aber mit Ihrer Website verbunden)
- …unter anderem.
Wenn das irgendwie nach Pingbacks klingt, nun, das ist es irgendwie. Aber wesentlich robuster und gepflegter.
Es ist anders (und vielleicht einfacher), IndieWeb-Funktionen auf WordPress zu implementieren, als auf einer statischen Website.
Der große Unterschied besteht darin, dass WordPress viele der Anforderungen erfüllt, die für IndieWeb-artige Dinge erforderlich sind. Mir gefällt, wie David es erklärt:
Die IndieWeb-Implementierung auf WordPress ist eine [Reihe] von Bausteinen, die Sie verwenden können oder nicht, was sie wunderbar, aber manchmal verwirrend macht. WordPress hat eine Philosophie der Entscheidungen, nicht der Optionen. Aber bei 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, weil das eine Menge Arbeit aus den Dingen nimmt. Wenn Sie jedoch eine statische Site betreiben, müssen Sie das meiste davon selbst einrichten.
Davids Beitrag konzentriert sich zu 100 % auf die WordPress-Implementierung. Ihre Laufleistung mag variieren, aber Sie werden sicherlich eine bessere Vorstellung davon haben, welche Protokolle verfügbar sind und wie sie zusammenpassen, nachdem Sie seinen Beitrag gelesen haben – und hoffentlich auch diesen.
Das IndieWeb WordPress-Plugin stellt Ihre Identität her.
Ich dachte, es macht so viel Zeug hinter den Kulissen, aber es ist viel einfacher als das:
Das Plugin übernimmt selbst die Feststellung Ihrer Identität, wie IndieWeb sie sieht. Es bietet eine H-Card-Vorlage und ein Widget. H-Card ist das Markup zum Markieren von Informationen über eine Person oder einen Ort. Dies ist also ein Element, das viele Leute ohnehin auf ihrer Website platzieren möchten.
Es ist also wirklich möglich, dasselbe zu erreichen, indem man ein WordPress-Theme korrekt auszeichnet. Der Vorteil dabei ist, dass Sie eine praktische kleine Vorlage erhalten, die zur Unterstützung von markiert ist h-card
offenes Format und ein Widget, um es in den Widget-Bereich eines Themas zu ziehen.
Hier ist ein sehr detailliertes Beispiel für die h-card
Markup aus gezogen Dokumentation für Mikroformate2:
<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. bieten alle eine kontextuelle 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 übernimmt nicht das Senden, Empfangen oder Analysieren. Stattdessen bietet es einer WordPress-Site die Möglichkeit, Ihre Identität im Markup zu überprüfen.
Nicht alle WordPress-Themes unterstützen Mikroformate
Wenn Sie sich das erste Mal am Kopf gekratzt haben, als Sie „Mikroformate“ so gesehen haben wie ich, hat David es schön definiert:
[…] Mikroformate… eine Möglichkeit, HTML zu markieren, damit Elemente identifiziert werden können. Es ist eine von mehreren Möglichkeiten, dies zu tun, aber es ist sehr einfach und lesbar, weshalb es in der IndieWeb-Community beliebt ist.
Das Problem, so David weiter, ist, dass viele Themen nicht auf eine Mikroformat-freundliche Weise gekennzeichnet sind – was das ist Microformats2-Plugin wurde entwickelt, um zu beheben. Allerdings weist David schnell darauf hin, dass das Plugin in der Art und Weise, wie es dies bewerkstelligt, äußerst begrenzt ist, und er empfiehlt stattdessen, ein Thema von Hand zu markieren.
Laut David wird die nächste große Version des Webmention-Plugins wahrscheinlich intelligentere Möglichkeiten zur Erkennung von Inhalten und Bildern enthalten, die es verwenden kann, und sie für die Unterstützung von Microformats2 formatieren.
Webmentions senden und empfangen Benachrichtigungen.
OK, wenn Sie also Ihre Identität über Ihre Website festgestellt haben, damit Sie auffindbar sind und Ihre Website für markiert ist h-card
Unterstützung mit Microformats2. Groß! Sie brauchen immer noch etwas in der Mitte, das als Operator fungiert, der Benachrichtigungen sendet und empfängt. Mit anderen Worten, wenn eine andere Website Sie erwähnt – Weberwähnung genannt –, muss die Website, auf der Sie erwähnt werden, eine Möglichkeit bieten, diese Erwähnung an Sie zu senden, und Ihre Website muss dies akzeptieren (oder umgekehrt).
Das ist was die Webmention-Plugin ist für. Es ist wahrscheinlich auch die Quelle der meisten meiner IndieWeb-Verwirrung. Ich dachte, es würde Daten formatieren und brauchte einen zusätzlichen Dienst, um sie zu senden und zu empfangen. Nö! Es sendet und empfängt die Daten tatsächlich, anstatt die Erwähnung zu erstellen. Zurück zu David:
Damals, als es gebaut wurde, kümmerte sich das Plugin nur um das Empfangen und Senden von Weberwähnungen, nicht um die Anzeige in irgendeiner Weise. Semantic Linkbacks, ein separates Plugin, handhabte dies nicht nur für Weberwähnungen, sondern auch für die älteren Pingback- und Trackback-Protokolle.
Das Webmention-Plug-in übermittelt also Benachrichtigungen. In der Zwischenzeit verarbeitet ein anderes Plugin namens Semantic Linkbacks die Daten. Und was zum Teufel sind semantische Linkbacks?
Semantische Linkbacks rufen Daten ab und verarbeiten sie.
Semantische Linkbacks ist ein weiteres Plugin, das einen anderen Teil des Prozesses behandelt. Ich kann es auf keinen Fall besser erklären als David es bereits tut:
Semantische Linkbacks nimmt eine Weberwähnung entgegen, was eine Benachrichtigung ist, dass eine andere Site auf etwas auf Ihrer Site verlinkt hat, ruft die andere Site ab und versucht, eine Anzeige der Informationen zu rendern. Wie das gemacht wird, kann von nur einem Profilfoto (falls es eines finden kann) bis zur Interpretation als vollständiger Kommentar variieren.
Dies geschieht mithilfe von Mikroformaten.
Ich hatte erwartet, dass das Haupt-IndieWeb-Plugin dies bereits tut, da es andere Markups verarbeitet. Aber es stellt nur die Vorlage und das Widget bereit, um Ihre Identität auf Ihrer Website zu erhalten. Sobald das Semantic Linkbacks-Plugin eine eingehende Weberwähnung abruft, nimmt es die Daten, formatiert sie und versucht dann, sie anzuzeigen.
Klingt so, als würde das Plugin etwas mit einer kommenden Version des Webmention-Plugins zusammengeführt (oder durch diese ersetzt):
Da viele Leute nicht geneigt sind oder sich nicht wohlfühlen, ein Thema zu ändern, wird die neue Version von Webmentions mehrere verschiedene alternative Möglichkeiten enthalten, um zu versuchen, ein Bild oder eine Zusammenfassung zum Anzeigen zu finden … von OpenGraph (das Facebook und Twitter verwenden, um die bereitgestellten URLs anzuzeigen ), um die WordPress-REST-API-Version einer Seite zu erkennen und diese zu verwenden, um den Autorennamen und das Profilbild abzurufen. Keines von ihnen wird so viel Kontext bieten wie Mikroformate, aber die Erfahrung wird immer noch etwas sein, das es wert ist, installiert zu werden.
Das ist sicherlich nett, da es die WordPress-REST-API für die JSON-Antwort anzapft und diese für die Anzeige formatiert.
Brid.gy ist ein Dienst zur Anzeige von Interaktionen.
Eine Webmention kann eine Interaktion sein, sagen Sie, jemand mag Ihren Beitrag auf Twitter oder retweetet ihn.
Das Unterscheiden eines Like von einem Repost von einem Kommentar von einem was auch immer passieren muss, und Sie müssten die Twitter-API (oder was auch immer) implementieren, um diese Unterscheidungen zu treffen.
Das ist etwas, was Sie sicherlich tun können! Aber wenn Sie lieber Plug-and-Play möchten, hat eines der IndieWeb-Community-Mitglieder einen Dienst aufgerufen Brid.gy. Sie erstellen ein Konto, verbinden Ihre Website und erteilen dem Dienst App-Berechtigungen … dann sind Sie fertig!
Was Brid.gy getan hat, ist im Wesentlichen die APIs für Twitter, Facebook, Instagram und andere zu implementieren, sodass, wenn es feststellt, dass ein Post in diesen Diensten mit Ihrem syndizierten Post interagiert, eine Webmention an Ihre Website gesendet wird und durch die geht Prozess der Veröffentlichung auf Ihrer eigenen Website.
Es gibt noch so viel mehr!
Schnelle Treffer:
- IndieAuth: Dies ist ein Protokoll, das auf OAuth 2 basiert. Das Plugin richtet einen Endpunkt in der WordPress-REST-API ein, der verwendet werden kann, um Ihre Identität über Ihre eigene selbst gehostete Website zu authentifizieren – im Wesentlichen Ihre eigene Google-Anmeldeschaltfläche, aber ohne diesen Endpunkt selbst einzurichten oder sich auf eine separat gehostete API verlassen zu müssen.
- Mikrokneipe: Wer WordPress nutzt, aber einen anderen Editor bevorzugt, kann den installieren Micropub-Plugin. Dies fügt einen Endpunkt hinzu Dadurch können Sie Inhalte auf Ihrer Website veröffentlichen und mit einem von Micropub unterstützten Editor Elemente in einem Microformats2-Feed erstellen, wodurch Sie viel mehr Optionen zum Schreiben von Inhalten außerhalb des WordPress-Block-Editors erhalten.
- Einfache Lage: David hat dieses Plugin geschrieben und ich war super beeindruckt, als er es mir vorführte. Die Idee ist, dass Daten von Ihrem aktuellen Standort abgerufen werden, die für alles verwendet werden können, von der Anzeige des Wetters zum Zeitpunkt des Schreibens eines Beitrags bis hin zum Erstellen eines ganzen Archivs von Beiträgen auf einer eingebetteten Karte basierend auf dem Ort des Beitrags. Ich würde ehrlich gesagt gerne sehen, wie so etwas direkt in WordPress gebacken wird.
Der aktualisierte Ablauf
Ich habe versucht, eine Illustration zu machen, die die verschiedenen Teile in meinem letzten Beitrag umreißt, aber versuchen wir es noch einmal mit einem aktualisierten Verständnis dessen, was passiert:
Ist das alles sinnvoll?
High Fives an David, dass er sich die Mühe gemacht hat und sich die Zeit genommen hat, mir zu zeigen, wie es aussieht, IndieWeb auf WordPress zu implementieren. Ich kann nicht behaupten, dass ich alle Nuancen vollständig verstehe, aber ich habe zumindest das Gefühl, dass ich die Teile – die Philosophie, die Protokolle und die Technik – anständig verstehe, die erforderlich sind, um es zu verwirklichen.
Ich würde es gerne zu Ihnen umdrehen! Hilft Ihnen das bei der Klärung? Gibt es etwas, das Sie nur schwer verstehen können? Glauben Sie, dass Sie jetzt in der Lage sind, eine WordPress-Site mit IndieWeb-Funktionen zu konfigurieren? Kommen wir zu den Kommentaren!
Entmystifizierung von IndieWeb auf einer WordPress-Site ursprünglich veröffentlicht am CSS-Tricks.. Du solltest erhalten Sie den Newsletter.
- "
- a
- Über uns
- Konto
- Aktivitäten
- Zusätzliche
- Alle
- erlaubt
- bereits
- Alternative
- unter
- Ein anderer
- Bienen
- APIs
- App
- Archiv
- Bereich
- um
- verfügbar
- weil
- hinter den Kulissen
- BESTE
- zwischen
- Bit
- Blockieren
- Building
- Geschäft
- rufen Sie uns an!
- Kategorie
- Auswählen
- Anspruch
- Klasse
- Unterricht
- Kommunizieren
- community
- Komponenten
- Verwirrung
- Sie
- Inhalt
- weiter
- sehr beliebtes Sprach- und Freizeitprogramm
- erstellen
- Erstellen
- Strom
- technische Daten
- Tag
- Entscheidungen
- Abhängig
- entworfen
- detailliert
- DID
- Unterschied
- anders
- Direkt
- Display
- nach unten
- Drop
- Herausgeber
- Elemente
- eingebettet
- Endpunkt
- im Wesentlichen
- etablierten
- etabliert
- etc
- alles
- Beispiel
- Erwartungen
- erwartet
- ERFAHRUNGEN
- Eigenschaften
- Vorname
- erstes Mal
- passen
- Fixieren
- Fluss
- konzentriert
- Format
- Foundation
- Unser Ansatz
- für
- voller
- bekommen
- Unterstützung
- gut
- Griff
- Handling
- passieren
- ganzer
- Hilfe
- hilfreich
- hier
- gehostet
- Ultraschall
- Hilfe
- HTTPS
- Idee
- Identitätsschutz
- Image
- Bilder
- implementieren
- Implementierung
- In anderen
- das
- Information
- installieren
- integrieren
- Interaktion
- IT
- selbst
- Leadership
- wahrscheinlich
- Limitiert
- wenig
- Standorte
- ich liebe
- gemacht
- Dur
- um
- MACHT
- Making
- Karte
- Bedeutung
- Mitglieder
- Erwähnungen
- Geist / Bewusstsein
- mehr
- vor allem warme
- Mozilla
- Namen
- benötigen
- Bedürfnisse
- Benachrichtigung
- angeboten
- Angebote
- XNUMXh geöffnet
- Operator
- Optionen
- Andere
- besitzen
- Teil
- Personen
- vielleicht
- person
- Philosophie
- Stück
- Stücke
- Play
- Plugin
- Plugins
- Beliebt
- möglich
- BLOG-POSTS
- Aufgabenstellung:
- Prozessdefinierung
- Profil
- immobilien
- Protokoll
- Protokolle
- die
- vorausgesetzt
- bietet
- veröffentlichen
- Publishing
- Direkt
- RE
- Lesebrillen
- erhalten
- empfiehlt
- Release
- ersetzt
- falls angefordert
- Voraussetzungen:
- Antwort
- für ihren Verlust verantwortlich.
- REST
- Laufen
- Said
- gleich
- Szenen
- sieht
- Sinn
- Modellreihe
- Leistungen
- kompensieren
- Einstellung
- mehrere
- ,,teilen"
- verschieben
- Short
- Einfacher
- da
- am Standort
- Seiten
- So
- Jemand,
- etwas
- Normen
- Immer noch
- Strategie
- strukturierte
- Support
- Einnahme
- Tech
- Technologies
- Das
- Die Quelle
- Thema
- Ding
- Durch
- Zeit
- gemeinsam
- Top
- verstehen
- Verständnis
- anstehende
- -
- verschiedene
- überprüfen
- Version
- Anzeigen
- Wege
- Webseite
- Was
- WHO
- ohne
- wunderbar
- WordPress
- WordPress Plugin
- WordPress Theme
- Worte
- Arbeiten
- trainieren
- arbeiten,
- Würmern
- wert
- Schreiben
- Ihr