No sheesh. Avasin pienen tölkin matoja jakaessani Miriamia "Olenko vielä IndieWebissä?" kanssa lyhyt viesti, joka valittaa omaa vaivaani nousta IndieWeb-junaan. Mutta se on hyvä tölkki matoja.
Luulen, että se oli jotain seuraavana päivänä sen lyhyen postauksen julkaisemisen jälkeen David Shanske otin käteni ja tarjoutui auttamaan kietoamaan pääni IndieWebin ja sen sisältämien komponenttien ympärille. Ja hitto jos siitä ei ollut naurettavan apua! Niin paljon, että haluaisin linkitä sinut uuteen viestiin, jonka David kirjoitti keskustelumme jälkeen, tee sitten yhteenveto asioista tässä mahdollisimman hyvin, koska (1) on hyödyllistä kirjoittaa asioita muistiin ja (2) sinulla on viite myöhempää käyttöä varten.
Kyllä, IndieWeb on hämmentävää.
David oli itse asiassa auttanut jotakuta saamaan WordPress-sivustonsa valmiiksi IndieWeb-voimilla. Myös tällä henkilöllä oli vaikeuksia ymmärtää, kuinka eri osat sopivat yhteen. Joten Davidilla oli tämä mielessä jo silloin, kun Miriam ja minä kirjoitimme.
"IndieWeb" on uusi termi monille ihmisille, ja siitä syntyy paljon hämmennystä. Onko se kehys? Filosofia? Joukko standardeja? Riippuen siitä, kumpi se on, odotukset muuttuvat niin pitkälle kuin miltä näyttää olevan osa sitä.
Se on tavallaan kaikkea yllä olevaa. Ja sitä pitää hieman vahvistaa. Itse IndieWebissä ei ole mitään hämmentävää, kun katsot sitä eri linssien läpi. Luettuani Davidin viestin ymmärrän, että IndieWeb on enemmän protokollien joukko. Kuten strukturoidun tiedon tai OpenGraphin käsittely merkinnöissä. Mitään ei tarvitse asentaa sellaisenaan, mutta on olemassa standardeja, joiden avulla ne voidaan integroida työhön.
Identiteettisi antaa voiman IndieWebille. Toisin sanoen sivustosi vahvistaa identiteettisi ja sitä voidaan käyttää moniin asioihin, kuten:
- Ilmoita muille IndieWebin tukemille sivustoille, kun ne mainitaan
- Vastaanota ilmoituksia muilta IndieWeb-sivustoilta, kun sinut mainitaan
- Hae tiedot maininnasta ja muotoile se näyttöä varten
- Todentaa henkilöllisyytesi oman verkkosivustosi kautta (a là Googlen kirjautumispainike, mutta yhdistetty sivustoosi)
- …muun muassa.
Jos se kuulostaa pingbackiltä, se tavallaan on sitä. Mutta paljon kestävämpi ja huollettu.
IndieWeb-ominaisuuksien käyttöönotto WordPressissä on erilaista (ja ehkä helpompaa) kuin staattinen sivusto.
Suuri ero on, että WordPress tarjoaa paljon vaatimuksia, joita tarvitaan IndieWeb-y-asioiden tekemiseen. Pidän siitä, kuinka David selittää sen:
IndieWeb-toteutus WordPressissä on [sarja] rakennuspalikoita, joita voit tai ei voi valita käytettäväksi, mikä tekee siitä upean, mutta joskus hämmentävän. WordPressin filosofia on päätöksistä, ei vaihtoehdoista. Mutta IndieWebissä on kyse vaihtoehdoista… sinulle sopivien ominaisuuksien rakentamisesta.
Nämä rakennuspalikat ovat laajennuksia, jotka asennat lisätäksesi IndieWeb-protokollia ja -tekniikoita WordPressiin. On mahtavaa, että ne ovat helposti saatavilla, koska se vie paljon työtä pois asioista. Staattisen sivuston ylläpitäminen on kuitenkin koukussa, kun luot suurimman osan siitä itse.
Davidin viesti keskittyy 100-prosenttisesti WordPress-toteutukseen. Kilometrimääräsi voi vaihdella, mutta saat varmasti paremman käsityksen siitä, mitä protokollia on saatavilla ja miten ne sopivat yhteen, kun olet lukenut hänen viestinsä - ja toivottavasti myös tämän.
IndieWeb WordPress -laajennus vahvistaa henkilöllisyytesi.
Luulin sen tekevän niin paljon asioita kulissien takana, mutta se on paljon yksinkertaisempaa:
Laajennus itse hoitaa identiteettisi määrittämisen IndieWebin mukaan. Se tarjoaa h-korttimallin ja widgetin. H-Card on merkintä henkilön tai paikan tietojen merkitsemiseen. Joten, tämä on elementti, jonka monet ihmiset haluavat laittaa sivustoonsa joka tapauksessa.
Joten todellakin, on mahdollista saada samanlainen asia merkitsemällä oikein WordPress-teema. Mukavuus tässä on, että saat kätevän pienen mallin, joka on merkitty tukemaan h-card
avoin muoto ja widgetin pudottaaksesi sen teeman widget-alueelle.
Tässä on erittäin yksityiskohtainen esimerkki h-card
merkintä vedetty Microformats2-dokumentaatio:
<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>
Näetkö nuo luokkien nimet? Luokat kuten .h-card
, u-photo
, p-name
jne. kaikki tarjoavat kontekstuaalisen merkityksen henkilön identiteetille, jonka se sitten jäsensi JSON-muodossa:
{ "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" ] } }]
}
Laajennus ei lähetä, vastaanota tai jäsennä. Sen sijaan se tarjoaa WordPress-sivustolle tavan vahvistaa henkilöllisyytesi merkinnöissä.
Kaikki WordPress-teemat eivät tue mikromuotoja
Jos raaputit päätäsi ensimmäistä kertaa, kun näit "Mikromuodot" kuten minä, David määrittelee sen hienosti:
[…] Mikromuodot… tapa merkitä HTML-koodia elementtien tunnistamisen mahdollistamiseksi. Se on yksi monista tavoista tehdä tämä, mutta se on hyvin yksinkertainen ja luettava, minkä vuoksi se on suosittu IndieWeb-yhteisössä.
Ongelmana, kuten David jatkaa, on se, että monia teemoja ei ole merkitty mikromuodot-ystävällisellä tavalla. Microformats2-laajennus on suunniteltu korjaamaan. David kuitenkin huomauttaa nopeasti, että liitännäinen on erittäin rajallinen sen saavuttamisessa, ja hän suosittelee sen sijaan teeman merkitsemistä käsin.
Davidin mukaan Webmention-laajennuksen seuraava suuri julkaisu sisältää todennäköisesti älykkäämpiä tapoja havaita sisältöä ja kuvia, joita se voi käyttää, ja muotoilla ne Microformats2-tukea varten.
Web-maininnat lähettävät ja vastaanottavat ilmoituksia.
OK, jos olet määrittänyt henkilöllisyytesi sivustosi kautta, jotta olet löydettävissä ja sivustosi on merkitty h-card
tukee Microformats2:ta. Loistava! Tarvitset silti jotain väliin, joka toimii operaattorina, joka lähettää ja vastaanottaa ilmoituksia. Toisin sanoen, kun toinen sivusto mainitsee sinut – jota kutsutaan Web-mainoksiksi –, sinut mainitseva sivusto tarvitsee tavan tukea maininnnan lähettämistä sinulle, ja sivustosi tarvitsee tavan hyväksyä se (tai päinvastoin).
Se mitä Webmention-laajennus on varten. Se on luultavasti myös suurimman osan IndieWeb-sekaannuksestani. Luulin, että se formatoi tietoja ja tarvitsisin lisäpalvelun niiden lähettämiseen ja vastaanottamiseen. Ei! Se itse asiassa lähettää ja vastaanottaa tiedot, ei maininnan luomista. Takaisin Davidiin:
Kun laajennus rakennettiin, se hoiti vain verkkomainintojen vastaanottamisen ja lähettämisen, ei näyttöä missään määrin. Semantic Linkbacks, erillinen liitännäinen, joka käsitteli sitä paitsi web-maininnoille, myös vanhemmille pingback- ja trackback-protokolloille.
Joten Webmention-laajennus lähettää ilmoituksia. Samaan aikaan toinen laajennus, nimeltään Semantic Linkbacks, käsittelee tietoja. Ja mitä ihmettä ovat semanttiset linkit?
Semanttiset linkitykset hakevat ja käsittelevät tietoja.
Semanttiset linkit on toinen laajennus, joka käsittelee toisen osan prosessista. En voi mitenkään selittää sitä paremmin kuin David jo selittää:
Semantic Linkbacks ottaa verkkomaininnan, joka on ilmoitus, että toinen sivusto on linkittänyt johonkin sivustollasi, hakee toisen sivuston ja yrittää näyttää tiedot. Se, miten se tehdään, voi vaihdella pelkästä profiilikuvasta (jos sellainen löytyy) sen tulkitsemiseen täydelliseksi kommentiksi.
Se tekee tämän käyttämällä mikromuotoja.
Odotin, että IndieWeb-päälaajennus teki tämän jo, koska se käsittelee muita merkintöjä. Mutta se tarjoaa vain mallin ja widgetin identiteettisi saattamiseksi sivustollesi. Kun Semantic Linkbacks -laajennus noutaa saapuvan verkkomaininnan, se ottaa tiedot, muotoilee ne ja yrittää sitten näyttää sen.
Kuulostaa siltä, että laajennus yhdistetään jonkin verran Webmention-laajennuksen tulevaan versioon (tai korvataan sillä):
Koska monet ihmiset eivät ole taipuvaisia tai halua muokata teemaa, Web-maininnan uusi versio sisältää useita erilaisia vaihtoehtoisia tapoja yrittää etsiä näytettävää kuvaa tai yhteenvetoa… OpenGraphista (jota Facebook ja Twitter käyttävät sille toimitettujen URL-osoitteiden näyttämiseen ) tunnistaa sivun WordPress REST API -versio ja käyttää sitä tekijän nimen ja profiilikuvan saamiseksi. Mikään niistä ei tarjoa yhtä paljon kontekstia kuin mikromuodot, mutta kokemus on silti asentamisen arvoinen.
Se on varmasti mukavaa, koska se koskettaa WordPress REST APIa JSON-vastaukselle ja näyttömuodoille.
Brid.gy on palvelu, joka auttaa näyttämään vuorovaikutuksia.
Web-mainonta voi olla vuorovaikutus, esimerkiksi joku tykkää julkaisustasi Twitterissä tai uudelleentwiittaa sen.
Tykkäämisen erottaminen uudelleenpostauksesta kommentista kaikesta, mitä täytyy tapahtua, ja sinun on otettava käyttöön Twitterin (tai mikä tahansa) API tehdäksesi nämä erot.
Se on jotain, jonka voit varmasti tehdä! Mutta jos haluat mieluummin kytkeä ja pelata, yksi IndieWeb-yhteisön jäsenistä teki palvelun nimeltä Brid.gy. Luot tilin, yhdistät sivustosi ja annat sovellukselle käyttöoikeudet… sitten olet valmis!
Brid.gy on toteuttanut lähinnä Twitterin, Facebookin, Instagramin ja muiden sovellusliittymiä, joten kun se havaitsee, että kyseisissä palveluissa oleva viesti on vuorovaikutuksessa syndikoidun viestisi kanssa, Web-mainos lähetetään sivustollesi ja kulkee läpi julkaisuprosessi omalla sivustollasi.
On niin paljon muuta!
Nopeat osumat:
- IndieAuth: Tämä on OAuth 2:een perustuva protokolla. Laajennus perustaa WordPress REST API:n päätepisteen, jota voidaan käyttää henkilöllisyytesi todentamiseen oman itseisännöidyn sivustosi kautta – olennaisesti oman Google-sisäänkirjautumispainikkeesi kautta, mutta ilman, että päätepistettä määritetään itse tai tarvitsee luottaa erilliseen isännöityyn sovellusliittymään.
- Mikropubi: Ne, jotka käyttävät WordPressiä, mutta haluavat eri editorin, voivat asentaa Micropub-laajennus. Tämä lisää päätepisteen jonka avulla voit julkaista sisältöä sivustollesi ja käyttää Micropub-tuettua editoria luoda kohteita Microformats2-syötteessä, mikä antaa sinulle enemmän vaihtoehtoja kirjoittaa sisältöä WordPress Block Editorin ulkopuolella.
- Yksinkertainen sijainti: David kirjoitti tämän laajennuksen ja olin erittäin vaikuttunut, kun hän esitteli sen minulle. Ajatuksena on, että se hakee tietoja nykyisestä sijainnistasi, jota voidaan käyttää kaikkeen aina viestin kirjoittamishetken sään näyttämisestä koko viestiarkiston luomiseen upotetulla kartalla viestin sijainnin perusteella. Haluaisin rehellisesti, että jotain tällaista leivotaan suoraan WordPressiin.
Päivitetty kulku
Yritin tehdä kuvauksen, joka hahmottelee edellisen viestini eri osia, mutta yritetään uudelleen päivitetyn käsityksen kanssa siitä, mitä tapahtuu:
Onko tämä kaikki järkevää?
Tsemppiä Davidille, että hän otti yhteyttä ja käytti aikaa näyttääkseni minulle, miltä näyttää IndieWebin käyttöönotto WordPressissä. En voi väittää, että ymmärrän täysin kaikkia vivahteita, mutta minusta ainakin tuntuu, että minulla on kunnollinen käsitys kappaleista - filosofiasta, protokollista ja tekniikasta - joita sen toteuttaminen edellyttää.
Haluaisin kääntää sen sinulle! Auttaako tämä selventämään asioita? Onko sinulla jotain, mitä yrität ymmärtää? Luuletko pystyväsi määrittämään WordPress-sivuston IndieWeb-ominaisuuksilla nyt? Mennään kommentteihin!
IndieWebin mystiikan poistaminen WordPress-sivustolla alun perin julkaistu CSS-temppuja. Sinun pitäisi hanki uutiskirje.
- "
- a
- Meistä
- Tili
- toiminta
- lisä-
- Kaikki
- mahdollistaa
- jo
- vaihtoehto
- keskuudessa
- Toinen
- api
- API
- sovelluksen
- Archive
- ALUE
- noin
- saatavissa
- koska
- kulissien takana
- PARAS
- välillä
- Bitti
- Tukkia
- Rakentaminen
- liiketoiminta
- soittaa
- Kategoria
- Valita
- vaatia
- luokka
- luokat
- viestiä
- yhteisö
- osat
- sekaannus
- kytketty
- pitoisuus
- jatkuu
- mukavuus
- luoda
- Luominen
- Nykyinen
- tiedot
- päivä
- päätökset
- Riippuen
- suunniteltu
- yksityiskohtainen
- DID
- ero
- eri
- suoraan
- näyttö
- alas
- Pudota
- toimittaja
- elementtejä
- upotettu
- päätepiste
- olennaisesti
- vakiintunut
- laatii
- jne.
- kaikki
- esimerkki
- odotukset
- odotettu
- experience
- Ominaisuudet
- Etunimi
- ensimmäistä kertaa
- sovittaa
- Korjata
- virtaus
- keskityttiin
- muoto
- perusta
- Puitteet
- alkaen
- koko
- saada
- Antaminen
- hyvä
- kahva
- Käsittely
- tapahtua
- pää
- auttaa
- hyödyllinen
- tätä
- isännöi
- Miten
- Miten
- HTTPS
- ajatus
- Identiteetti
- kuva
- kuvien
- toteuttaa
- täytäntöönpano
- Muilla
- sisältää
- tiedot
- asentaa
- yhdistää
- vuorovaikutus
- IT
- itse
- Johto
- Todennäköisesti
- rajallinen
- vähän
- sijainti
- rakkaus
- tehty
- merkittävä
- tehdä
- TEE
- Tekeminen
- kartta
- merkitys
- Jäsenet
- mainitsee
- mielessä
- lisää
- eniten
- mozilla
- nimet
- tarvitsevat
- tarpeet
- ilmoituksen
- tarjotaan
- Tarjoukset
- avata
- operaattori
- Vaihtoehdot
- Muut
- oma
- osa
- Ihmiset
- ehkä
- henkilö
- filosofia
- kappale
- kappaletta
- Pelaa
- kytkeä
- liitännäiset
- Suosittu
- mahdollinen
- Viestejä
- Ongelma
- prosessi
- Profiili
- ominaisuudet
- protokolla
- protokollat
- toimittaa
- mikäli
- tarjoaa
- julkaista
- Julkaiseminen
- nopea
- RE
- Lukeminen
- vastaanottaa
- suosittelee
- vapauta
- korvataan
- tarvitaan
- vaatimukset
- vastaus
- vastuullinen
- REST
- juoksu
- Said
- sama
- kohtaukset
- näkee
- tunne
- Sarjat
- palvelu
- Palvelut
- setti
- asetus
- useat
- jakaminen
- siirtää
- Lyhyt
- Yksinkertainen
- koska
- paikka
- Sivustot
- So
- Joku
- jotain
- standardit
- Yhä
- Strategia
- jäsennelty
- tuki
- ottaen
- teknologia
- Technologies
- -
- Lähde
- teema
- asia
- asiat
- Kautta
- aika
- yhdessä
- ylin
- viserrys
- ymmärtää
- ymmärtäminen
- tuleva
- käyttää
- eri
- todentaa
- versio
- Näytä
- tavalla
- Verkkosivu
- Mitä
- KUKA
- ilman
- ihana
- WordPress
- WordPress-laajennus
- WordPress Theme
- sanoja
- Referenssit
- treenata
- työskentely
- matoja
- arvoinen
- kirjoittaminen
- Sinun