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?x-oss-process=image/resize,p_40" 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!

In diesem Beitrag zeigt Blackle Mori Ihnen einige der Hacks, die gefunden wurden, während Sie versuchen, die Grenzen der HTML -Unterstützung von Cohost zu überschreiten. Verwenden Sie diese, wenn Sie es wagen, damit auch Sie als CSS -Verbrecher bezeichnet werden.

Benutzerdefinierte Cursoren mit CSS sind großartig, aber wir können die Dinge mit JavaScript auf die nächste Stufe bringen. Mit JavaScript können wir zwischen Cursorzuständen wechseln, dynamischen Text in den Cursor platzieren, komplexe Animationen anwenden und Filter anwenden.

Interaktive CSS -Animationen mit Elementen, die sich gegenseitig abprallen, scheinen im Jahr 2025 plausibler zu sein. Obwohl es unnötig ist, eine Pong in CSS zu implementieren

Tipps und Tricks zur Verwendung der CSS Backdrop-Filter-Eigenschaft, um Benutzeroberflächen zu stylen. Sie lernen, wie Sie Hintergrundfilter zwischen mehreren Elementen schichten, und integrieren sie in andere grafische CSS -Effekte, um aufwändige Designs zu erstellen.

Nun, es stellt sich heraus, dass die integrierten Animationsfunktionen von SVG nie wie geplant veraltet waren. Sicher, CSS und JavaScript sind mehr als in der Lage, die Ladung zu tragen, aber es ist gut zu wissen, dass Smil nicht wie zuvor im Wasser tot ist

Yay, let ' S sprung für Textschreiber: Pretty Landing in Safari Technology Preview! Aber achten Sie darauf, dass es sich von der Art und Weise unterscheidet, wie es in Chrombrowsern funktioniert.

Dieses CSS-Tricks-Update zeigt erhebliche Fortschritte im Almanac, den neuesten Podcast-Auftritten, einem neuen CSS-Leitfaden und der Hinzufügung mehrerer neuer Autoren, die wertvolle Inhalte beitragen.

Meistens präsentieren die Leute die @Apply-Funktion mit einer der einzelnen Properschafts-Dienstprogramme von Rückenwind (die eine einzelne CSS-Deklaration ändert). Wenn @Apply auf diese Weise präsentiert wird, klingt er überhaupt nicht vielversprechend. Also obvio


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

SecLists
SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
