Heim >Web-Frontend >CSS-Tutorial >Entmystifizierende IndieWeb auf einer WordPress-Site

Entmystifizierende IndieWeb auf einer WordPress-Site

Lisa Kudrow
Lisa KudrowOriginal
2025-03-13 11:09:09373Durchsuche

De-mystifizierende IndieWeb auf einer WordPress-Site

Mein jüngster Beitrag über IndieWeb löste ein hilfreiches Gespräch mit David Shanske aus, der großzügig Unterstützung beim Verständnis dieses häufig konfessionellen Konzepts bot. Dieser Beitrag fasst unsere Diskussion zusammen und klärt die Schlüsselkomponenten der IndieWeb -Implementierung auf WordPress.

Verständnis des IndieWeb -Jargon

Der Begriff "IndieWeb" selbst ist eine Quelle der Verwirrung. Ist es ein Rahmen, eine Philosophie oder eine Reihe von Standards? Die Antwort, wie sich herausstellt, sind alle drei. Es entsteht jedoch ein klareres Verständnis, wenn es als eine Sammlung von Protokollen betrachtet wird, ähnlich wie strukturierte Daten oder OpenGraph -Markup. Es gibt keine einzelne Software zu installieren. Es geht vielmehr darum, bestimmte Standards für die Integration zu halten.

Ihre Online -Identität ist für IndieWeb von zentraler Bedeutung. Ihre Website wird zu Ihrem Identitätszentrum und ermöglicht Funktionalitäten wie:

  • Benachrichtigen anderer IndieWeb -Websites, wenn Sie erwähnt werden.
  • Benachrichtigungen erhalten, wenn Sie anderswo erwähnt werden.
  • Abrufen und Anzeigen von Informationen aus Erwähnungen.
  • Authentifizierung Ihrer Identität über Ihre Website (ähnlich wie bei einem Google-Anmeldung, aber selbst veranstaltet).

Dies ist eine verbesserte Version von Pingbacks, die größere Robustheit und Wartbarkeit bietet.

Implementierung von IndieWeb auf WordPress: Ein einfacherer Ansatz

WordPress vereinfacht die IndieWeb -Integration im Vergleich zu statischen Stellen signifikant. Wie David erklärt, bietet WordPress "Bausteine" - Plugins -, die IndieWeb -Protokolle implementieren. Dies steht im Gegensatz zu dem praktischen Ansatz, der für statische Stellen erforderlich ist.

Das Kern -Plugin legt Ihre Online -Identität fest. Es bietet in erster Linie eine H-Card-Vorlage und ein Widget. Die H-Card ist ein Aufschlag für persönliche oder Standortinformationen, die ohnehin sowieso auf Websites enthalten sind. Während das manuelle Hinzufügen dieses Markups zu Ihrem Thema möglich ist, bietet das Plugin eine bequeme vorgefertigte Lösung.

Hier ist ein Beispiel für H-Card-Markup (aus Microformats2-Dokumentation):

<code><div>
  <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174183535434329.jpg" class="lazy" alt="Foto von Mitchell"> <a href="https://www.php.cn/link/dbe1a0a2c9bd9241b3499318bf96f756">Mitchell Baker</a>
 ( <a href="https://www.php.cn/link/ebbb5ccb88b2cd2e2224917a325f903b">@Mitchellbaker</a> )
  Mozilla Foundation
  <p>
    Mitchell ist dafür verantwortlich, die Richtung und den Umfang der Mozilla Foundation und ihre Aktivitäten zu setzen.
  </p>
  Strategie
  Führung
</div></code>

Beachten Sie die Klassen wie .h-card , u-photo , p-name usw., die als JSON analysiert werden:

 <code>{ "items": [{ "type": ["h-card"], "properties": { "photo": ["https://img.php.cn/upload/article/000/000/000/174183535434329.jpg"], "name": ["Mitchell Baker"], "url": [ "https://www.php.cn/link/dbe1a0a2c9bd9241b3499318bf96f756", "https://www.php.cn/link/ebbb5ccb88b2cd2e2224917a325f903b" ], "org": ["Mozilla Foundation"], "note": ["Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities."], "category": [ "Strategy", "Leadership" ] } }] }</code>

Das Plugin bearbeitet das Senden, Empfangen oder Parsen nicht. Es liefert ausschließlich die Identitätsüberprüfungsmarkup.

Mikroformate und Themenkompatibilität

"Mikroformaten" sind eine Methode zum Markieren von HTML, um Elemente zu identifizieren. Das Problem ist, dass vielen WordPress -Themen die Unterstützung von Mikroformaten fehlen, an denen das Microformats2 -Plugin hilft. Dieses Plugin hat jedoch Einschränkungen, und es wird häufig ein manuelles Themenmarkup empfohlen. Zukünftige Webmention -Plugin -Updates zielen darauf ab, dies zu verbessern, indem OpenGraph und die WordPress Rest -API eingesetzt werden.

Webmentionen, semantische Linkbacks und Brid.gy

Das Webmention -Plugin behandelt das Senden und Empfangen von Benachrichtigungen (Webmentions). Semantische Linkbacks, ein separates Plugin (potenziell in zukünftige Webmention -Updates integrierte), ruft, Formate und Webmention -Daten mithilfe von Mikroformaten an. Brid.gy bietet eine einfachere Alternative, die vorgefertigte API-Integrationen für Dienste wie Twitter und Facebook bereitstellt und den Prozess des Empfangens und Anzeigens von Interaktionen optimiert.

Zusätzliche wichtige Plugins

  • IndieAUTH: Bietet selbst gehostete Authentifizierung und erstellt eine eigene Version einer Google-Anmeldetaste.
  • Micropub: Ermöglicht das Veröffentlichen von Inhalten über alternative Editoren mit Microformats2.
  • Einfacher Ort: (entwickelt von David) integriert Standortdaten in Beiträge und aktiviert Funktionen wie Wetteranzeigen und standortbasierte Archive.

Der überarbeitete Workflow

(Eine visuelle Darstellung des Workflows wäre hier vorteilhaft, kann jedoch nicht von diesem textbasierten Modell bereitgestellt werden.)

Diese Erklärung verdeutlicht hoffentlich die Komponenten und Prozesse, die an der IndieWeb -Implementierung auf WordPress beteiligt sind. Weitere Fragen oder Diskussionen sind willkommen!

Das obige ist der detaillierte Inhalt vonEntmystifizierende IndieWeb auf einer WordPress-Site. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn