Nos, shesh. Kinyitottam egy kis féregdobozt, amikor megosztottam Miriamét "Fel vagyok már az IndieWeben?" val,-vel a saját bajomat siránkozó rövid bejegyzés felszállni az IndieWeb vonatra. De jó féregdoboz.
Azt hiszem, valami olyasmi volt, mint a következő napon, miután közzétettem azt a rövid bejegyzést David Shanske kinyújtotta a kezét, és felajánlotta, hogy segít az IndieWeb és az azt alkotó összetevők köré fonni a fejem. És istenem, ha nem volt nevetségesen hasznos! Annyira, hogy szeretném linkelj egy új bejegyzést, amit David írt, miután beszélgettünk, majd foglalja össze a dolgokat itt, amennyire csak tudom, mert (1) hasznos leírni a dolgokat, és (2) van egy hivatkozás a későbbiekre.
Igen, az IndieWeb zavaró.
David valójában segített valakinek abban, hogy a WordPress-webhelyét IndieWeb képességekkel beállítsa. Ez a személy is küzdött, hogy megértse, hogyan illeszkednek egymáshoz a különböző darabok. Szóval Davidnek már akkor is ez volt az esze, amikor Miriam és én írtunk.
Az „IndieWeb” egy új kifejezés sok ember számára, és ez az, ahol sok zűrzavar szül. Ez egy keret? Egy filozófia? Szabványkészlet? Attól függően, hogy melyikről van szó, az elvárások egészen addig eltolódnak, amennyire úgy néz ki, hogy ennek a része.
Valahogy a fentiek mindegyike. És ezt egy kicsit szilárdítani kell. Magában az IndieWebben nincs semmi zavaró, ha a különböző lencséken keresztül nézi. Miután elolvastam David bejegyzését, úgy értem, hogy az IndieWeb inkább protokollok halmaza. Mintha strukturált adatokkal vagy OpenGraph-pal dolgozna a jelölésben. Önmagában nincs mit telepíteni, de vannak szabványok arra vonatkozóan, hogyan integrálhatja őket a munkájába.
Az Ön identitása hatalmazza az IndieWebet. Más szóval, a webhely létrehozza az Ön személyazonosságát, és számos dologra használható, például:
- Értesítsen más IndieWeb által támogatott webhelyeket, ha megemlítik őket
- Értesítéseket kaphat más IndieWeb webhelyekről, ha megemlítik
- Információk lekérése egy említésből, és formázza azt a megjelenítéshez
- Hitelesítse személyazonosságát a saját webhelyén keresztül (egy Google bejelentkezési gomb, de csatlakozik az Ön webhelyéhez)
- …többek között.
Ha ez úgy hangzik, mint a visszacsatolás, akkor az úgy van. De sokkal robusztusabb és karbantartott.
Más (és talán könnyebb is) megvalósítani az IndieWeb funkcióit a WordPressen, mint egy statikus webhelyen.
A nagy különbség az, hogy a WordPress számos követelményt biztosít az IndieWeb-ügyek elvégzéséhez. Tetszik, ahogy David elmagyarázza:
A WordPress IndieWeb-megvalósítása olyan építőelemek [sorozata], amelyek használatát választhatja vagy nem, ezért csodálatos, de néha zavaró. A WordPress a döntések filozófiája, nem a lehetőségek. De az IndieWeb a lehetőségekről szól… az Ön számára megfelelő funkciók létrehozásáról.
Ezek az építőelemek olyan bővítmények, amelyeket telepít, hogy IndieWeb protokollokat és technológiákat adjon a WordPresshez. Csodálatos, hogy ezek könnyen elérhetőek, mert ez rengeteg munkát vesz igénybe. Ha azonban statikus webhelyet üzemeltet, akkor a legtöbbet maga hozza létre.
David bejegyzése 100%-ban a WordPress megvalósítására összpontosít. Az Ön futásteljesítménye változhat, de minden bizonnyal el fog menni, ha jobban átlátja, milyen protokollok állnak rendelkezésre, és hogyan illeszkednek egymáshoz, miután elolvasta a bejegyzését – és remélhetőleg ezt is.
Az IndieWeb WordPress beépülő modul megállapítja az Ön személyazonosságát.
Azt hittem, sok mindent csinál a színfalak mögött, de ennél sokkal egyszerűbb:
A beépülő modul önmagában kezeli az Ön személyazonosságának megállapítását, ahogy az IndieWeb látja. H-kártya sablont és widgetet kínál. A H-Card egy személy vagy hely információinak megjelölésére szolgáló jelölés. Szóval, ez egy olyan elem, amelyet egyébként sokan feltesznek a webhelyükre.
Tehát valóban hasonlót lehet elérni egy WordPress-téma helyes megjelölésével. Itt az a kényelem, hogy kap egy praktikus kis sablont, amely meg van jelölve, hogy támogassa a h-card
nyílt formátum és egy widgetet, amellyel a téma widget területére helyezhető.
Íme egy szuper részletes példa a h-card
jelölés a a Microformats2 dokumentációja:
<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>
Látod ezeket az osztályneveket? Olyan osztályok, mint .h-card
, u-photo
, p-name
stb. mind kontextuális jelentést biztosítanak egy személy identitásának, amelyet azután JSON-ként értelmezett:
{ "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" ] } }]
}
A beépülő modul nem küld, fogad vagy értelmez. Ehelyett egy WordPress-webhelyet biztosít, amellyel ellenőrizheti személyazonosságát a jelölésben.
Nem minden WordPress téma támogatja a mikroformátumokat
Ha megvakarta a fejét, amikor először látta a „Mikroformátumok” című filmet, mint én, David szépen meghatározza:
[…] Mikroformátumok… a HTML jelölésének módja, hogy lehetővé tegye az elemek azonosítását. Ez az egyik módja annak, hogy ezt megteheti, de nagyon egyszerű és olvasható, ezért népszerű az IndieWeb közösségben.
A probléma, ahogy David folytatja, az, hogy sok téma nincs mikroformátum-barát módon megjelölve – ez az, amit a Microformats2 bővítmény javítására tervezték. David azonban gyorsan kijelenti, hogy a beépülő modul rendkívül korlátozottan képes ezt megvalósítani, ezért azt javasolja, hogy ehelyett kézzel jelöljön meg egy témát.
David szerint a Webmention beépülő modul következő jelentős kiadása valószínűleg intelligensebb módszereket fog tartalmazni a felhasználható tartalom és képek észlelésére, valamint a Microformats2 támogatására való formázására.
A webmegjegyzések értesítéseket küldenek és fogadnak.
Rendben, tehát ha a webhelyén keresztül megállapította személyazonosságát, így felfedezhető, és webhelye meg van jelölve h-card
támogatás a Microformats2 használatával. Nagy! Még mindig szüksége van valamire a közepén, amely operátorként működik, amely értesítéseket küld és fogad. Más szóval, amikor egy másik webhely megemlíti Önt – úgynevezett Webmention –, akkor az Önt megemlítő webhelynek módot kell adni arra, hogy támogassa az említett említés elküldését, és az Ön webhelyének el kell fogadnia (vagy fordítva).
Ez az Webmentés bővítmény nak-nek. Valószínűleg ez a legtöbb IndieWeb-zavarom forrása is. Azt hittem, hogy az adatokat formázza, és további szolgáltatásra van szüksége a küldéshez és fogadáshoz. Dehogy! Valójában az adatok küldése és fogadása, nem pedig az említés létrehozása. Vissza Davidhez:
Amikor megépítették, a beépülő modul csak a webes megjegyzések fogadásával és küldésével foglalkozott, a megjelenítést semmilyen mértékben nem kezelte. A Semantic Linkbacks, egy külön beépülő modul, amely nem csak a webes említésekhez, hanem a régebbi pingback és trackback protokollokhoz is használható.
Tehát a Webmention beépülő modul értesítéseket küld. Eközben egy másik bővítmény, a Semantic Linkbacks kezeli az adatokat. És mik a fenét a szemantikus linkbackek?
A szemantikus linkbackek lekérik és kezelik az adatokat.
Szemantikus linkbackek egy másik bővítmény, amely a folyamat egy másik részét kezeli. Semmiképpen sem tudom jobban elmagyarázni, mint ahogy David már most teszi:
A Semantic Linkbacks webmegjegyzést készít, amely egy értesítés arról, hogy egy másik webhely hivatkozott valamire az Ön webhelyén, lekéri a másik webhelyet, és megpróbálja megjeleníteni az információkat. Ennek módja a profilfotótól (ha talál ilyet) egészen a teljes megjegyzésként való értelmezésig változhat.
Ezt mikroformátumok használatával teszi.
Arra számítottam, hogy a fő IndieWeb beépülő modul már megtette ezt, mivel más jelöléseket kezel. De csak a sablont és a widgetet biztosítja, hogy személyazonossága megjelenjen a webhelyén. Miután a Semantic Linkbacks beépülő modul lekér egy bejövő webmegjegyzést, veszi az adatokat, formázza, majd megpróbálja megjeleníteni.
Úgy tűnik, hogy a beépülő modult valamelyest egyesítik (vagy lecserélik) a Webmention beépülő modul közelgő verziójával:
Mivel sokan nem hajlamosak vagy nem szívesen módosítanak egy témát, a Webmentions új verziója számos különböző alternatív módot fog tartalmazni a megjelenítendő kép vagy összefoglaló megtalálására… az OpenGraph-ból (amelyet a Facebook és a Twitter használ a számára biztosított URL-ek megjelenítésére ). Egyikük sem biztosít annyi kontextust, mint a mikroformátumok, de az élményt továbbra is érdemes telepíteni.
Ez minden bizonnyal szép, mivel a WordPress REST API-t érinti a JSON-válaszhoz és a megjelenítéshez szükséges formátumokhoz.
A Brid.gy az interakciók megjelenítését segítő szolgáltatás.
A Webemmentés lehet interakció, mondjuk valakinek tetszik a bejegyzése a Twitteren, vagy újratweeteli.
Megkülönbözteti a lájkot egy újbóli bejegyzéstől a megjegyzéstől, és egy bárminek meg kell történnie, és a Twitter (vagy bármi más) API-t kell megvalósítania, hogy megmutassa ezeket a különbségeket.
Ez az, amit biztosan megtehetsz! De ha inkább plug and play, akkor az IndieWeb közösség egyik tagja készített egy szolgáltatást Brid.gy. Létrehoz egy fiókot, összekapcsolja webhelyét, és alkalmazásengedélyeket ad a szolgáltatásnak… akkor kész!
A Brid.gy lényegében bevezeti a Twitter, Facebook, Instagram és mások API-jait, így amikor azt észleli, hogy ezekben a szolgáltatásokban egy bejegyzés interakcióba lép az Ön szindikált bejegyzésével, webmegjegyzést küld a webhelyére, és átmegy a saját webhelyén való közzététel folyamata.
Annyi minden van még!
Gyors találatok:
- IndieAuth: Ez egy OAuth 2-n alapuló protokoll. A bővítmény végpontot hoz létre a WordPress REST API-ban, amely felhasználható az Ön személyazonosságának hitelesítésére saját, saját üzemeltetésű webhelyén keresztül – ez lényegében a saját Google bejelentkezési gombja, de anélkül, hogy ezt a végpontot saját maga állítaná fel, vagy külön hostolt API-ra kellene hagyatkoznia.
- Mikrokocsma: Azok, akik WordPress-t használnak, de más szerkesztőt szeretnek, telepíthetik a Micropub plugin. Ezt végpontot ad hozzá amely lehetővé teszi a tartalom közzétételét a webhelyén, és a Micropub által támogatott szerkesztő használatával elemeket hozhat létre a Microformats2 feedben, így több lehetőséget kínál a tartalom írására a WordPress blokkszerkesztőn kívül.
- Egyszerű helyszín: David írta ezt a bővítményt és nagyon lenyűgözött, amikor bemutatta nekem. Az ötlet az, hogy adatokat gyűjt a jelenlegi tartózkodási helyéről, amelyek mindenre felhasználhatók, kezdve a bejegyzés írásakor uralkodó időjárás megjelenítésétől egészen a bejegyzések teljes archívumának létrehozásáig egy beágyazott térképen a bejegyzés helye alapján. Őszintén örülnék, ha valami ilyesmit közvetlenül a WordPressbe sütnének.
A frissített folyamat
Megpróbáltam olyan illusztrációt készíteni, amely felvázolja a legutóbbi bejegyzésem különböző darabjait, de próbáljuk meg újra, naprakészen megértve, mi történik:
Van ennek az egésznek értelme?
Dicséret illeti Davidet, hogy megkereste, és időt szakított arra, hogy megmutassa, hogyan is néz ki az IndieWeb megvalósítása WordPress-en. Nem állíthatom, hogy teljesen megértem az összes árnyalatot, de legalább úgy érzem, hogy tisztességesen ismerem azokat a darabokat – a filozófiát, a protokollokat és a technológiát –, amelyek szükségesek a megvalósításhoz.
Szeretném feléd fordítani! Ez segít tisztázni a dolgokat? Van valami, amit nehezen értesz? Úgy gondolja, hogy most már konfigurálhat egy WordPress-webhelyet az IndieWeb funkcióival? Térjünk rá a kommentekre!
Az IndieWeb rejtélyeinek megszüntetése egy WordPress webhelyen eredetileg megjelent CSS-trükkök. Neked kellene kapja meg a hírlevelet.
- "
- a
- Rólunk
- Fiók
- tevékenységek
- További
- Minden termék
- lehetővé teszi, hogy
- már
- alternatív
- között
- Másik
- api
- API-k
- app
- Archív
- TERÜLET
- körül
- elérhető
- mert
- a színfalak mögött
- BEST
- között
- Bit
- Blokk
- Épület
- üzleti
- hívás
- Kategória
- A pop-art design, négy időzóna kijelzése egyszerre és méretének arányai azok az érvek, amelyek a NeXtime Time Zones-t kiváló választássá teszik. Válassza a
- követelés
- osztály
- osztályok
- kommunikáció
- közösség
- alkatrészek
- zavar
- összefüggő
- tartalom
- tovább
- kényelem
- teremt
- létrehozása
- Jelenlegi
- dátum
- nap
- határozatok
- attól
- tervezett
- részletes
- DID
- különbség
- különböző
- közvetlenül
- kijelző
- le-
- Csepp
- szerkesztő
- elemek
- beágyazott
- Endpoint
- lényegében
- megalapozott
- megállapítja
- stb.
- minden
- példa
- várakozások
- várható
- tapasztalat
- Jellemzők
- vezetéknév
- első
- megfelelő
- Rögzít
- áramlási
- összpontosított
- formátum
- Alapítvány
- Keretrendszer
- ból ből
- Tele
- szerzés
- Giving
- jó
- fogantyú
- Kezelés
- történik
- fej
- segít
- hasznos
- itt
- házigazdája
- Hogyan
- How To
- HTTPS
- ötlet
- Identitás
- kép
- képek
- végre
- végrehajtás
- Más
- tartalmaz
- információ
- telepíteni
- integrálni
- kölcsönhatás
- IT
- maga
- Vezetés
- Valószínű
- Korlátozott
- kis
- elhelyezkedés
- szerelem
- készült
- fontos
- csinál
- KÉSZÍT
- Gyártás
- térkép
- jelenti
- Partnerek
- megemlíti
- bánja
- több
- a legtöbb
- Mozilla
- nevek
- igénylő
- igények
- bejelentés
- felajánlott
- Ajánlatok
- nyitva
- operátor
- Opciók
- Más
- saját
- rész
- Emberek (People)
- talán
- person
- filozófia
- darab
- darabok
- játszani
- csatlakoztat
- Plugins
- Népszerű
- lehetséges
- Hozzászólások
- Probléma
- folyamat
- profil
- ingatlanait
- protokoll
- protokollok
- ad
- feltéve,
- biztosít
- közzétesz
- Kiadás
- Quick
- RE
- Olvasás
- kap
- ajánlja
- engedje
- helyébe
- kötelező
- követelmények
- válasz
- felelős
- REST
- futás
- Mondott
- azonos
- jelenetek
- lát
- értelemben
- Series of
- szolgáltatás
- Szolgáltatások
- készlet
- beállítás
- számos
- megosztás
- váltás
- rövid
- Egyszerű
- óta
- weboldal
- Webhely (ek)
- So
- Valaki
- valami
- szabványok
- Még mindig
- Stratégia
- szerkesztett
- támogatás
- bevétel
- tech
- Technologies
- A
- The Source
- téma
- dolog
- dolgok
- Keresztül
- idő
- együtt
- felső
- megért
- megértés
- közelgő
- használ
- különféle
- ellenőrzése
- változat
- Megnézem
- módon
- weboldal
- Mit
- WHO
- nélkül
- csodálatos
- WordPress
- WordPress bővítmény
- WordPress Theme
- szavak
- Munka
- dolgozzanak ki
- dolgozó
- férgek
- érdemes
- írás
- A te