Beh, sì. Ho aperto un piccolo barattolo di vermi quando ho condiviso quello di Miriam "Sono già su IndieWeb?" con una breve post in cui mi lamento dei miei problemi salire sul treno di IndieWeb. Ma è una buona lattina di vermi.
Penso che sia stato qualcosa come il giorno successivo alla pubblicazione di quel breve post David Shanske mi ha contattato e si è offerto di aiutarmi a comprendere IndieWeb e i componenti che comprende. E accidenti se non fosse ridicolmente utile! Tanto che mi piacerebbe collegarti a un nuovo post che David ha scritto dopo aver parlato, quindi riassumi le cose qui nel miglior modo possibile perché (1) è utile annotare le cose e (2) avere un riferimento per dopo.
Sì, IndieWeb è fonte di confusione.
David aveva effettivamente aiutato qualcuno a configurare il proprio sito WordPress con i poteri di IndieWeb. Anche quella persona faticava a capire come i vari pezzi si incastrano. Quindi, David aveva già questo in mente quando io e Miriam stavamo scrivendo.
"IndieWeb" è un termine nuovo per molte persone ed è qui che si genera molta confusione. È un quadro? Una filosofia? Una serie di standard? A seconda di quale sia, le aspettative cambiano per quanto riguarda come sembra farne parte.
È più o meno tutto quanto sopra. E questo deve essere un po’ consolidato. Non c'è nulla di intrinsecamente confuso nello stesso IndieWeb una volta che lo guardi attraverso queste diverse lenti. Dopo aver letto il post di David, ho capito che IndieWeb è più un insieme di protocolli. Un po' come lavorare con dati strutturati o OpenGraph nel markup. Non c'è nulla da installare di per sé, ma esistono standard su come integrarli nel tuo lavoro.
La tua identità alimenta IndieWeb. In altre parole, il tuo sito stabilisce la tua identità e può essere utilizzato per fare molte cose, come:
- Avvisare gli altri siti supportati da IndieWeb quando vengono menzionati
- Ricevi notifiche da altri siti IndieWeb quando vieni menzionato
- Recupera informazioni da una menzione e formattala per la visualizzazione
- Autenticare la tua identità attraverso il tuo sito web (à là a pulsante di accesso di Google ma collegato al tuo sito)
- …tra le altre cose.
Se questo suona come un pingback, beh, in un certo senso lo è. Ma molto più robusto e curato.
È diverso (e forse più semplice) implementare le funzionalità di IndieWeb su WordPress rispetto a un sito statico.
La grande differenza è che WordPress fornisce molti dei requisiti necessari per fare cose in stile IndieWeb. Mi piace come David lo spiega:
L'implementazione di IndieWeb su WordPress è una [serie] di elementi costitutivi che puoi o meno scegliere di utilizzare, il che è ciò che la rende meravigliosa, ma a volte confusa. WordPress ha una filosofia di decisioni, non di opzioni. Ma IndieWeb è tutta una questione di opzioni... di creare le funzionalità giuste per te.
Questi elementi costitutivi sono plugin che installi per aggiungere protocolli e tecnologie IndieWeb a WordPress. È fantastico che siano prontamente disponibili perché ciò richiede molto lavoro. Gestendo un sito statico, però, sei pronto a stabilirne la maggior parte da solo.
Il post di David è focalizzato al 100% sull’implementazione di WordPress. Il tuo chilometraggio può variare, ma sicuramente te ne andrai con un'idea migliore di quali protocolli sono disponibili e di come si incastrano insieme dopo aver letto il suo post - e, si spera, anche questo.
Il plugin IndieWeb WordPress stabilisce la tua identità.
Pensavo che si trattasse di fare così tante cose dietro le quinte, ma è molto più semplice di così:
Il plugin da solo gestisce la definizione della tua identità come la vede IndieWeb. Offre un modello e un widget di h-card. H-Card è il markup per contrassegnare le informazioni su una persona o un luogo. Quindi, questo è un elemento che molte persone scelgono comunque di inserire nel proprio sito.
Quindi, in realtà, è possibile ottenere lo stesso risultato contrassegnando correttamente un tema WordPress. La comodità qui è che ottieni un piccolo modello pratico contrassegnato per supportare il h-card
formato aperto e un widget per rilasciarlo nell'area widget di un tema.
Ecco un esempio super dettagliato di h-card
markup estratto da documentazione per i Microformati2:
<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>
Vedi quei nomi di classe? Classi come .h-card
, u-photo
, p-name
, ecc. forniscono tutti un significato contestuale per l'identità di una persona che viene poi analizzata come 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" ] } }]
}
Il plugin non esegue l'invio, la ricezione o l'analisi. Fornisce invece a un sito WordPress un modo per verificare la tua identità nel markup.
Non tutti i temi WordPress supportano i microformati
Se ti sei grattato la testa la prima volta che hai visto i “Microformati” come ho fatto io, David lo definisce bene:
[…] Microformati…un modo di contrassegnare l'HTML per consentire l'identificazione degli elementi. È uno dei tanti modi per farlo, ma è molto semplice e leggibile, motivo per cui è popolare nella comunità IndieWeb.
Il problema, come continua David, è che molti temi non sono contrassegnati in modo compatibile con i microformati, che è ciò che Plug-in Microformati2 è progettato per risolvere. Detto questo, David si affretta a sottolineare che il plugin è estremamente limitato nel modo in cui riesce a raggiungere questo obiettivo e consiglia invece di contrassegnare un tema manualmente.
Secondo David, la prossima versione principale del plug-in Webmention includerà probabilmente modi più intelligenti per rilevare contenuti e immagini che può utilizzare e formattarli per il supporto Microformats2.
Le menzioni web inviano e ricevono notifiche.
OK, quindi se hai stabilito la tua identità attraverso il tuo sito in modo da essere rilevabile e il tuo sito è contrassegnato h-card
supporto utilizzando Microformats2. Grande! Hai ancora bisogno di qualcosa nel mezzo che funzioni come operatore che invia e riceve notifiche. In altre parole, quando un altro sito ti menziona, chiamato Webmention, il sito che ti menziona ha bisogno di un modo per supportare l'invio di quella menzione e il tuo sito ha bisogno di un modo per accettarla (o viceversa).
Questo è ciò che il Plugin per menzioni web è per. Probabilmente è anche la fonte della maggior parte della mia confusione su IndieWeb. Pensavo si trattasse di formattare i dati e avevo bisogno di un servizio aggiuntivo per inviarli e riceverli. No! In realtà sta inviando e ricevendo i dati anziché creare la menzione. Torniamo a Davide:
Quando è stato creato, il plug-in gestiva solo l'attività di ricezione e invio di menzioni web, senza gestire in alcun modo la visualizzazione. Semantic Linkbacks, un plugin separato lo gestiva non solo per le menzioni web, ma anche per i vecchi protocolli pingback e trackback.
Pertanto, il plug-in Webmention comunica notifiche. Nel frattempo, un altro plugin chiamato Semantic Linkbacks è ciò che gestisce i dati. E cosa diavolo sono i linkback semantici?
I collegamenti semantici recuperano e gestiscono i dati.
Linkback semantici è un altro plugin che gestisce un'altra parte del processo. Non c’è modo di spiegarlo meglio di quanto già fa David:
Linkback semantici accetta una menzione web, che è una notifica che un altro sito si è collegato a qualcosa sul tuo sito, recupera l'altro sito e tenta di visualizzare le informazioni. Il modo in cui ciò viene fatto può variare dalla semplice foto del profilo (se riesce a trovarne una), all'interpretazione come un commento completo.
Lo fa utilizzando i microformati.
Mi aspettavo che il plugin principale di IndieWeb lo stesse già facendo poiché gestisce altri markup. Ma fornisce solo il modello e il widget per ottenere la tua identità sul tuo sito. Una volta che il plugin Semantic Linkbacks recupera una menzione web in arrivo, prende i dati, li formatta, quindi tenta di visualizzarli.
Sembra che il plugin verrà in qualche modo unito (o sostituito da) a una prossima versione del plugin Webmention:
Poiché molte persone non sono propense o non si sentono a proprio agio nel modificare un tema, la nuova versione di Webmentions includerà diversi modi alternativi per provare a trovare un'immagine o un riepilogo da visualizzare... da OpenGraph (che Facebook e Twitter utilizzano per visualizzare gli URL fornitigli ) per rilevare la versione dell'API REST di WordPress di una pagina e utilizzarla per ottenere il nome dell'autore e l'immagine del profilo. Nessuno di essi fornirà lo stesso contesto dei microformati, ma l'esperienza sarà comunque qualcosa che vale la pena installare.
È sicuramente interessante in quanto attinge all'API REST di WordPress per la risposta JSON e la formatta per la visualizzazione.
Brid.gy è un servizio per aiutare a visualizzare le interazioni.
Una menzione web può essere un'interazione, ad esempio a qualcuno piace il tuo post su Twitter o lo ritwitta.
Differenziando un mi piace da un ripubblicare da un commento da qualunque cosa debba accadere, e dovresti implementare l'API di Twitter (o qualsiasi altra cosa) per tracciare tali distinzioni.
È qualcosa che puoi certamente fare! Ma se preferisci il plug and play, uno dei membri della comunità IndieWeb ha creato un servizio chiamato Brid.gy. Crei un account, colleghi il tuo sito e concedi le autorizzazioni dell'app al servizio... e il gioco è fatto!
Ciò che Brid.gy ha fatto è essenzialmente implementare le API per Twitter, Facebook, Instagram e altri, in modo che quando rileva che un post in quei servizi che interagisce con il tuo post distribuito, una Webmention viene inviata al tuo sito e passa attraverso il processo di pubblicazione sul proprio sito.
C'è molto di più!
Colpi veloci:
- Autenticazione indipendente: Questo è un protocollo basato su OAuth 2. Il plugin stabilisce un endpoint nell'API REST di WordPress che può essere utilizzato per autenticare la tua identità attraverso il tuo sito ospitato autonomamente, essenzialmente il tuo pulsante di accesso Google ma senza stabilire tu stesso quell'endpoint o dover fare affidamento su un'API ospitata separata.
- Micropub: Per chi utilizza WordPress ma preferisce un editor diverso può installare il file Plug-in Micropub. Questo aggiunge un punto finale che ti consente di pubblicare contenuti sul tuo sito e, utilizzando un editor supportato da Micropub, creare elementi in un feed Microformats2, offrendoti molte più opzioni per scrivere contenuti al di fuori dell'editor a blocchi di WordPress.
- Posizione semplice: David ha scritto questo plugin e sono rimasto molto colpito quando me lo ha mostrato. L'idea è che estrae dati dalla tua posizione corrente che possono essere utilizzati per qualsiasi cosa, dalla visualizzazione del meteo nel momento in cui hai scritto un post, alla creazione di un intero archivio di post su una mappa incorporata in base alla posizione del post. Onestamente mi piacerebbe vedere qualcosa di simile inserito direttamente in WordPress.
Il flusso aggiornato
Ho tentato di creare un'illustrazione che delinei i vari pezzi nel mio ultimo post, ma riproviamo con una comprensione aggiornata di ciò che sta accadendo:
Tutto questo ha senso?
Il cinque a David sia per avermi contattato che per avermi dedicato del tempo per mostrarmi come si realizza l'implementazione di IndieWeb su WordPress. Non posso affermare di comprendere appieno tutte le sfumature, ma almeno sento di avere una discreta conoscenza degli elementi - la filosofia, i protocolli e la tecnologia - necessari per realizzarlo.
Vorrei ribaltarlo a te! Questo ti aiuta a chiarirti le cose? C'è qualcosa che fai fatica a capire? Pensi di essere in grado di configurare un sito WordPress con le funzionalità di IndieWeb adesso? Portiamolo ai commenti!
Demistificare IndieWeb su un sito WordPress originariamente pubblicato il CSS-Tricks. Dovresti ricevi la newsletter.
- "
- a
- Chi siamo
- Il mio account
- attività
- aggiuntivo
- Tutti
- consente
- già
- alternativa
- tra
- Un altro
- api
- API
- App
- Archivio
- RISERVATA
- in giro
- disponibile
- perché
- dietro le quinte
- MIGLIORE
- fra
- Po
- Bloccare
- Costruzione
- affari
- chiamata
- Categoria
- Scegli
- rivendicare
- classe
- classi
- comunicare
- comunità
- componenti
- confusione
- collegato
- contenuto
- continua
- comodità
- creare
- Creazione
- Corrente
- dati
- giorno
- decisioni
- Dipendente
- progettato
- dettagliati
- DID
- differenza
- diverso
- direttamente
- Dsiplay
- giù
- Cadere
- editore
- elementi
- incorporato
- endpoint
- essenzialmente
- sviluppate
- stabilisce
- eccetera
- qualunque cosa
- esempio
- le aspettative
- previsto
- esperienza
- Caratteristiche
- Nome
- prima volta
- in forma
- Fissare
- flusso
- concentrato
- formato
- Fondazione
- Contesto
- da
- pieno
- ottenere
- Dare
- buono
- maniglia
- Manovrabilità
- accadere
- capo
- Aiuto
- utile
- qui
- ospitato
- Come
- Tutorial
- HTTPS
- idea
- Identità
- Immagine
- immagini
- realizzare
- implementazione
- In altre
- includere
- informazioni
- install
- integrare
- interazione
- IT
- stessa
- Leadership
- probabile
- Limitato
- piccolo
- località
- amore
- fatto
- maggiore
- make
- FA
- Fare
- carta geografica
- significato
- Utenti
- menziona
- mente
- Scopri di più
- maggior parte
- Mozilla
- nomi
- che necessitano di
- esigenze
- notifica
- offerto
- Offerte
- aprire
- operatore
- Opzioni
- Altro
- proprio
- parte
- Persone
- Forse
- persona
- filosofia
- pezzo
- pezzi
- Giocare
- plug-in
- i plugin
- Popolare
- possibile
- Post
- Problema
- processi
- Profilo
- proprietà
- protocollo
- protocolli
- fornire
- purché
- fornisce
- pubblicare
- editoriale
- Presto
- RE
- Lettura
- ricevere
- raccomanda
- rilasciare
- sostituito
- necessario
- Requisiti
- risposta
- responsabile
- REST
- running
- Suddetto
- stesso
- Scene
- vede
- senso
- Serie
- servizio
- Servizi
- set
- regolazione
- alcuni
- compartecipazione
- spostamento
- Corti
- Un'espansione
- da
- site
- Siti
- So
- Qualcuno
- qualcosa
- standard
- Ancora
- Strategia
- strutturato
- supporto
- presa
- Tech
- Tecnologie
- I
- L’ORIGINE
- tema
- cosa
- cose
- Attraverso
- tempo
- insieme
- top
- capire
- e una comprensione reciproca
- imminenti
- uso
- vario
- verificare
- versione
- Visualizza
- modi
- Sito web
- Che
- OMS
- senza
- meraviglioso
- WordPress
- WordPress Plugin
- WordPress Theme
- parole
- Lavora
- allenarsi
- lavoro
- worm
- valore
- scrittura
- Trasferimento da aeroporto a Sharm