Tja, sheesh. Jag öppnade en liten burk med maskar när jag delade Miriams "Är jag på IndieWeb än?" med en kort inlägg som beklagar mina egna problem sätter sig på IndieWeb-tåget. Men det är en bra burk maskar.
Jag tror att det var ungefär nästa dag efter att ha publicerat det där korta inlägget David Shanske sträckte ut handen och erbjöd mig att hjälpa till att linda mitt huvud kring IndieWeb och de komponenter som det består av. Och herregud om det inte var löjligt hjälpsamt! Så mycket att jag skulle vilja länkar dig till ett nytt inlägg som David skrev efter att vi pratat, sammanfatta sedan saker här så gott jag kan eftersom (1) det är bra att skriva ner saker och (2) ha en referens för senare.
Ja, IndieWeb är förvirrande.
David hade faktiskt hjälpt någon att få sin WordPress-webbplats inställd med IndieWeb-krafter. Den personen kämpade också för att förstå hur de olika delarna passade ihop. Så David hade redan detta i huvudet när Miriam och jag skrev.
"IndieWeb" är en ny term för många människor och det är där mycket förvirring föder upp. Är det ett ramverk? En filosofi? En uppsättning standarder? Beroende på vilken det är, skiftar förväntningarna så långt som hur det ser ut att vara en del av det.
Det är typ allt ovanstående. Och det måste stelnas lite. Det finns inget som är förvirrande med IndieWeb själv när du väl ser det genom de olika linserna. Efter att ha läst Davids inlägg har jag förstått att IndieWeb mer är en uppsättning protokoll. Lite som att arbeta med strukturerad data eller OpenGraph i uppmärkning. Det finns inget att installera i sig, men det finns standarder för hur man integrerar dem i ditt arbete.
Din identitet driver IndieWeb. Med andra ord, din webbplats etablerar din identitet och kan användas för att göra många saker, som:
- Meddela andra IndieWeb-stödda webbplatser när de nämns
- Ta emot meddelanden från andra Indiewebbplatser när du nämns
- Hämta information från ett omnämnande och formatera det för visning
- Autentisera din identitet via din egen webbplats (en là en Google-inloggningsknapp men ansluten till din webbplats)
- …bland annat.
Om det låter som pingbacks, ja, det är det typ. Men mycket mer robust och underhållen.
Det är annorlunda (och kanske lättare) att implementera IndieWeb-funktioner på WordPress än det är en statisk webbplats.
Den stora skillnaden är att WordPress tillhandahåller många av de krav som krävs för att göra IndieWeb-y saker. Jag gillar hur David förklarar det:
IndieWeb-implementeringen på WordPress är en [serie] av byggstenar som du kan eller inte kan välja att använda, vilket är det som gör det underbart, men ibland förvirrande. WordPress har en filosofi om beslut, inte alternativ. Men IndieWeb handlar om alternativ ... om att bygga de funktioner som är rätt för dig.
Dessa byggstenar är plugins som du installerar för att lägga till IndieWeb-protokoll och teknologier till WordPress. Det är fantastiskt att de är lättillgängliga eftersom det tar mycket av arbetet ur saker och ting. Om du driver en statisk webbplats är du dock sugen på att etablera det mesta själv.
Davids inlägg är 100% fokuserat på WordPress-implementeringen. Din körsträcka kan variera, men du kommer säkert att gå därifrån med en bättre uppfattning om vilka protokoll som finns tillgängliga och hur de passar ihop efter att ha läst hans inlägg - och förhoppningsvis det här också.
IndieWeb WordPress-plugin etablerar din identitet.
Jag trodde att det gjorde så mycket saker bakom kulisserna, men det är mycket enklare än så:
Plugin-programmet i sig hanterar fastställandet av din identitet som IndieWeb ser det. Den erbjuder en h-kortmall och widget. H-Card är uppmärkningen för att markera information om en person eller plats. Så det här är ett element som många väljer att lägga på sin webbplats ändå.
Så egentligen är det möjligt att få samma sak genom att korrekt markera ett WordPress-tema. Bekvämligheten här är att du får en praktisk liten mall som är märkt för att stödja h-card
öppet format och en widget för att släppa den i ett temas widgetområde.
Här är ett superdetaljerat exempel på h-card
uppmärkning drogs från dokumentation för mikroformat2:
<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>
Ser du klassnamnen? Klasser som .h-card
, u-photo
, p-name
, etc. ger alla en kontextuell betydelse för en persons identitet som den sedan analyserade som 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" ] } }]
}
Insticksprogrammet skickar, tar inte emot eller analyserar inte. Istället ger den en WordPress-webbplats ett sätt att verifiera din identitet i uppmärkningen.
Inte alla WordPress-teman stöder mikroformat
Om du kliade dig i huvudet första gången du såg "Mikroformat" som jag gjorde, definierar David det fint:
[…] Mikroformat...ett sätt att märka HTML så att element kan identifieras. Det är ett av flera sätt att göra detta på, men är väldigt enkelt och läsbart, varför det är populärt i IndieWeb-communityt.
Problemet, som David fortsätter, är att många teman inte är märkta på ett mikroformatvänligt sätt - vilket är vad Mikroformats2 plugin är utformad för att fixa. Som sagt, David är snabb med att påpeka att pluginet är extremt begränsat i hur det åstadkommer detta, och han rekommenderar istället att markera ett tema för hand.
Enligt David kommer nästa stora utgåva av Webmention-pluginet sannolikt att innehålla smartare sätt att upptäcka innehåll och bilder som den kan använda och formatera dem för Microformats2-stöd.
Webbennämningar skickar och tar emot meddelanden.
OK, så om du har etablerat din identitet via din webbplats så är du upptäckbar och din webbplats är markerad för h-card
stöd med mikroformat2. Bra! Du behöver fortfarande något i mitten som arbetar som operatör som skickar och tar emot aviseringar. Med andra ord, när en annan webbplats nämner dig – kallad webbomnämnande – behöver webbplatsen som nämner dig ett sätt att stödja att skicka det omnämnandet till dig, och din webbplats behöver ett sätt att acceptera det (eller vice versa).
Det är vad Webmention plugin är för. Det är förmodligen också källan till det mesta av min IndieWeb-förvirring. Jag trodde att det formaterade data och behövde en extra tjänst för att skicka och ta emot den. Nej! Det är faktiskt att skicka och ta emot data snarare än att skapa omnämnandet. Tillbaka till David:
Tillbaka när det byggdes, hanterade plugin bara verksamheten med att ta emot och skicka webbomnämnanden, inte hantera visning i någon grad. Semantic Linkbacks, ett separat plugin hanterade det inte bara för webbomnämningar, utan för de äldre pingback- och trackback-protokollen.
Så, insticksprogrammet Webmention kommunicerar meddelanden. Samtidigt är det ett annat plugin som heter Semantic Linkbacks som hanterar data. Och vad i helvete är Semantic Linkbacks?
Semantiska länkbackar hämtar och hanterar data.
Semantiska länkar är ett annat plugin som hanterar en annan del av processen. Det finns inget sätt jag kan förklara det bättre än vad David redan gör:
Semantic Linkbacks tar ett webbomnämnande, vilket är ett meddelande om att en annan webbplats har länkat till något på din webbplats, hämtar den andra sidan och försöker visa informationen. Hur det görs kan variera från bara ett profilfoto (om det kan hitta ett) till att tolka det som en fullständig kommentar.
Den gör detta med hjälp av mikroformat.
Jag förväntade mig att huvudinsticksprogrammet IndieWeb redan gjorde detta eftersom det hanterar annan uppmärkning. Men det tillhandahåller bara mallen och widgeten för att få din identitet på din webbplats. När plugin-programmet Semantic Linkbacks hämtar ett inkommande webbomnämnande tar det data, formaterar det och försöker sedan visa det.
Det låter som att plugin-programmet kommer att slås ihop något med (eller ersättas av) en kommande version av insticksprogrammet Webmention:
Eftersom många människor inte är benägna eller inte är bekväma med att ändra ett tema, kommer den nya versionen av Webmentions att innehålla flera olika alternativa sätt att försöka hitta en bild eller sammanfattning att visa...från OpenGraph (som Facebook och Twitter använder för att visa webbadresser som tillhandahålls till den ) för att upptäcka WordPress REST API-versionen av en sida och använda den för att få författarens namn och profilbild. Ingen av dem kommer att ge så mycket sammanhang som mikroformat, men upplevelsen kommer fortfarande att vara något värt att installera.
Det är verkligen trevligt eftersom det utnyttjar WordPress REST API för JSON-svar och format som för visning.
Brid.gy är en tjänst för att visa interaktioner.
Ett webbomnämnande kan vara en interaktion, säg att någon gillar ditt inlägg på Twitter eller retweetar det.
Att skilja en like från ett repost från en kommentar från en vad som helst som behöver hända, och du skulle behöva implementera Twitter (eller vad som helst) API för att göra dessa distinktioner.
Det är något du absolut kan göra! Men om du hellre föredrar plug and play skapade en av IndieWeb-gemenskapens medlemmar en tjänst som heter Brid.gy. Du skapar ett konto, kopplar upp din webbplats och ger appbehörighet till tjänsten... så är du klar!
Vad Brid.gy har gjort är att implementera API:erna för Twitter, Facebook, Instagram och andra, så att när den upptäcker att ett inlägg i de tjänsterna som interagerar med ditt syndikerade inlägg, skickas ett webbomnämnande till din webbplats och går igenom processen att publicera på din egen webbplats.
Det finns så mycket mer!
Snabba träffar:
- IndieAuth: Detta är ett protokoll baserat på OAuth 2. Insticksprogrammet etablerar en slutpunkt i WordPress REST API som kan användas för att autentisera din identitet genom din egen webbplats som är värd – i huvudsak din egen Google-inloggningsknapp men utan att du själv har etablerat den slutpunkten eller behöver förlita dig på ett separat värd-API.
- Mikropub: För de som använder WordPress men föredrar en annan editor kan installera Mikropub plugin. Detta lägger till en slutpunkt som låter dig publicera innehåll på din webbplats och med hjälp av en Micropub-stödd editor skapa objekt i ett Microformats2-flöde, vilket ger dig mycket fler alternativ för att skriva innehåll utanför WordPress Block Editor.
- Enkel plats: David skrev detta plugin och jag blev superimponerad när han demonstrerade det för mig. Tanken är att den hämtar in data från din nuvarande plats som kan användas för allt från att visa vädret när du skrev ett inlägg, till att skapa ett helt arkiv med inlägg på en inbäddad karta baserat på inläggsplatsen. Jag skulle ärligt talat älska att se något sådant här bakat in direkt i WordPress.
Det uppdaterade flödet
Jag försökte göra en illustration som beskriver de olika delarna i mitt förra inlägg, men låt oss försöka igen med en uppdaterad förståelse för vad som händer:
Är allt vettigt?
High fives till David för att han både nådde ut och tog sig tid att visa mig hur det ser ut att implementera IndieWeb på WordPress. Jag kan inte påstå att jag helt förstår alla nyanser, men jag känner åtminstone att jag har ett anständigt grepp om bitarna - filosofin, protokollen och tekniken - som krävs för att få det att hända.
Jag skulle vilja vända det till dig! Hjälper detta att klargöra saker för dig? Är det något du kämpar för att förstå? Tror du att du kan konfigurera en WordPress-webbplats med IndieWeb-funktioner nu? Låt oss ta det till kommentarerna!
Avmystifiera IndieWeb på en WordPress-webbplats ursprungligen publicerad på CSS-tricks. Du borde få nyhetsbrevet.
- "
- a
- Om oss
- Konto
- aktiviteter
- Annat
- Alla
- tillåter
- redan
- alternativ
- bland
- Annan
- api
- API: er
- app
- arkiv
- OMRÅDE
- runt
- tillgänglig
- därför att
- bakom kulisserna
- BÄST
- mellan
- Bit
- Blockera
- Byggnad
- företag
- Ring
- Kategori
- Välja
- patentkrav
- klass
- klasser
- kommunicera
- samfundet
- komponenter
- förvirring
- anslutna
- innehåll
- fortsätter
- bekvämlighet
- skapa
- Skapa
- Aktuella
- datum
- dag
- beslut
- beroende
- utformade
- detaljerad
- DID
- Skillnaden
- olika
- direkt
- Visa
- ner
- Drop
- redaktör
- element
- inbäddade
- Slutpunkt
- väsentligen
- etablerade
- upprättar
- etc
- allt
- exempel
- förväntningar
- förväntat
- erfarenhet
- Funktioner
- Förnamn
- första gången
- passa
- Fast
- flöda
- fokuserade
- format
- fundament
- Ramverk
- från
- full
- få
- Ge
- god
- hantera
- Arbetsmiljö
- hända
- huvud
- hjälpa
- hjälp
- här.
- värd
- Hur ser din drömresa ut
- How To
- HTTPS
- Tanken
- Identitet
- bild
- bilder
- genomföra
- genomförande
- I andra
- innefattar
- informationen
- installera
- integrera
- interaktion
- IT
- sig
- Ledarskap
- sannolikt
- Begränsad
- liten
- läge
- älskar
- gjord
- större
- göra
- GÖR
- Framställning
- karta
- betyder
- Medlemmar
- nämner
- emot
- mer
- mest
- Mozilla
- namn
- behöver
- behov
- anmälan
- erbjuds
- Erbjudanden
- öppet
- Operatören
- Tillbehör
- Övriga
- egen
- del
- Personer
- kanske
- personen
- Filosofin
- bit
- bitar
- Spela
- plugin
- insticksmoduler
- Populära
- möjlig
- inlägg
- Problem
- process
- Profil
- egenskaper
- protokoll
- protokoll
- ge
- förutsatt
- ger
- publicera
- publicering
- Snabbt
- RE
- Läsning
- motta
- rekommenderar
- frigöra
- ersättas
- Obligatorisk
- Krav
- respons
- ansvarig
- REST
- rinnande
- Nämnda
- Samma
- scener
- ser
- känsla
- Serier
- service
- Tjänster
- in
- inställning
- flera
- delning
- skifta
- Kort
- Enkelt
- eftersom
- webbplats
- Områden
- So
- någon
- något
- standarder
- Fortfarande
- Strategi
- strukturerade
- stödja
- tar
- tech
- Tekniken
- Smakämnen
- källan
- tema
- sak
- saker
- Genom
- tid
- tillsammans
- topp
- förstå
- förståelse
- kommande
- användning
- olika
- verifiera
- version
- utsikt
- sätt
- Webbplats
- Vad
- VEM
- utan
- underbart
- Wordpress
- WordPress plugin
- Wordpress Theme
- ord
- Arbete
- träna
- arbetssätt
- maskar
- värt
- skrivning
- Din