No cóż. Otworzyłem małą puszkę robaków, dzieląc się Miriam's „Czy jestem już na IndieWeb?” z krótki post opłakujący własne kłopoty wsiadając do pociągu IndieWeb. Ale to dobra puszka robaków.
Myślę, że to było jak następnego dnia po opublikowaniu tego krótkiego posta, który Dawid Shanske wyciągnąłem rękę i zaoferowałem pomoc w omówieniu IndieWeb i komponentów, które zawiera. I kurde, gdyby to nie było śmiesznie pomocne! Tak bardzo, że chciałbym link do nowego posta, który napisał David po rozmowie, a następnie streść tutaj wszystko najlepiej, jak potrafię, ponieważ (1) warto to zapisać i (2) mieć odniesienie na później.
Tak, IndieWeb jest mylące.
David rzeczywiście pomógł komuś w skonfigurowaniu witryny WordPress z uprawnieniami IndieWeb. Ta osoba również starała się zrozumieć, jak różne elementy do siebie pasują. Tak więc David miał już to na myśli, kiedy Miriam i ja pisałyśmy.
„IndieWeb” to nowy termin dla wielu ludzi i właśnie tam rodzi się wiele zamieszania. Czy to ramy? Filozofia? Zestaw standardów? W zależności od tego, który to jest, oczekiwania zmieniają się tak daleko, jak wygląda bycie jego częścią.
To tak jakby wszystkie powyższe. I to musi być trochę zestalone. Nie ma nic z natury mylącego w samym IndieWeb, gdy oglądasz go przez te różne soczewki. Po przeczytaniu posta Davida rozumiem, że IndieWeb to bardziej zestaw protokołów. Trochę jak praca z danymi strukturalnymi lub OpenGraph w znacznikach. Nie ma nic do zainstalowania per se, ale istnieją standardy dotyczące ich integracji z pracą.
Twoja tożsamość napędza IndieWeb. Innymi słowy, Twoja witryna ustala Twoją tożsamość i może być używana do wielu rzeczy, takich jak:
- Powiadom inne strony obsługiwane przez IndieWeb, gdy zostaną o nich wzmiankowane
- Otrzymuj powiadomienia z innych stron IndieWeb, gdy zostaniesz wspomniany
- Pobierz informacje z wzmianki i sformatuj je do wyświetlenia
- Uwierzytelnij swoją tożsamość za pośrednictwem własnej witryny internetowej (tak jak przycisk logowania Google, ale połączony z Twoją witryną)
- …między innymi.
Jeśli to brzmi jak pingbacki, to w pewnym sensie tak jest. Ale o wiele bardziej wytrzymały i utrzymany.
Inaczej (i być może łatwiej) jest zaimplementować funkcje IndieWeb w WordPress niż w przypadku statycznej witryny.
Duża różnica polega na tym, że WordPress zapewnia wiele wymagań potrzebnych do robienia rzeczy z IndieWeb-y. Podoba mi się, jak David to wyjaśnia:
Implementacja IndieWeb na WordPressie to [seria] bloków konstrukcyjnych, których możesz lub nie możesz użyć, co czyni ją wspaniałą, ale czasami mylącą. WordPress ma filozofię decyzji, a nie opcji. Ale IndieWeb skupia się na opcjach… tworzeniu funkcji, które są dla Ciebie odpowiednie.
Te bloki konstrukcyjne to wtyczki, które instalujesz, aby dodać protokoły i technologie IndieWeb do WordPress. To niesamowite, że są one łatwo dostępne, ponieważ wymaga to wiele pracy. Prowadząc witrynę statyczną, jesteś gotowy do samodzielnego ustanowienia większości z nich.
Post Davida jest w 100% skoncentrowany na implementacji WordPressa. Twój przebieg może się różnić, ale z pewnością odejdziesz z lepszym pomysłem na to, jakie protokoły są dostępne i jak pasują do siebie po przeczytaniu jego postu — i miejmy nadzieję, że również ten.
Wtyczka IndieWeb WordPress ustala Twoją tożsamość.
Myślałem, że robi tyle rzeczy za kulisami, ale jest to o wiele prostsze niż to:
Wtyczka sama w sobie obsługuje ustalanie Twojej tożsamości tak, jak widzi ją IndieWeb. Oferuje szablon i widżet h-kartki. H-Card to znacznik do oznaczania informacji o osobie lub miejscu. Jest to więc element, który i tak wiele osób decyduje się umieścić na swojej stronie.
Tak więc naprawdę można uzyskać to samo, poprawnie zaznaczając motyw WordPress. Wygodą jest to, że otrzymujesz poręczny mały szablon, który jest oznaczony, aby wspierać h-card
otwarty format i widżet, aby upuścić go w obszarze widżetów motywu.
Oto bardzo szczegółowy przykład h-card
znaczniki pobrane z dokumentacja dla mikroformatów2:
<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>
Widzisz te nazwy klas? Zajęcia takie jak .h-card
, u-photo
, p-name
, itp. wszystkie zapewniają kontekstowe znaczenie tożsamości osoby, którą następnie analizuje jako 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" ] } }]
}
Wtyczka nie wysyła, nie odbiera ani nie analizuje. Zamiast tego zapewnia witrynę WordPress z możliwością weryfikacji Twojej tożsamości w znacznikach.
Nie wszystkie motywy WordPress obsługują mikroformaty
Jeśli podrapałeś się po głowie, kiedy pierwszy raz zobaczyłeś „Mikroformaty”, tak jak ja, David ładnie to definiuje:
[…] Mikroformaty… sposób oznaczania HTML w celu umożliwienia identyfikacji elementów. Jest to jeden z kilku sposobów na zrobienie tego, ale jest bardzo prosty i czytelny, dlatego jest popularny w społeczności IndieWeb.
Problem, jak kontynuuje David, polega na tym, że wiele motywów nie jest oznaczonych w sposób przyjazny dla mikroformatów — i właśnie to Wtyczka Microformats2 jest przeznaczony do naprawy. To powiedziawszy, David szybko stwierdza, że wtyczka jest bardzo ograniczona w sposobie, w jaki to osiąga, i zamiast tego zaleca ręczne oznaczanie motywu.
Według Davida, następna główna wersja wtyczki Webmention prawdopodobnie będzie zawierać inteligentniejsze sposoby wykrywania treści i obrazów, których może używać, oraz formatowania ich pod kątem obsługi Microformats2.
Wzmianki internetowe wysyłają i odbierają powiadomienia.
OK, więc jeśli ustaliłeś swoją tożsamość za pośrednictwem swojej witryny, dzięki czemu można Cię wykryć, a Twoja witryna jest oznaczona jako h-card
wsparcie przy użyciu Microformats2. Świetny! Nadal potrzebujesz czegoś w środku, pracującego jako operator, który wysyła i odbiera powiadomienia. Innymi słowy, gdy inna witryna wspomina o Tobie — nazywa się to Webmention — witryna wspominająca o Tobie potrzebuje sposobu na wsparcie wysyłania tej wzmianki do Ciebie, a Twoja witryna potrzebuje sposobu, aby ją zaakceptować (lub odwrotnie).
Właśnie to Wtyczka do wzmianek internetowych jest dla. Jest to również prawdopodobnie źródło większości mojego zamieszania na IndieWeb. Myślałem, że to formatowanie danych i potrzebowałem dodatkowej usługi, aby je wysłać i odebrać. Nie! W rzeczywistości wysyła i odbiera dane, a nie tworzy wzmiankę. Wracając do Dawida:
Kiedy została zbudowana, wtyczka obsługiwała wyłącznie odbieranie i wysyłanie wzmianek internetowych, nie obsługując w żadnym stopniu wyświetlania. Semantic Linkbacks, osobna wtyczka obsługiwała nie tylko wzmianki internetowe, ale także starsze protokoły pingback i trackback.
Tak więc wtyczka Webmention przekazuje powiadomienia. Tymczasem inna wtyczka o nazwie Semantic Linkbacks obsługuje dane. A co to do cholery są Semantic Linkbacks?
Semantyczne łącza zwrotne pobierają i obsługują dane.
Semantyczne linki zwrotne to kolejna wtyczka, która obsługuje kolejny element procesu. Nie ma sposobu, abym mógł to wyjaśnić lepiej niż David już to robi:
Semantic Linkbacks przyjmuje webmention, który jest powiadomieniem, że inna witryna połączyła się z czymś w Twojej witrynie, pobiera inną witrynę i próbuje wyświetlić informacje. Sposób, w jaki to się robi, może się różnić, od zdjęcia profilowego (jeśli można je znaleźć), po interpretację go jako pełnego komentarza.
Robi to za pomocą mikroformatów.
Spodziewałem się, że główna wtyczka IndieWeb już to robi, ponieważ obsługuje inne znaczniki. Ale udostępnia tylko szablon i widżet, aby uzyskać Twoją tożsamość w witrynie. Gdy wtyczka Semantic Linkbacks pobierze przychodzącą wzmiankę internetową, pobiera dane, formatuje je, a następnie próbuje je wyświetlić.
Wygląda na to, że wtyczka zostanie nieco połączona (lub zastąpiona) nadchodzącą wersją wtyczki Webmention:
Ponieważ wiele osób nie ma ochoty lub nie czuje się komfortowo w modyfikowaniu motywu, nowa wersja Webmentions będzie zawierała kilka różnych alternatywnych sposobów znalezienia obrazu lub podsumowania do wyświetlenia… z OpenGraph (którego Facebook i Twitter używają do wyświetlania dostarczonych mu adresów URL ) do wykrycia wersji strony WordPress REST API i wykorzystania jej do uzyskania nazwy autora i obrazu profilu. Żaden z nich nie dostarczy tyle kontekstu, co mikroformaty, ale doświadczenie nadal będzie czymś, co warto zainstalować.
To z pewnością miłe, ponieważ korzysta z interfejsu API REST WordPress w celu uzyskania odpowiedzi JSON i formatowania jej do wyświetlania.
Brid.gy to usługa ułatwiająca wyświetlanie interakcji.
Wzmianka internetowa może być interakcją, powiedzmy, że ktoś polubi Twój post na Twitterze lub prześle go dalej.
Odróżnianie polubienia od repostu od komentarza od tego, co musi się wydarzyć, i musisz zaimplementować interfejs API Twittera (lub cokolwiek innego), aby narysować te rozróżnienia.
To jest coś, co z pewnością możesz zrobić! Ale jeśli wolisz podłączyć i grać, jeden z członków społeczności IndieWeb stworzył usługę o nazwie brid.gy. Tworzysz konto, podłączasz swoją witrynę i nadajesz uprawnienia aplikacji do usługi… i gotowe!
To, co zrobiła firma Brid.gy, to zasadniczo zaimplementowanie interfejsów API dla Twittera, Facebooka, Instagrama i innych, dzięki czemu gdy wykryje, że post w tych usługach wchodzi w interakcję z Twoim postem konsorcjalnym, do Twojej witryny zostanie wysłana wzmianka internetowa, która przechodzi przez proces publikacji na własnej stronie.
Jest o wiele więcej!
Szybkie trafienia:
- Indie Auth: Jest to protokół oparty na OAuth 2. Wtyczka ustanawia punkt końcowy w WordPress REST API, którego można użyć do uwierzytelnienia Twojej tożsamości za pośrednictwem własnej hostowanej witryny — zasadniczo własnego przycisku logowania Google, ale bez samodzielnego ustanawiania tego punktu końcowego lub konieczności korzystania z oddzielnego hostowanego interfejsu API.
- Mikropub: Dla tych, którzy korzystają z WordPressa, ale wolą inny edytor, mogą zainstalować Wtyczka Micropub, To dodaje punkt końcowy który umożliwia publikowanie treści w witrynie i korzystanie z edytora obsługiwanego przez Micropub, tworzenie elementów w kanale Microformats2, co daje znacznie więcej opcji pisania treści poza edytorem bloków WordPress.
- Prosta lokalizacja: David napisał tę wtyczkę i byłem pod wielkim wrażeniem, kiedy zrobił dla mnie demo. Pomysł polega na tym, że pobiera dane z Twojej bieżącej lokalizacji, które można wykorzystać do wszystkiego, od wyświetlania pogody w momencie pisania posta, po tworzenie całego archiwum postów na osadzonej mapie na podstawie lokalizacji posta. Naprawdę chciałbym zobaczyć coś takiego wypieczonego bezpośrednio w WordPressie.
Zaktualizowany przepływ
Próbowałem zrobić ilustrację przedstawiającą różne elementy w moim ostatnim poście, ale spróbujmy ponownie, mając zaktualizowane zrozumienie tego, co się dzieje:
Czy to wszystko ma sens?
Przybij piątkę dla Davida za skontaktowanie się z nim i poświęcenie czasu na pokazanie mi, jak wygląda wdrożenie IndieWeb na WordPressie. Nie mogę twierdzić, że w pełni rozumiem wszystkie niuanse, ale przynajmniej czuję, że dobrze rozumiem elementy – filozofię, protokoły i technologię – które są wymagane, aby to się stało.
Chciałbym ci to zwrócić! Czy to pomaga ci wyjaśnić sprawy? Czy jest coś, czego nie potrafisz zrozumieć? Myślisz, że możesz teraz skonfigurować witrynę WordPress z funkcjami IndieWeb? Przejdźmy do komentarzy!
De-Mystifying IndieWeb w witrynie WordPress pierwotnie opublikowany w dniu Sztuczki CSS. Powinieneś pobierz biuletyn.
- "
- a
- O nas
- Konto
- zajęcia
- Dodatkowy
- Wszystkie kategorie
- pozwala
- już
- alternatywny
- wśród
- Inne
- api
- Pszczoła
- Aplikacja
- Archiwum
- POWIERZCHNIA
- na około
- dostępny
- bo
- za kulisami
- BEST
- pomiędzy
- Bit
- Blokować
- Budowanie
- biznes
- wezwanie
- Kategoria
- Dodaj
- roszczenie
- klasa
- Klasy
- przyległy
- społeczność
- składniki
- zamieszanie
- połączony
- zawartość
- ciągły
- wygoda
- Stwórz
- Tworzenie
- Aktualny
- dane
- dzień
- Decyzje
- W zależności
- zaprojektowany
- szczegółowe
- ZROBIŁ
- różnica
- różne
- bezpośrednio
- Wyświetlacz
- na dół
- Spadek
- redaktor
- Elementy
- osadzone
- Punkt końcowy
- istotnie
- ustanowiony
- ustanawia
- itp
- wszystko
- przykład
- oczekiwania
- spodziewany
- doświadczenie
- Korzyści
- i terminów, a
- pierwszy raz
- dopasować
- Fix
- pływ
- koncentruje
- format
- Fundacja
- Framework
- od
- pełny
- miejsce
- Dający
- dobry
- uchwyt
- Prowadzenie
- zdarzyć
- głowa
- pomoc
- pomocny
- tutaj
- hostowane
- W jaki sposób
- How To
- HTTPS
- pomysł
- tożsamość
- obraz
- zdjęcia
- wdrożenia
- realizacja
- W innych
- zawierać
- Informacja
- zainstalować
- integrować
- wzajemne oddziaływanie
- IT
- samo
- Przywództwo
- Prawdopodobnie
- Ograniczony
- mało
- lokalizacja
- miłość
- zrobiony
- poważny
- robić
- WYKONUJE
- Dokonywanie
- mapa
- znaczenie
- Użytkownicy
- wspomina
- nic
- jeszcze
- większość
- Mozilla
- Nazwy
- potrzeba
- wymagania
- powiadomienie
- oferowany
- Oferty
- koncepcja
- operator
- Opcje
- Inne
- własny
- część
- Ludzie
- może
- osoba
- filozofia
- kawałek
- sztuk
- Grać
- wtyczka
- wtyczki
- Popularny
- możliwy
- Wiadomości
- Problem
- wygląda tak
- Profil
- niska zabudowa
- protokół
- protokoły
- zapewniać
- pod warunkiem,
- zapewnia
- publikować
- Wydawniczy
- Szybki
- RE
- Czytający
- otrzymać
- zaleca
- zwolnić
- otrzymuje
- wymagany
- wymagania
- odpowiedź
- odpowiedzialny
- REST
- bieganie
- Powiedział
- taki sam
- Sceny
- widzi
- rozsądek
- Serie
- usługa
- Usługi
- zestaw
- ustawienie
- kilka
- dzielenie
- przesunięcie
- Short
- Prosty
- ponieważ
- witryna internetowa
- Witryny
- So
- Ktoś
- coś
- standardy
- Nadal
- Strategia
- zbudowany
- wsparcie
- biorąc
- tech
- Technologies
- Połączenia
- Źródło
- motyw
- rzecz
- rzeczy
- Przez
- czas
- razem
- Top
- i twitterze
- zrozumieć
- zrozumienie
- zbliżających
- posługiwać się
- różnorodny
- zweryfikować
- wersja
- Zobacz i wysłuchaj
- sposoby
- Strona internetowa
- Co
- KIM
- bez
- wspaniale
- WordPress
- Wtyczka WordPress
- WordPress Theme
- słowa
- Praca
- odrobić
- pracujący
- robaki
- wartość
- pisanie
- Twój