Ei bine, sheesh. Am deschis o cutie mică de viermi când am împărțit-o pe Miriam „Sunt încă pe IndieWeb?” cu scurt post de plângere de propria mea problemă urcând în trenul IndieWeb. Dar este o cutie bună de viermi.
Cred că a fost ceva de genul a doua zi după publicarea acelui post scurt că David Shanske m-am întins și m-am oferit să mă ajut să-mi înțeleg IndieWeb și componentele pe care le cuprinde. Și Doamne, dacă nu a fost ridicol de util! Atât de mult încât mi-ar plăcea te leagă la o nouă postare scrisă de David după ce am vorbit, apoi rezumă lucrurile aici cât de bine pot pentru că (1) este util să notezi lucrurile și (2) să ai o referință pentru mai târziu.
Da, IndieWeb este confuz.
David a ajutat pe cineva să-și configureze site-ul WordPress cu puteri IndieWeb. Și acea persoană se chinuia să înțeleagă cum se potrivesc diferitele piese. Deci, David avea deja acest punct de vedere când scriam Miriam și cu mine.
„IndieWeb” este un termen nou pentru mulți oameni și de aici se naște o mulțime de confuzii. Este un cadru? O filozofie? Un set de standarde? În funcție de care este, așteptările se schimbă în măsura în care pare să faci parte din el.
Este un fel de toate cele de mai sus. Și asta trebuie să fie un pic consolidat. Nu există nimic confuz în mod inerent despre IndieWeb în sine, odată ce îl vizualizați prin acele lentile diferite. După ce am citit postarea lui David, am înțeles că IndieWeb este mai mult un set de protocoale. Asa cum ar fi lucrul cu date structurate sau OpenGraph în markup. Nu există nimic de instalat în sine, dar există standarde pentru cum să le integrezi în munca ta.
Identitatea ta ajută IndieWeb. Cu alte cuvinte, site-ul tău stabilește identitatea și poate fi folosit pentru a face o mulțime de lucruri, cum ar fi:
- Notificați alte site-uri acceptate de IndieWeb atunci când sunt menționate
- Primiți notificări de la alte site-uri IndieWeb atunci când sunteți menționat
- Preluați informații dintr-o mențiune și formatați-o pentru afișare
- Autentificați-vă identitatea prin propriul site web (un buton de conectare la Google, dar conectat la site-ul dvs.)
- …printre alte lucruri.
Dacă asta sună ca pingback-uri, ei bine, așa este. Dar mult mai robust și întreținut.
Este diferit (și poate mai ușor) să implementezi funcțiile IndieWeb pe WordPress decât este un site static.
Marea diferență este că WordPress oferă multe dintre cerințele necesare pentru a face lucruri IndieWeb-y. Îmi place cum explică David:
Implementarea IndieWeb pe WordPress este o [serie] de blocuri pe care le puteți sau nu alege să le utilizați, ceea ce o face minunată, dar uneori confuză. WordPress are o filozofie a deciziilor, nu a opțiunilor. Dar IndieWeb este totul despre opțiuni... despre construirea funcțiilor potrivite pentru tine.
Aceste blocuri sunt pluginuri pe care le instalați pentru a adăuga protocoale și tehnologii IndieWeb la WordPress. Este minunat că acestea sunt ușor disponibile pentru că asta le ia mult din muncă. Rulând un site static, totuși, ești pe cârlig pentru a stabili cea mai mare parte a acestuia singur.
Postarea lui David este 100% axată pe implementarea WordPress. Kilometrajul dvs. poate varia, dar cu siguranță veți pleca cu o idee mai bună despre ce protocoale sunt disponibile și cum se potrivesc după ce ați citit postarea lui - și sperăm că și aceasta.
Plugin-ul IndieWeb WordPress stabilește identitatea ta.
Am crezut că face atât de multe lucruri în culise, dar este mult mai simplu decât atât:
Pluginul în sine se ocupă de stabilirea identității dvs. așa cum o vede IndieWeb. Oferă un șablon h-card și un widget. H-Card este marcajul pentru marcarea informațiilor despre o persoană sau un loc. Deci, acesta este un element pe care mulți oameni optează să-l pună oricum pe site-ul lor.
Deci, într-adevăr, este posibil să obțineți același tip de lucru prin marcarea corectă a unei teme WordPress. Comoditatea aici este că obțineți un șablon mic la îndemână, care este marcat pentru a sprijini h-card
format deschis și un widget pentru a-l plasa în zona de widget-uri a unei teme.
Iată un exemplu super detaliat al h-card
marcaj extras din documentație pentru microformate2:
<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>
Vezi acele nume de clasă? Clase ca .h-card
, u-photo
, p-name
, etc. toate oferă semnificație contextuală pentru identitatea unei persoane pe care apoi a analizat-o ca 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" ] } }]
}
Pluginul nu efectuează trimiterea, primirea sau analizarea. În schimb, oferă unui site WordPress o modalitate de a vă verifica identitatea în marcaj.
Nu toate temele WordPress acceptă microformate
Dacă te-ai scărpinat prima dată când ai văzut „Microformate” ca mine, David o definește frumos:
[…] Microformatele… o modalitate de a marca HTML pentru a permite identificarea elementelor. Este una dintre mai multe moduri de a face acest lucru, dar este una foarte simplă și ușor de citit, motiv pentru care este popular în comunitatea IndieWeb.
Problema, după cum continuă David, este că multe teme nu sunt marcate într-un mod prietenos cu microformatele - care este ceea ce Plugin Microformats2 este conceput pentru a repara. Acestea fiind spuse, David se grăbește să spună că pluginul este extrem de limitat în ceea ce privește modul în care realizează acest lucru și, în schimb, recomandă să marcați manual o temă.
Potrivit lui David, următoarea lansare majoră a pluginului Webmention va include probabil modalități mai inteligente de a detecta conținutul și imaginile pe care le poate folosi și de a le formata pentru suportul Microformats2.
Mențiunile web trimit și primesc notificări.
OK, deci dacă ți-ai stabilit identitatea prin intermediul site-ului tău, astfel încât să fii descoperit, iar site-ul tău este marcat pentru h-card
suport folosind Microformats2. Grozav! Mai ai nevoie de ceva la mijloc care lucrează ca operator care trimite și primește notificări. Cu alte cuvinte, atunci când un alt site vă menționează - numit Webmention - site-ul care vă menționează are nevoie de o modalitate de a sprijini trimiterea acelei mențiuni către dvs., iar site-ul dvs. are nevoie de o modalitate de a o accepta (sau invers).
Aceasta este ceea ce Plugin de mențiune web este pentru. Este, de asemenea, probabil sursa majorității confuziei mele IndieWeb. Am crezut că formatează date și am nevoie de un serviciu suplimentar pentru a le trimite și a primi. Nu! De fapt, trimite și primește date, mai degrabă decât creează mențiunea. Înapoi la David:
Când a fost construit, pluginul se ocupa doar de primirea și trimiterea de mențiuni web, nu gestionarea afișajului în nicio măsură. Semantic Linkbacks, un plugin separat, a gestionat asta nu numai pentru mențiunile web, ci și pentru protocoalele mai vechi de pingback și trackback.
Deci, pluginul Webmention comunică notificări. Între timp, un alt plugin numit Semantic Linkbacks este cel care gestionează datele. Și ce naiba sunt Linkback-urile semantice?
Linkback-urile semantice preiau și gestionează date.
Linkback-uri semantice este un alt plugin care se ocupă de o altă parte a procesului. Nu am cum să o explic mai bine decât o face deja David:
Semantic Linkbacks preia o mențiune web, care este o notificare că un alt site a creat un link către ceva de pe site-ul dvs., preia celălalt site și încearcă să afișeze informațiile. Modul în care se face acest lucru poate varia de la doar o fotografie de profil (dacă poate găsi una) la interpretarea acesteia ca un comentariu complet.
Face acest lucru folosind Microformate.
Mă așteptam ca pluginul principal IndieWeb să facă deja acest lucru, deoarece se ocupă de alte markupuri. Dar oferă doar șablonul și widgetul pentru a vă obține identitatea pe site-ul dvs. Odată ce pluginul Semantic Linkbacks preia o mențiune web primită, preia datele, le formatează, apoi încearcă să le afișeze.
Se pare că pluginul va fi oarecum îmbinat cu (sau înlocuit cu) o versiune viitoare a pluginului Webmention:
Deoarece mulți oameni nu sunt înclinați sau nu sunt confortabil să modifice o temă, noua versiune de Webmentions va include mai multe moduri alternative diferite de a încerca să găsească o imagine sau un rezumat de afișat... din OpenGraph (pe care Facebook și Twitter îl folosesc pentru a afișa adresele URL furnizate acestuia). ) pentru a detecta versiunea WordPress REST API a unei pagini și a utiliza aceasta pentru a obține numele autorului și imaginea de profil. Niciunul dintre ele nu va oferi atât de mult context ca Microformatele, dar experiența va fi totuși ceva ce merită instalat.
Este cu siguranță frumos, deoarece accesează API-ul REST WordPress pentru răspunsul JSON și îl formatează pentru afișare.
Brid.gy este un serviciu care ajută la afișarea interacțiunilor.
O mențiune web poate fi o interacțiune, spuneți că cineva îi place postarea dvs. pe Twitter sau o retweetează.
Diferențierea unui like de o repostare de un comentariu de orice trebuie să se întâmple și ar trebui să implementați API-ul Twitter (sau orice altceva) pentru a face aceste distincții.
Asta e ceva ce poți face cu siguranță! Dar dacă preferați plug and play, unul dintre membrii comunității IndieWeb a creat un serviciu numit Brid.gy. Vă creați un cont, vă conectați site-ul și acordați permisiuni aplicației serviciului... apoi ați terminat!
Ceea ce a făcut Brid.gy este, în esență, să implementeze API-urile pentru Twitter, Facebook, Instagram și altele, astfel încât atunci când detectează că o postare din acele servicii care interacționează cu postarea dvs. sindicalizată, o mențiune web este trimisă pe site-ul dvs. și trece prin procesul de publicare pe propriul site.
Mai sunt multe!
Lovituri rapide:
- IndieAuth: Acesta este un protocol bazat pe OAuth 2. Pluginul stabilește un punct final în API-ul REST WordPress care poate fi folosit pentru a vă autentifica identitatea prin propriul site auto-găzduit - în esență propriul dvs. buton de conectare la Google, dar fără să stabiliți singur punctul final sau să aveți nevoie să vă bazați pe un API găzduit separat.
- Micropub: Pentru cei care folosesc WordPress, dar preferă un editor diferit, pot instala Plugin Micropub. Acest adaugă un punct final care vă permite să publicați conținut pe site-ul dvs. și, folosind un editor acceptat de Micropub, creați articole într-un flux Microformats2, oferindu-vă mult mai multe opțiuni pentru a scrie conținut în afara Editorului de blocuri WordPress.
- Locație simplă: David a scris acest plugin și am fost super impresionat când mi-a făcut o demonstrație. Ideea este că atrage date din locația dvs. curentă care pot fi folosite pentru orice, de la afișarea vremii la momentul în care ați scris o postare, până la crearea unei arhive întregi de postări pe o hartă încorporată pe baza locației postării. Sincer, mi-ar plăcea să văd așa ceva direct în WordPress.
Fluxul actualizat
Am încercat să fac o ilustrare care să sublinieze diferitele piese din ultima mea postare, dar hai să încercăm din nou cu o înțelegere actualizată a ceea ce se întâmplă:
Are sens toate acestea?
Fără cinste lui David, atât pentru că m-a contactat, cât și pentru că și-a făcut timp pentru a-mi arăta cum arată implementarea IndieWeb pe WordPress. Nu pot pretinde că înțeleg pe deplin toate nuanțele, dar cel puțin simt că am o înțelegere decentă a pieselor - filozofia, protocoalele și tehnologia - care sunt necesare pentru a realiza acest lucru.
Aș vrea să vă întorc! Acest lucru vă ajută să clarificați lucrurile? Există ceva ce te chinui să înțelegi? Crezi că poți configura un site WordPress cu funcții IndieWeb acum? Hai să o ducem la comentarii!
Demistificarea IndieWeb pe un site WordPress publicat inițial pe CSS-trucuri. Tu ar trebui primiți buletinul informativ.
- "
- a
- Despre Noi
- Cont
- activităţi de
- Suplimentar
- TOATE
- permite
- deja
- alternativă
- printre
- O alta
- api
- API-uri
- aplicaţia
- arhivă
- ZONĂ
- în jurul
- disponibil
- deoarece
- în spatele scenelor
- CEL MAI BUN
- între
- Pic
- Bloca
- Clădire
- afaceri
- apel
- Categorii
- Alege
- pretinde
- clasă
- clase
- comunicarea
- comunitate
- componente
- confuzie
- legat
- conţinut
- continuă
- comoditate
- crea
- Crearea
- Curent
- de date
- zi
- Deciziile
- În funcție
- proiectat
- detaliat
- FĂCUT
- diferenţă
- diferit
- direct
- Afişa
- jos
- Picătură
- editor
- element
- încorporat
- Punct final
- În esență,
- stabilit
- stabilește
- etc
- tot
- exemplu
- aşteptări
- de aşteptat
- experienţă
- DESCRIERE
- First
- prima dată
- potrivi
- Repara
- debit
- concentrat
- format
- Fundație
- Cadru
- din
- Complet
- obtinerea
- Oferirea
- bine
- manipula
- Manipularea
- întâmpla
- cap
- ajutor
- util
- aici
- găzduit
- Cum
- Cum Pentru a
- HTTPS
- idee
- Identitate
- imagine
- imagini
- punerea în aplicare a
- implementarea
- În altele
- include
- informații
- instala
- integra
- interacţiune
- IT
- în sine
- Conducere
- Probabil
- Limitat
- mic
- locaţie
- dragoste
- făcut
- major
- face
- FACE
- Efectuarea
- Hartă
- sens
- Membri actuali
- menționează
- minte
- mai mult
- cele mai multe
- Mozilla
- nume
- au nevoie
- nevoilor
- notificare
- oferit
- promoții
- deschide
- operator
- Opţiuni
- Altele
- propriu
- parte
- oameni
- poate
- persoană
- filozofie
- bucată
- piese
- Joaca
- conecteaza
- Plugin-uri
- Popular
- posibil
- postări
- Problemă
- proces
- Profil
- proprietăţi
- protocol
- protocoale
- furniza
- prevăzut
- furnizează
- publica
- Editare
- Rapid
- RE
- Citind
- a primi
- recomandă
- eliberaţi
- înlocuiește
- necesar
- Cerinţe
- răspuns
- responsabil
- REST
- funcţionare
- Said
- acelaşi
- scene
- vede
- sens
- serie
- serviciu
- Servicii
- set
- instalare
- câteva
- partajarea
- schimbare
- Pantaloni scurți
- simplu
- întrucât
- teren
- Centre de cercetare
- So
- Cineva
- ceva
- standarde
- Încă
- Strategie
- structurat
- a sustine
- luare
- tech
- Tehnologii
- Sursa
- temă
- lucru
- lucruri
- Prin
- timp
- împreună
- top
- stare de nervozitate
- înţelege
- înţelegere
- viitoare
- utilizare
- diverse
- verifica
- versiune
- Vizualizare
- modalități de
- website
- Ce
- OMS
- fără
- minunat
- WordPress
- Pluginul WordPress
- Tema WordPress
- cuvinte
- Apartamente
- a face exerciţii fizice
- de lucru
- viermi
- valoare
- scris
- Ta