No, sranje. Odprl sem majhno pločevinko črvov, ko sem delil Miriamin »Ali sem že na IndieWebu?« z kratka objava, ki objokuje lastne težave vstopiti na vlak IndieWeb. Je pa dobra pločevinka črvov.
Mislim, da je bilo nekaj podobnega naslednjemu dnevu po objavi tiste kratke objave David Shanske segel in mi ponudil pomoč pri predstavitvi IndieWeba in komponent, ki jih sestavlja. In hudiča, če ne bi bilo smešno koristno! Tako zelo, da bi si želel povezava do nove objave, ki jo je David napisal po najinem pogovoru, nato povzamem stvari tukaj čim bolje, ker (1) je koristno, če stvari zapišem in (2) imam referenco za pozneje.
Da, IndieWeb je zmeden.
David je nekomu dejansko pomagal vzpostaviti svoje spletno mesto WordPress s pooblastili IndieWeb. Tudi ta oseba se je trudila razumeti, kako se različni kosi ujemajo. Torej, David je že imel to v mislih, ko sva z Miriam pisala.
»IndieWeb« je nov izraz za mnoge ljudi in tu nastane veliko zmede. Je okvir? Filozofija? Niz standardov? Odvisno od tega, kateri je, se pričakovanja spreminjajo, kako je videti biti del tega.
Je nekako vse našteto. In to je treba malo utrditi. Pri samem IndieWebu ni nič zmedenega, ko ga pogledate skozi te različne leče. Ko sem prebral Davidovo objavo, razumem, da je IndieWeb bolj nabor protokolov. Podobno kot delo s strukturiranimi podatki ali OpenGraph v označevanju. Samo po sebi ni ničesar za namestitev, vendar obstajajo standardi, kako jih vključiti v svoje delo.
Vaša identiteta poganja IndieWeb. Z drugimi besedami, vaše spletno mesto vzpostavi vašo identiteto in ga je mogoče uporabiti za veliko stvari, kot so:
- Obvesti druga spletna mesta, ki jih podpira IndieWeb, ko so omenjena
- Prejemajte obvestila drugih spletnih mest IndieWeb, ko ste omenjeni
- Pridobite informacije iz omembe in jih formatirajte za prikaz
- Preverjanje pristnosti vaše identitete prek lastnega spletnega mesta (a là gumb za prijavo v Google, vendar povezano z vašim spletnim mestom)
- …med drugim.
Če to nekako zveni kot povratni ping, no, nekako je. Ampak veliko bolj robusten in vzdrževan.
Implementacija funkcij IndieWeb na WordPressu je drugačna (in morda lažja) kot na statičnem spletnem mestu.
Velika razlika je v tem, da WordPress zagotavlja veliko zahtev, potrebnih za izvajanje stvari IndieWeb-y. Všeč mi je, kako David razlaga:
Implementacija IndieWeb v WordPressu je [serija] gradnikov, ki jih lahko ali ne morete uporabiti, zaradi česar je čudovita, a včasih zmedena. WordPress ima filozofijo odločitev, ne možnosti. Toda IndieWeb je vse o možnostih ... o ustvarjanju funkcij, ki so prave za vas.
Ti gradniki so vtičniki, ki jih namestite za dodajanje protokolov in tehnologij IndieWeb v WordPress. Čudovito je, da so takoj na voljo, ker to zahteva veliko dela. Če vodite statično spletno mesto, pa ste na kavlju, da boste večino tega vzpostavili sami.
Davidova objava je 100 % osredotočena na implementacijo WordPressa. Vaša kilometrina se lahko razlikuje, vendar boste zagotovo odšli z boljšo predstavo o tem, kateri protokoli so na voljo in kako se ujemajo, ko boste prebrali njegovo objavo - in upam, da tudi to.
Vtičnik IndieWeb WordPress vzpostavi vašo identiteto.
Mislil sem, da počne toliko stvari v zakulisju, vendar je veliko bolj preprosto od tega:
Vtičnik sam skrbi za ugotavljanje vaše identitete, kot jo vidi IndieWeb. Ponuja predlogo h-card in widget. H-Card je oznaka za označevanje informacij o osebi ali kraju. Torej, to je element, ki ga mnogi ljudje vseeno odločijo postaviti na svoje spletno mesto.
Torej, res je mogoče dobiti enako stvar s pravilnim označevanjem teme WordPress. Priročnost tukaj je, da dobite priročno majhno predlogo, ki je označena za podporo h-card
odprt format in gradnik, da ga spustite v področje gradnikov teme.
Tukaj je super podroben primer h-card
markup potegnjen iz dokumentacija za mikroformate2:
<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>
Vidite ta imena razredov? Razredi kot .h-card
, u-photo
, p-name
, itd. vsi zagotavljajo kontekstualni pomen za identiteto osebe, ki jo nato razčlenijo kot 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" ] } }]
}
Vtičnik ne izvaja pošiljanja, prejemanja ali razčlenjevanja. Namesto tega spletnemu mestu WordPress ponuja način za preverjanje vaše identitete v označevanju.
Vse teme WordPress ne podpirajo mikroformatov
Če ste se praskali po glavi, ko ste prvič videli "mikroformate", kot sem se jaz, David to lepo definira:
[…] Mikroformati … način označevanja HTML, ki omogoča prepoznavanje elementov. Je eden od več načinov za to, vendar je zelo preprost in berljiv, zato je priljubljen v skupnosti IndieWeb.
Kot nadaljuje David, je težava v tem, da veliko tem ni označenih na mikroformatom prijazen način – kar je Vtičnik Microformats2 je zasnovan za popravljanje. Kljub temu David hitro opozori, da je vtičnik zelo omejen glede tega, kako to doseže, in namesto tega priporoča, da temo označite ročno.
Po besedah Davida bo naslednja večja izdaja vtičnika Webmention verjetno vključevala pametnejše načine zaznavanja vsebine in slik, ki jih lahko uporabi, ter njihovo oblikovanje za podporo Microformats2.
Spletna omembe pošiljajo in prejemajo obvestila.
V redu, torej če ste svojo identiteto ugotovili prek svojega spletnega mesta, tako da ste vidni, in je vaše spletno mesto označeno za h-card
podpora z uporabo mikroformatov2. Super! Še vedno potrebujete nekaj vmesnega dela kot operater, ki pošilja in prejema obvestila. Z drugimi besedami, ko vas drugo spletno mesto omeni – kar se imenuje spletna omemba – spletno mesto, ki vas omenja, potrebuje način za podporo pošiljanja te omembe vam, vaše spletno mesto pa potrebuje način, da to sprejme (ali obratno).
To je tisto, kar Vtičnik Webmention je za. To je verjetno tudi vir večine moje zmede glede IndieWeba. Mislil sem, da formatira podatke in potrebujem dodatno storitev za njihovo pošiljanje in prejemanje. Ne! Dejansko pošilja in prejema podatke, ne pa ustvarja omembe. Nazaj k Davidu:
Ko je bil zgrajen, je vtičnik obravnaval samo posel prejemanja in pošiljanja spletnih omemb, ne pa tudi prikazovanja. Semantic Linkbacks, ločen vtičnik, je to obravnaval ne samo za spletne omembe, ampak tudi za starejša protokola pingback in trackback.
Torej vtičnik Webmention sporoča obvestila. Medtem je drug vtičnik, imenovan Semantic Linkbacks, tisti, ki obravnava podatke. In kaj za vraga so semantične povratne povezave?
Semantične povratne povezave pridobijo in obravnavajo podatke.
Semantične povratne povezave je še en vtičnik, ki obravnava drug del postopka. Nikakor ne morem razložiti bolje, kot že David:
Semantične povratne povezave sprejmejo spletno omembo, ki je obvestilo, da se je drugo spletno mesto povezalo z nečim na vašem spletnem mestu, pridobi drugo spletno mesto in poskuša upodobiti prikaz informacij. Kako se to naredi, se lahko razlikuje od samo fotografije profila (če jo lahko najde) do razlage kot celotnega komentarja.
To počne z uporabo mikroformatov.
Pričakoval sem, da glavni vtičnik IndieWeb to že počne, saj obravnava druge oznake. Ponuja pa le predlogo in pripomoček, s katerima lahko svojo identiteto prikažete na svojem spletnem mestu. Ko vtičnik Semantic Linkbacks pridobi dohodno spletno omembo, vzame podatke, jih oblikuje in nato poskuša prikazati.
Zdi se, kot da bo vtičnik nekoliko združen s prihajajočo različico vtičnika Webmention (ali nadomeščen z njo):
Ker veliko ljudi ni nagnjenih ali jim ni prijetno spreminjati teme, bo nova različica Webmentions vključevala več različnih alternativnih načinov za iskanje slike ali povzetka za prikaz ... iz OpenGraph (ki ga Facebook in Twitter uporabljata za prikaz posredovanih URL-jev). ) za zaznavanje različice WordPress REST API strani in uporabo tega za pridobitev imena avtorja in slike profila. Nobeden od njih ne bo zagotovil toliko konteksta kot mikroformati, vendar bo izkušnja vseeno vredna namestitve.
To je vsekakor lepo, saj se dotakne API-ja WordPress REST za odgovor JSON in ga oblikuje za prikaz.
Brid.gy je storitev za pomoč pri prikazovanju interakcij.
Spletna omemba je lahko interakcija, recimo, da je nekomu všeč vaša objava na Twitterju ali jo ponovno objavi.
Razlikovanje med všečkom in ponovno objavo od komentarja od nečesa, kar se mora zgoditi, in morali bi implementirati API za Twitter (ali karkoli drugega), da bi lahko razlikovali te razlike.
To je nekaj, kar zagotovo lahko storite! Če pa raje priključite in igrate, je eden od članov skupnosti IndieWeb ustvaril storitev, imenovano Brid.gy. Ustvarite račun, povežete svoje spletno mesto in aplikaciji dodelite dovoljenja za storitev ... potem ste končali!
Brid.gy je v bistvu implementiral API-je za Twitter, Facebook, Instagram in druge, tako da ko zazna, da je objava v teh storitvah v interakciji z vašo sindicirano objavo, se spletna omemba pošlje na vaše spletno mesto in gre skozi postopek objave na lastnem spletnem mestu.
Toliko več je!
Hitri zadetki:
- IndieAuth: To je protokol, ki temelji na OAuth 2. Vtičnik vzpostavi končno točko v API-ju WordPress REST, ki jo je mogoče uporabiti za preverjanje pristnosti vaše identitete prek vašega lastnega spletnega mesta, ki ga sami gostite – v bistvu vaš lastni gumb za prijavo v Google, vendar ne da bi sami vzpostavili to končno točko ali se morali zanašati na ločen gostujoči API.
- Micropub: Tisti, ki uporabljajo WordPress, vendar imajo raje drug urejevalnik, lahko namestijo Vtičnik Micropub. To doda končno točko ki vam omogoča objavo vsebine na vašem spletnem mestu in uporabo urejevalnika, ki ga podpira Micropub, ustvarjanje elementov v viru Microformats2, kar vam daje veliko več možnosti za pisanje vsebine zunaj urejevalnika blokov WordPress.
- Preprosta lokacija: David je napisal ta vtičnik in bil sem zelo navdušen, ko mi ga je predstavil. Ideja je, da potegne podatke z vaše trenutne lokacije, ki jih je mogoče uporabiti za vse, od prikaza vremena v času, ko ste napisali objavo, do ustvarjanja celotnega arhiva objav na vdelanem zemljevidu na podlagi lokacije objave. Iskreno bi rad videl, da bi se kaj takega zapeklo neposredno v WordPress.
Posodobljeni tok
Poskušal sem narediti ilustracijo, ki opisuje različne dele v moji zadnji objavi, vendar poskusimo znova s posodobljenim razumevanjem dogajanja:
Je vse to smiselno?
Čestitke Davidu, ker se je obrnil in si vzel čas, da mi pokaže, kako izgleda implementacija IndieWeba v WordPress. Ne morem trditi, da v celoti razumem vse nianse, vendar vsaj čutim, da dobro razumem dele – filozofijo, protokole in tehnologijo – ki so potrebni, da se to zgodi.
Rad bi vam to obrnil! Vam to pomaga razjasniti stvari? Je kaj, kar težko razumeš? Mislite, da lahko zdaj konfigurirate spletno mesto WordPress s funkcijami IndieWeb? Vzemimo to v komentarje!
De-mistificiranje IndieWeba na spletnem mestu WordPress prvotno objavljeno na CSS-triki. Moral bi prejemanje glasila.
- "
- a
- O meni
- Račun
- dejavnosti
- Dodatne
- vsi
- omogoča
- že
- alternativa
- med
- Še ena
- API
- API-ji
- aplikacija
- Arhiv
- OBMOČJE
- okoli
- Na voljo
- ker
- v zakulisju
- BEST
- med
- Bit
- Block
- Building
- poslovni
- klic
- Kategorija
- Izberite
- trdijo
- razred
- razredi
- komuniciranje
- skupnost
- deli
- zmeda
- povezane
- vsebina
- se nadaljuje
- udobje
- ustvarjajo
- Ustvarjanje
- Trenutna
- datum
- dan
- odločitve
- Odvisno
- zasnovan
- podrobno
- DID
- Razlika
- drugačen
- neposredno
- zaslon
- navzdol
- Drop
- urednik
- elementi
- vgrajeni
- Končna točka
- v bistvu
- ustanovljena
- vzpostavlja
- itd
- vse
- Primer
- pričakovanja
- Pričakuje
- izkušnje
- Lastnosti
- prva
- prvič
- fit
- fiksna
- Pretok
- osredotočena
- format
- Fundacija
- Okvirni
- iz
- polno
- pridobivanje
- Giving
- dobro
- ročaj
- Ravnanje
- se zgodi
- Glava
- pomoč
- pomoč
- tukaj
- gostila
- Kako
- Kako
- HTTPS
- Ideja
- identiteta
- slika
- slike
- izvajati
- Izvajanje
- V drugi
- vključujejo
- Podatki
- namestitev
- integrirati
- interakcije
- IT
- sam
- Vodstvo
- Verjeten
- Limited
- malo
- kraj aktivnosti
- ljubezen
- je
- velika
- Znamka
- IZDELA
- Izdelava
- map
- kar pomeni,
- člani
- omenja
- moti
- več
- Najbolj
- Mozilla
- Imena
- potrebujejo
- potrebe
- Obvestilo
- ponujen
- Ponudbe
- odprite
- operater
- možnosti
- Ostalo
- lastne
- del
- ljudje
- mogoče
- oseba
- filozofija
- kos
- kosov
- Predvajaj
- vključiti
- plugins
- Popular
- mogoče
- Prispevkov
- problem
- Postopek
- profil
- Lastnosti
- protokol
- protokoli
- zagotavljajo
- če
- zagotavlja
- objavijo
- Založništvo
- Hitri
- RE
- reading
- prejeti
- priporoča
- sprostitev
- nadomesti
- obvezna
- Zahteve
- Odgovor
- odgovorna
- REST
- tek
- Je dejal
- Enako
- prizori
- vidi
- Občutek
- Serija
- Storitev
- Storitve
- nastavite
- nastavitev
- več
- delitev
- premik
- Kratke Hlače
- Enostavno
- saj
- spletna stran
- Spletna mesta
- So
- nekdo
- Nekaj
- standardi
- Še vedno
- Strategija
- strukturirano
- podpora
- ob
- tech
- Tehnologije
- O
- Vir
- tema
- stvar
- stvari
- skozi
- čas
- skupaj
- vrh
- razumeli
- razumevanje
- prihajajoče
- uporaba
- različnih
- preverjanje
- različica
- Poglej
- načini
- Spletna stran
- Kaj
- WHO
- brez
- Čudovit
- WordPress
- WordPress Plugin
- WordPress tema
- besede
- delo
- telovaditi
- deluje
- črvi
- vredno
- pisanje
- Vaša rutina za