Nå, sheesh. Jeg åbnede en lille dåse orme, da jeg delte Miriams "Er jeg på IndieWeb endnu?" med en kort indlæg, der begræder mine egne problemer komme på IndieWeb-toget. Men det er en god dåse orme.
Jeg tror, det var noget i stil med dagen efter, efter at have offentliggjort det korte indlæg David Shanske rakte ud og tilbød at hjælpe med at omslutte mit hoved omkring IndieWeb og de komponenter, det omfatter. Og gud, hvis det ikke var latterligt nyttigt! Så meget, at jeg gerne vil linker dig til et nyt indlæg David skrev efter vi havde talt, så opsummer tingene her så godt jeg kan, fordi (1) det er nyttigt at skrive ting ned og (2) have en reference til senere.
Ja, IndieWeb er forvirrende.
David havde faktisk hjulpet nogen med at få deres WordPress-side opsat med IndieWeb-kræfter. Denne person havde også svært ved at forstå, hvordan de forskellige stykker passede sammen. Så David havde allerede dette top of mind, da Miriam og jeg skrev.
"IndieWeb" er et nyt udtryk for mange mennesker, og det er her, der opstår en masse forvirring. Er det en ramme? En filosofi? Et sæt standarder? Afhængigt af hvilken det er, skifter forventningerne til, hvordan det ser ud at være en del af det.
Det er sådan set alt det ovenstående. Og det skal størknes lidt. Der er ikke noget, der i sagens natur er forvirrende ved IndieWeb selv, når du først ser det gennem de forskellige linser. Efter at have læst Davids indlæg er min forståelse, at IndieWeb mere er et sæt protokoller. Det ligner at arbejde med strukturerede data eller OpenGraph i markup. Der er ikke noget at installere i sig selv, men der er standarder for, hvordan man integrerer dem i dit arbejde.
Din identitet driver IndieWeb. Med andre ord, dit websted etablerer din identitet og kan bruges til at gøre mange ting, som:
- Giv andre IndieWeb-understøttede websteder besked, når de nævnes
- Modtag meddelelser fra andre Indiewebsteder, når du bliver nævnt
- Hent information fra en omtale, og formater den til visning
- Godkend din identitet via dit eget websted (a là en Google-logon-knap, men forbundet til dit websted)
- …blandt andet.
Hvis det lyder som pingbacks, så er det sådan set. Men meget mere robust og vedligeholdt.
Det er anderledes (og måske nemmere) at implementere IndieWeb-funktioner på WordPress, end det er et statisk websted.
Den store forskel er, at WordPress leverer mange af de krav, der er nødvendige for at gøre IndieWeb-y ting. Jeg kan godt lide, hvordan David forklarer det:
IndieWeb-implementeringen på WordPress er en [serie] af byggeklodser, som du kan eller ikke kan vælge at bruge, hvilket er det, der gør det vidunderligt, men nogle gange forvirrende. WordPress har en filosofi om beslutninger, ikke muligheder. Men IndieWeb handler om muligheder...om at bygge de funktioner, der passer til dig.
Disse byggeklodser er plugins, som du installerer for at tilføje IndieWeb-protokoller og -teknologier til WordPress. Det er fantastisk, de er let tilgængelige, fordi det tager meget af arbejdet ud af tingene. Hvis du driver et statisk websted, er du dog på krogen for at etablere det meste af det selv.
Davids indlæg er 100% fokuseret på WordPress-implementeringen. Dit kilometertal kan variere, men du vil helt sikkert gå væk med en bedre idé om, hvilke protokoller der er tilgængelige, og hvordan de passer sammen efter at have læst hans indlæg - og forhåbentlig også denne.
IndieWeb WordPress plugin etablerer din identitet.
Jeg troede, det lavede så mange ting bag kulisserne, men det er meget mere enkelt end som så:
Pluginnet håndterer i sig selv at etablere din identitet, som IndieWeb ser det. Det tilbyder en h-kort skabelon og widget. H-Card er opmærkningen til markering af oplysninger om en person eller et sted. Så dette er et element, mange mennesker vælger at sætte på deres websted alligevel.
Så det er virkelig muligt at få den samme slags ting ved at markere et WordPress-tema korrekt. Bekvemmeligheden her er, at du får en praktisk lille skabelon, der er mærket til at understøtte h-card
åbent format og en widget for at slippe den ind i et temas widgetområde.
Her er et super detaljeret eksempel på h-card
markup trukket fra dokumentation for mikroformater2:
<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>
Kan du se de klassenavne? Klasser som .h-card
, u-photo
, p-name
osv. giver alle en kontekstuel mening for en persons identitet, som den derefter analyserede 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" ] } }]
}
Pluginnet udfører ikke afsendelse, modtagelse eller parsing. I stedet giver det et WordPress-websted en måde at bekræfte din identitet i opmærkningen.
Ikke alle WordPress-temaer understøtter mikroformater
Hvis du kløede dig i hovedet første gang, du så "Mikroformater", som jeg gjorde, definerer David det pænt:
[…] Mikroformater...en måde at markere HTML på, så elementer kan identificeres. Det er en af flere måder at gøre dette på, men er meget enkel og læsbar, og derfor er den populær i IndieWeb-fællesskabet.
Problemet, som David fortsætter, er, at mange temaer ikke er markeret på en mikroformatvenlig måde - hvilket er, hvad Microformats2 plugin er designet til at fikse. Når det er sagt, er David hurtig til at sige, at plugin'et er ekstremt begrænset i, hvordan det opnår dette, og han anbefaler i stedet at markere et tema i hånden.
Ifølge David vil den næste store udgivelse af Webmention-pluginet sandsynligvis omfatte smartere måder at detektere indhold og billeder, det kan bruge, og formatere dem til Microformats2-understøttelse.
Webomtaler sender og modtager meddelelser.
OK, så hvis du har etableret din identitet gennem dit websted, så du er synlig, og dit websted er markeret til h-card
understøttelse af mikroformater2. Store! Du har stadig brug for noget i midten, der arbejder som operatør, der sender og modtager meddelelser. Med andre ord, når et andet websted omtaler dig - kaldet en webomtale - har webstedet, der nævner dig, brug for en måde at understøtte afsendelsen af denne omtale til dig på, og dit websted har brug for en måde at acceptere det på (eller omvendt).
Det er hvad Webmention plugin er for. Det er nok også kilden til det meste af min IndieWeb-forvirring. Jeg troede, det formaterede data og havde brug for en ekstra service til at sende og modtage dem. Nix! Det er faktisk at sende og modtage dataene i stedet for at skabe omtalen. Tilbage til David:
Dengang det blev bygget, håndterede plugin'et kun forretningen med at modtage og sende webomtaler, ikke i nogen grad visning. Semantic Linkbacks, et separat plugin håndterede det for ikke kun webomtaler, men de ældre pingback- og trackback-protokoller.
Så Webmention-plugin'et kommunikerer meddelelser. I mellemtiden er et andet plugin kaldet Semantic Linkbacks, der håndterer dataene. Og hvad pokker er Semantic Linkbacks?
Semantiske Linkbacks henter og håndterer data.
Semantiske links er et andet plugin, der håndterer en anden del af processen. Der er ingen måde, jeg kan forklare det bedre, end David allerede gør:
Semantic Linkbacks tager en webmention, som er en meddelelse om, at et andet websted har linket til noget på dit websted, henter det andet websted og forsøger at vise informationen. Hvordan det gøres kan variere fra blot et profilbillede (hvis det kan finde et), til at tolke det som en fuldstændig kommentar.
Det gør det ved hjælp af mikroformater.
Jeg forventede, at det primære IndieWeb-plugin allerede gjorde dette, da det håndterer andre markeringer. Men det giver kun skabelonen og widgetten til at få din identitet på dit websted. Når Semantic Linkbacks-pluginnet henter en indgående webomtale, tager det dataene, formaterer dem og forsøger derefter at vise dem.
Det lyder som om, at pluginnet bliver noget sammensmeltet med (eller erstattet af) en kommende version af Webmention-pluginnet:
Da mange mennesker ikke er tilbøjelige til eller ikke har det godt med at ændre et tema, vil den nye version af Webmentions indeholde flere forskellige alternative måder at forsøge at finde et billede eller resumé at vise...fra OpenGraph (som Facebook og Twitter bruger til at vise URL'er, der er givet til det ) til at detektere WordPress REST API-versionen af en side og bruge den til at få forfatternavnet og profilbilledet. Ingen af dem vil give så meget kontekst som mikroformater, men oplevelsen vil stadig være noget værd at installere.
Det er bestemt rart, da det bruger WordPress REST API til JSON-svaret og formater til visning.
Brid.gy er en tjeneste, der hjælper med at vise interaktioner.
En webomtale kan være en interaktion, sig, at nogen kan lide dit opslag på Twitter eller retweets det.
Ved at skelne et like fra et genindlæg fra en kommentar fra en hvad der skal ske, og du skal implementere Twitter (eller hvad som helst) API for at trække disse skel.
Det er noget du helt sikkert kan! Men hvis du hellere vil plug and play, lavede et af IndieWeb-fællesskabets medlemmer en tjeneste kaldet Brid.gy. Du opretter en konto, tilslutter dit websted og giver app-tilladelser til tjenesten... så er du færdig!
Det, Brid.gy har gjort, er i det væsentlige at implementere API'erne for Twitter, Facebook, Instagram og andre, så når det registrerer, at et indlæg i disse tjenester, der interagerer med dit syndikerede indlæg, sendes en webomtale til dit websted og går gennem processen med at publicere på dit eget websted.
Der er så meget mere!
Hurtige hits:
- IndieAuth: Dette er en protokol baseret på OAuth 2. Pluginnet etablerer et slutpunkt i WordPress REST API, der kan bruges til at autentificere din identitet gennem dit eget selvhostede websted - i det væsentlige din egen Google-logon-knap, men uden at du selv skal etablere det endepunkt eller behøver at stole på en separat hostet API.
- Mikropub: For dem, der bruger WordPress, men foretrækker en anden editor kan installere Micropub plugin. Denne tilføjer et slutpunkt der giver dig mulighed for at udgive indhold på dit websted og ved hjælp af en Micropub-understøttet editor oprette elementer i et Microformats2-feed, hvilket giver dig langt flere muligheder for at skrive indhold uden for WordPress Block Editor.
- Enkel placering: David skrev dette plugin og jeg var super imponeret, da han demonstrerede det for mig. Ideen er, at den trækker data ind fra din nuværende placering, som kan bruges til alt fra at vise vejret på det tidspunkt, du skrev et indlæg, til at oprette et helt arkiv af indlæg på et indlejret kort baseret på postens placering. Jeg ville ærlig talt elske at se sådan noget bagt direkte ind i WordPress.
Det opdaterede flow
Jeg forsøgte at lave en illustration, der skitserer de forskellige stykker i mit sidste indlæg, men lad os prøve igen med en opdateret forståelse af, hvad der sker:
Giver det hele mening?
High fives til David for både at nå ud og tage sig tid til at vise mig, hvordan det ser ud at implementere IndieWeb på WordPress. Jeg kan ikke påstå, at jeg fuldt ud forstår alle nuancerne, men jeg føler i det mindste, at jeg har et anstændigt greb om brikkerne - filosofien, protokollerne og teknologien - der kræves for at få det til at ske.
Jeg vil gerne vende det om til dig! Hjælper dette med at afklare tingene for dig? Er der noget, du kæmper for at forstå? Tror du, at du er i stand til at konfigurere et WordPress-websted med IndieWeb-funktioner nu? Lad os tage det til kommentarerne!
Afmystificere IndieWeb på et WordPress-websted oprindeligt udgivet den CSS-tricks. Du burde få nyhedsbrevet.
- "
- a
- Om
- Konto
- aktiviteter
- Yderligere
- Alle
- tillader
- allerede
- alternativ
- blandt
- En anden
- api
- API'er
- app
- Arkiv
- OMRÅDE
- omkring
- til rådighed
- fordi
- bag scenen
- BEDSTE
- mellem
- Bit
- Bloker
- Bygning
- virksomhed
- ringe
- Boligtype
- Vælg
- krav
- klasse
- klasser
- kommunikere
- samfund
- komponenter
- forvirring
- tilsluttet
- indhold
- fortsætter
- bekvemmelighed
- skabe
- Oprettelse af
- Nuværende
- data
- dag
- afgørelser
- Afhængigt
- konstrueret
- detaljeret
- DID
- forskel
- forskellige
- direkte
- Skærm
- ned
- Drop
- editor
- elementer
- indlejret
- Endpoint
- væsentlige
- etableret
- indfører
- etc.
- at alt
- eksempel
- forventninger
- forventet
- erfaring
- Funktionalitet
- Fornavn
- første gang
- passer
- Fix
- flow
- fokuserede
- format
- Foundation
- Framework
- fra
- fuld
- få
- Give
- godt
- håndtere
- Håndtering
- ske
- hoved
- hjælpe
- hjælpsom
- link.
- hostede
- Hvordan
- How To
- HTTPS
- idé
- Identity
- billede
- billeder
- gennemføre
- implementering
- I andre
- omfatter
- oplysninger
- installere
- integrere
- interaktion
- IT
- selv
- Leadership" (virkelig menneskelig ledelse)
- Sandsynlig
- Limited
- lidt
- placering
- kærlighed
- lavet
- større
- lave
- maerker
- Making
- kort
- betyder
- Medlemmer
- nævner
- tankerne
- mere
- mest
- Mozilla
- navne
- behøve
- behov
- underretning
- tilbydes
- Tilbud
- åbent
- operatør
- Indstillinger
- Andet
- egen
- del
- Mennesker
- måske
- person,
- filosofi
- stykke
- stykker
- Leg
- plugin
- Plugins
- Populær
- mulig
- Indlæg
- Problem
- behandle
- Profil
- egenskaber
- protokol
- protokoller
- give
- forudsat
- giver
- offentliggøre
- Publicering
- Hurtig
- RE
- Læsning
- modtage
- anbefaler
- frigive
- udskiftes
- påkrævet
- Krav
- svar
- ansvarlige
- REST
- kører
- Said
- samme
- scener
- Sees
- forstand
- Series
- tjeneste
- Tjenester
- sæt
- indstilling
- flere
- deling
- skifte
- Kort
- Simpelt
- siden
- websted
- Websteder
- So
- Nogen
- noget
- standarder
- Stadig
- Strategi
- struktureret
- support
- tager
- tech
- Teknologier
- The Source
- tema
- ting
- ting
- Gennem
- tid
- sammen
- top
- forstå
- forståelse
- kommende
- brug
- forskellige
- verificere
- udgave
- Specifikation
- måder
- Hjemmeside
- Hvad
- WHO
- uden
- vidunderlig
- WordPress
- WordPress plugin
- WordPress Theme
- ord
- Arbejde
- træning
- arbejder
- orm
- værd
- skrivning
- Din