Vel, sheesh. Jeg åpnet en liten boks med ormer da jeg delte Miriams "Er jeg på IndieWeb ennå?" med en kort innlegg som beklager mine egne problemer komme på IndieWeb-toget. Men det er en god boks med ormer.
Jeg tror det var noe sånt som dagen etter etter å ha publisert det korte innlegget David Shanske strakte ut hånden og tilbød seg å hjelpe til med å vikle hodet mitt rundt IndieWeb og komponentene det består av. Og herregud om det ikke var latterlig nyttig! Så mye at jeg gjerne vil lenker deg til et nytt innlegg David skrev etter at vi snakket sammen, så oppsummer ting her så godt jeg kan fordi (1) det er nyttig å skrive ned ting og (2) ha en referanse for senere.
Ja, IndieWeb er forvirrende.
David hadde faktisk hjulpet noen med å sette opp WordPress-nettstedet deres med IndieWeb-krefter. Også denne personen slet med å forstå hvordan de forskjellige delene passet sammen. Så David hadde allerede dette i tankene da Miriam og jeg skrev.
"IndieWeb" er et nytt begrep for mange mennesker, og det er her mye forvirring avler. Er det et rammeverk? En filosofi? Et sett med standarder? Avhengig av hvilken det er, skifter forventningene i forhold til hvordan det ser ut til å være en del av det.
Det er liksom alt det ovennevnte. Og det må befestes litt. Det er ingenting som er forvirrende med IndieWeb selv når du ser det gjennom de forskjellige linsene. Etter å ha lest innlegget til David er min forståelse at IndieWeb er mer et sett med protokoller. Litt som å jobbe med strukturerte data eller OpenGraph i markup. Det er ingenting å installere i seg selv, men det er standarder for hvordan du integrerer dem i arbeidet ditt.
Din identitet driver IndieWeb. Med andre ord, nettstedet ditt etablerer identiteten din og kan brukes til å gjøre mange ting, som:
- Varsle andre IndieWeb-støttede nettsteder når de nevnes
- Motta varsler fra andre IndieWeb-sider når du blir nevnt
- Hent informasjon fra en omtale og formater den for visning
- Autentiser identiteten din gjennom ditt eget nettsted (a là en Google-påloggingsknapp, men koblet til nettstedet ditt)
- …blant annet.
Hvis det høres ut som pingbacks, så er det det. Men mye mer robust og vedlikeholdt.
Det er annerledes (og kanskje enklere) å implementere IndieWeb-funksjoner på WordPress enn det er et statisk nettsted.
Den store forskjellen er at WordPress gir mange av kravene som trengs for å gjøre IndieWeb-y ting. Jeg liker hvordan David forklarer det:
IndieWeb-implementeringen på WordPress er en [serie] med byggeklosser som du kan eller ikke kan velge å bruke, noe som gjør det fantastisk, men noen ganger forvirrende. WordPress har en filosofi om beslutninger, ikke alternativer. Men IndieWeb handler om alternativer ... om å bygge funksjonene som passer for deg.
Disse byggeklossene er plugins som du installerer for å legge til IndieWeb-protokoller og -teknologier til WordPress. Det er kjempebra at de er lett tilgjengelige fordi det tar mye av arbeidet ut av ting. Å drive et statisk nettsted, men du er på kroken for å etablere det meste selv.
Davids innlegg er 100 % fokusert på WordPress-implementeringen. Kilometerstanden din kan variere, men du vil garantert gå bort med en bedre ide om hvilke protokoller som er tilgjengelige og hvordan de passer sammen etter å ha lest innlegget hans - og forhåpentligvis denne også.
IndieWeb WordPress-plugin etablerer identiteten din.
Jeg trodde den gjorde så mye bak kulissene, men det er mye enklere enn det:
Programtillegget i seg selv håndterer å etablere identiteten din slik IndieWeb ser den. Den tilbyr en h-kortmal og widget. H-Card er markeringen for å merke informasjon om en person eller et sted. Så dette er et element mange velger å sette på siden deres uansett.
Så, egentlig, er det mulig å få den samme typen ting ved å merke et WordPress-tema riktig. Det praktiske her er at du får en hendig liten mal som er merket for å støtte h-card
åpent format og en widget for å slippe den inn i et temas widgetområde.
Her er et superdetaljert eksempel på h-card
markup trukket fra dokumentasjon 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>
Ser du klassenavnene? Klasser som .h-card
, u-photo
, p-name
osv. gir alle kontekstuell mening for en persons identitet som den deretter analyserte 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" ] } }]
}
Programtillegget sender, mottar eller analyserer ikke. I stedet gir det et WordPress-nettsted en måte å bekrefte identiteten din i markeringen.
Ikke alle WordPress-temaer støtter mikroformater
Hvis du klødde deg i hodet første gang du så "Mikroformater" slik jeg gjorde, definerer David det fint:
[…] Mikroformater...en måte å merke HTML på slik at elementer kan identifiseres. Det er en av flere måter å gjøre dette på, men er veldig enkel og lesbar, og det er derfor den er populær i IndieWeb-fellesskapet.
Problemet, som David fortsetter, er at mange temaer ikke er merket opp på en mikroformatvennlig måte - som er hva Microformats2 plugin er laget for å fikse. Når det er sagt, er David rask til å rope ut at plugin-en er ekstremt begrenset i hvordan den oppnår dette, og han anbefaler i stedet å markere et tema for hånd.
Ifølge David vil den neste store utgivelsen av Webmention-pluginen sannsynligvis inkludere smartere måter å oppdage innhold og bilder den kan bruke og formatere dem for Microformats2-støtte.
Webomtaler sender og mottar varsler.
OK, så hvis du har etablert identiteten din gjennom nettstedet ditt slik at du er synlig, og nettstedet ditt er merket for h-card
støtte ved bruk av mikroformater2. Flott! Du trenger fortsatt noe i midten som jobber som operatør som sender og mottar varsler. Med andre ord, når et annet nettsted nevner deg – kalt en webomtale – trenger nettstedet som nevner deg en måte å støtte sendingen av den omtalen til deg på, og nettstedet ditt trenger en måte å godta det på (eller omvendt).
Det er det Webomtale-plugin er for. Det er også sannsynligvis kilden til det meste av IndieWeb-forvirringen min. Jeg trodde det formaterte data og trengte en tilleggstjeneste for å sende og motta dem. Nei! Det er faktisk å sende og motta dataene i stedet for å skape omtale. Tilbake til David:
Da det ble bygget, håndterte plugin-en bare jobben med å motta og sende webomtaler, ikke visning i noen grad. Semantic Linkbacks, en egen plugin håndterte det for ikke bare webomtaler, men de eldre pingback- og trackback-protokollene.
Så, Webmention-pluginen kommuniserer varsler. I mellomtiden er en annen plugin kalt Semantic Linkbacks som håndterer dataene. Og hva pokker er Semantic Linkbacks?
Semantiske tilbakekoblinger henter og håndterer data.
Semantiske tilbakekoblinger er en annen plugin som håndterer en annen del av prosessen. Det er ingen måte jeg kan forklare det bedre enn David allerede gjør:
Semantic Linkbacks tar en webomtale, som er et varsel om at et annet nettsted har koblet til noe på nettstedet ditt, henter det andre nettstedet og prøver å gjengi en visning av informasjonen. Hvordan det gjøres kan variere fra bare et profilbilde (hvis det kan finne et), til å tolke det som en fullstendig kommentar.
Den gjør dette ved hjelp av mikroformater.
Jeg forventet at hoved-IndieWeb-pluginen allerede gjorde dette siden den håndterer annen markering. Men det gir bare malen og widgeten for å få identiteten din på nettstedet ditt. Når Semantic Linkbacks-pluginen henter en innkommende webomtale, tar den dataene, formaterer den og prøver deretter å vise den.
Høres ut som plugin-en vil bli noe slått sammen med (eller erstattet av) en kommende versjon av Webmention-pluginen:
Siden mange mennesker ikke er tilbøyelige til, eller ikke er komfortable med å endre et tema, vil den nye versjonen av Webmentions inkludere flere forskjellige alternative måter å prøve å finne et bilde eller et sammendrag å vise ... fra OpenGraph (som Facebook og Twitter bruker til å vise URL-er som er gitt til det ) for å oppdage WordPress REST API-versjonen av en side og bruke den for å få forfatternavnet og profilbildet. Ingen av dem vil gi så mye kontekst som mikroformater, men opplevelsen vil fortsatt være verdt å installere.
Det er absolutt fint ettersom det benytter WordPress REST API for JSON-svar og formater som for visning.
Brid.gy er en tjeneste for å vise interaksjoner.
En nettomtale kan være en interaksjon, si at noen liker innlegget ditt på Twitter eller retweeter det.
Å skille en like fra en repost fra en kommentar fra en hva som må skje, og du må implementere Twitter (eller hva som helst) API for å trekke disse forskjellene.
Det er noe du absolutt kan gjøre! Men hvis du heller vil plug and play, laget en av IndieWeb-fellesskapets medlemmer en tjeneste som ble kalt Brid.gy. Du oppretter en konto, kobler til nettstedet ditt og gir apptillatelser til tjenesten... så er du ferdig!
Det Brid.gy har gjort er i hovedsak å implementere API-ene for Twitter, Facebook, Instagram og andre, slik at når den oppdager at et innlegg i disse tjenestene som samhandler med det syndikerte innlegget ditt, sendes en nettomtale til nettstedet ditt og går gjennom prosessen med å publisere på ditt eget nettsted.
Det er så mye mer!
Raske treff:
- IndieAuth: Dette er en protokoll basert på OAuth 2. Programtillegget etablerer et endepunkt i WordPress REST API som kan brukes til å autentisere identiteten din gjennom ditt eget vertsbaserte nettsted – i hovedsak din egen Google-påloggingsknapp, men uten å etablere det endepunktet selv eller trenger å stole på et separat vertsbasert API.
- Mikropub: For de som bruker WordPress, men foretrekker en annen editor kan installere Mikropub-plugin. Dette legger til et endepunkt som lar deg publisere innhold på nettstedet ditt og ved å bruke en Micropub-støttet editor lage elementer i en Microformats2-feed, noe som gir deg flere alternativer for å skrive innhold utenfor WordPress Block Editor.
- Enkel plassering: David skrev denne plugin-en og jeg ble veldig imponert da han demonstrerte det for meg. Tanken er at den henter inn data fra din nåværende plassering som kan brukes til alt fra å vise været på det tidspunktet du skrev et innlegg, til å lage et helt arkiv med innlegg på et innebygd kart basert på postplasseringen. Jeg vil ærlig talt elske å se noe slikt bakt direkte inn i WordPress.
Den oppdaterte flyten
Jeg forsøkte å lage en illustrasjon som skisserer de forskjellige delene i mitt siste innlegg, men la oss prøve igjen med en oppdatert forståelse av hva som skjer:
Er alt dette fornuftig?
High fives til David for både å nå ut og ta seg tid til å vise meg hvordan det ser ut å implementere IndieWeb på WordPress. Jeg kan ikke påstå at jeg helt forstår alle nyansene, men jeg føler i det minste at jeg har et anstendig grep om brikkene – filosofien, protokollene og teknologien – som kreves for å få det til.
Jeg vil gjerne snu det til deg! Hjelper dette med å avklare ting for deg? Er det noe du sliter med å forstå? Tror du at du er i stand til å konfigurere et WordPress-nettsted med IndieWeb-funksjoner nå? La oss ta det til kommentarene!
Avmystifisere IndieWeb på et WordPress-nettsted opprinnelig publisert på CSS-triks. Du burde få nyhetsbrevet.
- "
- a
- Om oss
- Logg inn
- Aktiviteter
- Ytterligere
- Alle
- tillater
- allerede
- alternativ
- blant
- En annen
- api
- APIer
- app
- Arkiv
- AREA
- rundt
- tilgjengelig
- fordi
- Bak scenen
- BEST
- mellom
- Bit
- Blokker
- Bygning
- virksomhet
- ring
- Kategori
- Velg
- hevder
- klasse
- klasser
- kommunisere
- samfunnet
- komponenter
- forvirring
- tilkoblet
- innhold
- fortsetter
- bekvemmelighet
- skape
- Opprette
- Gjeldende
- dato
- dag
- avgjørelser
- avhengig
- designet
- detaljert
- gJORDE
- forskjell
- forskjellig
- direkte
- Vise
- ned
- Drop
- redaktør
- elementer
- innebygd
- Endpoint
- hovedsak
- etablert
- etablerer
- etc
- alt
- eksempel
- forventninger
- forventet
- erfaring
- Egenskaper
- Først
- første gang
- passer
- Fix
- flyten
- fokuserte
- format
- Fundament
- Rammeverk
- fra
- fullt
- få
- Giving
- god
- håndtere
- Håndtering
- skje
- hode
- hjelpe
- nyttig
- her.
- vert
- Hvordan
- Hvordan
- HTTPS
- Tanken
- Identitet
- bilde
- bilder
- iverksette
- gjennomføring
- I andre
- inkludere
- informasjon
- installere
- integrere
- interaksjon
- IT
- selv
- Ledelse
- Sannsynlig
- Begrenset
- lite
- plassering
- elsker
- laget
- større
- gjøre
- GJØR AT
- Making
- kart
- betyr
- medlemmer
- nevner
- tankene
- mer
- mest
- Mozilla
- navn
- trenger
- behov
- varsling
- tilbudt
- Tilbud
- åpen
- operatør
- alternativer
- Annen
- egen
- del
- Ansatte
- kanskje
- person
- filosofi
- brikke
- stykker
- Spille
- plugg inn
- plugins
- Populær
- mulig
- innlegg
- Problem
- prosess
- Profil
- egenskaper
- protokollen
- protokoller
- gi
- forutsatt
- gir
- publisere
- Publisering
- Rask
- RE
- Lesning
- motta
- anbefaler
- slipp
- erstattet
- påkrevd
- Krav
- svar
- ansvarlig
- REST
- rennende
- Sa
- samme
- Scener
- Sees
- forstand
- Serien
- tjeneste
- Tjenester
- sett
- innstilling
- flere
- deling
- skift
- Kort
- Enkelt
- siden
- nettstedet
- Nettsteder
- So
- Noen
- noe
- standarder
- Still
- Strategi
- strukturert
- støtte
- ta
- tech
- Technologies
- De
- Kilden
- tema
- ting
- ting
- Gjennom
- tid
- sammen
- topp
- forstå
- forståelse
- kommende
- bruke
- ulike
- verifisere
- versjon
- Se
- måter
- Nettsted
- Hva
- HVEM
- uten
- herlig
- WordPress
- WordPress plugin
- WordPress Theme
- ord
- Arbeid
- trene
- arbeid
- orm
- verdt
- skriving
- Din