Şey, şeyh. Miriam'ınkini paylaşırken küçük bir kutu solucan açtım. "Henüz IndieWeb'de miyim?" Birlikte kendi derdimden yakınan kısa yazı IndieWeb trenine binmek. Ama iyi bir solucan kutusu.
Sanırım o kısa yazıyı yayınladıktan sonraki ertesi gün gibi bir şeydi. David Shanske uzandım ve kafamı IndieWeb ve içerdiği bileşenler etrafında sarmaya yardım etmeyi teklif ettim. Ve kahretsin, gülünç derecede yardımcı olmadıysa! O kadar çok isterdim ki David'in biz konuştuktan sonra yazdığı yeni bir gönderiyle bağlantı kur, sonra burada elimden geldiğince özetleyin çünkü (1) bir şeyler yazmak yardımcı olur ve (2) daha sonra için bir referansa sahip olur.
Evet, IndieWeb kafa karıştırıcı.
David, aslında birinin WordPress sitelerini IndieWeb yetkileriyle kurmasına yardım etmişti. O kişi de çeşitli parçaların nasıl bir araya geldiğini anlamakta zorlanıyordu. Yani Miriam ve ben yazarken David'in aklında zaten bu vardı.
“IndieWeb” birçok insan için yeni bir terimdir ve birçok kafa karışıklığının ortaya çıktığı yer burasıdır. Bu bir çerçeve mi? Felsefe mi? Bir takım standartlar mı? Hangisi olduğuna bağlı olarak, beklentiler onun bir parçası olmanın nasıl göründüğüne kadar değişir.
Yukarıdakilerin hepsi bir nevi. Ve bunun biraz sağlamlaştırılması gerekiyor. IndieWeb'e bu farklı merceklerden baktığınızda, doğası gereği kafa karıştırıcı hiçbir şey yok. David'in gönderisini okuduktan sonra, IndieWeb'in daha çok bir dizi protokol olduğunu anladım. Biçimlendirmede yapılandırılmış verilerle veya OpenGraph ile çalışmak gibi sıralama. Kendi başına kurulacak bir şey yok, ancak bunları işinize nasıl entegre edeceğinize dair standartlar var.
Kimliğiniz IndieWeb'i güçlendirir. Başka bir deyişle, siteniz kimliğinizi belirler ve aşağıdakiler gibi birçok şey yapmak için kullanılabilir:
- Diğer IndieWeb destekli sitelerden bahsedildiklerinde haberdar edin
- Sizden bahsedildiğinde diğer IndieWeb sitelerinden bildirim alın
- Bir sözden bilgi alın ve görüntülenmek üzere biçimlendirin
- Kimliğinizi kendi web siteniz aracılığıyla doğrulayın (bir Google oturum açma düğmesi ancak sitenize bağlı)
- …Diğer şeylerin yanı sıra.
Bu sıralama pingback gibi geliyorsa, öyledir. Ama çok daha sağlam ve bakımlı.
IndieWeb özelliklerini WordPress'te uygulamak, statik bir siteden farklıdır (ve belki de daha kolaydır).
En büyük fark, WordPress'in IndieWeb-y şeylerini yapmak için gereken birçok gereksinimi sağlamasıdır. David'in bunu açıklama şeklini seviyorum:
WordPress'teki IndieWeb uygulaması, kullanmayı seçebileceğiniz veya seçemeyeceğiniz bir [serisi] yapı taşıdır; bu onu harika, ancak bazen kafa karıştırıcı yapan şeydir. WordPress'in seçenekler değil, kararlar felsefesi vardır. Ancak IndieWeb tamamen seçeneklerle ilgili… sizin için doğru olan özellikleri oluşturmakla ilgili.
Bu yapı taşları, WordPress'e IndieWeb protokolleri ve teknolojileri eklemek için yüklediğiniz eklentilerdir. Bunların hazır olması harika, çünkü bu, işlerin çoğunu alır. Statik bir site işletiyor olsanız da, çoğunu kendiniz kurmak için kancadasınız.
David'in gönderisi %100 WordPress uygulamasına odaklanmıştır. Kilometreniz değişebilir, ancak yazısını okuduktan sonra hangi protokollerin mevcut olduğu ve bunların nasıl bir araya geldiği konusunda kesinlikle daha iyi bir fikir edineceksiniz - ve umarım bu da öyle.
IndieWeb WordPress eklentisi kimliğinizi oluşturur.
Perde arkasında çok şey yaptığını sanıyordum, ama bundan çok daha basit:
Eklenti, IndieWeb'in gördüğü gibi kimliğinizi oluşturmayı kendi başına gerçekleştirir. Bir h-kart şablonu ve widget'ı sunar. H-Card, bir kişi veya yer hakkındaki bilgileri işaretlemek için kullanılan işaretlemedir. Dolayısıyla bu, birçok insanın yine de sitelerine koymayı tercih ettiği bir unsurdur.
Yani, gerçekten, bir WordPress temasını doğru bir şekilde işaretleyerek aynı türden bir şey elde etmek mümkündür. Buradaki kolaylık, aşağıdakileri desteklemek için işaretlenmiş kullanışlı küçük bir şablon elde etmenizdir. h-card
açık format ve onu bir temanın pencere öğesi alanına bırakmak için bir pencere öğesi.
İşte süper ayrıntılı bir örnek h-card
işaretleme çekildi Mikroformatlar2 için belgeler:
<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>
Şu sınıf isimlerini görüyor musun? gibi sınıflar .h-card
, u-photo
, p-name
, vb. tümü, daha sonra JSON olarak ayrıştırılan bir kişinin kimliği için bağlamsal anlam sağlar:
{ "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" ] } }]
}
Eklenti gönderme, alma veya ayrıştırma yapmıyor. Bunun yerine, işaretlemede kimliğinizi doğrulamanın bir yolunu sunan bir WordPress sitesi sağlar.
Tüm WordPress temaları Mikro Biçimleri desteklemez
Benim gibi “Mikroformatlar”ı ilk gördüğünüzde kafanızı kaşıdıysanız, David bunu çok güzel tanımlıyor:
[…] Mikro biçimler…öğelerin tanımlanmasına izin vermek için HTML'yi işaretlemenin bir yolu. Bunu yapmanın birkaç yolundan biridir, ancak çok basit ve okunabilirdir, bu yüzden IndieWeb topluluğunda popülerdir.
David'in devam ettiği gibi sorun, birçok temanın Mikroformat dostu bir şekilde işaretlenmemiş olmasıdır. Mikroformatlar2 eklentisi düzeltmek için tasarlanmıştır. Bununla birlikte David, eklentinin bunu başarma şeklinin son derece sınırlı olduğunu hemen belirtti ve bunun yerine bir temayı elle işaretlemenizi önerdi.
David'e göre, Webmention eklentisinin bir sonraki büyük sürümü, muhtemelen kullanabileceği içerik ve görüntüleri algılamanın ve bunları Microformats2 desteği için biçimlendirmenin daha akıllı yollarını içerecek.
Webmentions bildirim gönderir ve alır.
Tamam, kimliğinizi siteniz aracılığıyla oluşturduysanız, böylece keşfedilebilir olursunuz ve siteniz şu şekilde işaretlenir: h-card
Microformats2 kullanarak destek. Harika! Hala ortada, bildirim gönderen ve alan bir operatör olarak çalışan bir şeye ihtiyacınız var. Başka bir deyişle, başka bir site sizden bahsettiğinde - Webmention olarak adlandırılır - sizden bahseden sitenin bu sözü size göndermeyi destekleyecek bir yola ihtiyacı vardır ve sitenizin bunu kabul etmesi için bir yola ihtiyacı vardır (veya tam tersi).
Bu ne Webmention eklentisi için. Ayrıca muhtemelen IndieWeb kafa karışıklığımın çoğunun kaynağı da bu. Verileri biçimlendirdiğini düşündüm ve göndermek ve almak için ek bir hizmete ihtiyacım vardı. Hayır! Aslında, sözü oluşturmak yerine verileri gönderiyor ve alıyor. David'e dönersek:
Eklenti oluşturulduğunda, herhangi bir dereceye kadar görüntülemeyi değil, yalnızca webmention alma ve gönderme işini hallediyordu. Semantic Linkbacks, yalnızca webmentions için değil, aynı zamanda eski pingback ve trackback protokolleri için ayrı bir eklentiydi.
Bu nedenle, Webmention eklentisi bildirimleri iletmektedir. Bu arada, Semantic Linkbacks adlı başka bir eklenti, verileri işleyen şeydir. Ve ne halt Semantik Linkback'ler?
Semantik Linkback'ler verileri alır ve işler.
Anlamsal Bağlantılar sürecin başka bir parçasını işleyen başka bir eklentidir. Bunu David'in yaptığından daha iyi açıklamamın bir yolu yok:
Semantic Linkbacks, başka bir sitenin sitenizdeki bir şeye bağlantı verdiğine dair bir bildirim olan bir webmention alır, diğer siteyi getirir ve bilgilerin bir görüntüsünü oluşturmaya çalışır. Bunun nasıl yapıldığı, yalnızca bir profil fotoğrafından (eğer bulabilirse) onu tam bir yorum olarak yorumlamaya kadar değişebilir.
Bunu Microformats kullanarak yapar.
Ana IndieWeb eklentisinin, diğer işaretlemeleri işlediği için bunu zaten yapıyor olmasını bekliyordum. Ancak yalnızca sitenizde kimliğinizi almak için şablon ve widget sağlar. Semantic Linkbacks eklentisi gelen bir webmention getirdiğinde, verileri alır, biçimlendirir ve ardından görüntülemeye çalışır.
Eklenti, Webmention eklentisinin yeni bir sürümüyle bir şekilde birleştirilecek (veya değiştirilecek) gibi görünüyor:
Birçok kişi bir temayı değiştirmeye meyilli olmadığı veya bir temayı değiştirme konusunda rahat olmadığı için, Webmentions'ın yeni sürümü, OpenGraph'tan (Facebook ve Twitter'ın kendisine sağlanan URL'leri görüntülemek için kullandığı) bir resim veya özet bulmaya çalışmak için birkaç farklı alternatif yol içerecektir. ) bir sayfanın WordPress REST API sürümünü tespit etmek ve bunu yazar adını ve profil resmini almak için kullanmak. Hiçbiri Mikroformatlar kadar bağlam sağlamayacaktır, ancak deneyim yine de yüklemeye değer bir şey olacaktır.
JSON yanıtı ve görüntüleme için biçimler için WordPress REST API'sine dokunduğu için bu kesinlikle güzel.
Brid.gy, etkileşimlerin görüntülenmesine yardımcı olan bir hizmettir.
Bir Webmention bir etkileşim olabilir, örneğin birisinin Twitter'daki yayınınızı beğendiğini veya retweetlediğini söyleyin.
Bir beğeniyi bir gönderiden bir yorumdan, olması gerekenden farklı kılmak ve bu ayrımları çizmek için Twitter (veya her neyse) API'sini uygulamanız gerekir.
Bu kesinlikle yapabileceğiniz bir şey! Ancak, tak ve çalıştır seçeneğini tercih ederseniz, IndieWeb topluluğu üyelerinden biri, brid.gy. Bir hesap oluşturursunuz, sitenizi bağlarsınız ve hizmete uygulama izinleri verirsiniz… o zaman bitirdiniz!
Brid.gy'nin yaptığı şey, esasen Twitter, Facebook, Instagram ve diğerleri için API'leri uygulamaktır, böylece bu hizmetlerde ortak yayınınızla etkileşime giren bir gönderi tespit ettiğinde, sitenize bir Webmention gönderilir ve kendi sitenizde yayınlama süreci.
Çok daha fazlası var!
Hızlı vuruşlar:
- Bağımsız Yetki: Bu, OAuth 2'ye dayalı bir protokoldür. eklenti WordPress REST API'sinde, kendi kendinize barındırılan siteniz aracılığıyla kimliğinizi doğrulamak için kullanılabilecek bir uç nokta oluşturur - esasen kendi Google oturum açma düğmeniz, ancak bu uç noktayı kendiniz oluşturmadan veya ayrı bir barındırılan API'ye güvenmeniz gerekmez.
- Mikro pub: WordPress kullanan ancak farklı bir editör tercih edenler için aşağıdakileri yükleyebilirler: Mikro pub eklentisi. Bu bir uç nokta ekler Bu, sitenizde içerik yayınlamanıza ve Micropub destekli bir düzenleyici kullanarak bir Microformats2 beslemesinde öğeler oluşturmanıza olanak tanır ve size WordPress Blok Düzenleyici dışında içerik yazmak için çok daha fazla seçenek sunar.
- Basit Konum: David bu eklentiyi yazdı ve benim için demosunu yaptığında çok etkilendim. Buradaki fikir, bir gönderi yazdığınız andaki hava durumunu görüntülemekten, gönderi konumuna dayalı olarak gömülü bir harita üzerinde tüm gönderi arşivini oluşturmaya kadar her şey için kullanılabilecek mevcut konumunuzdan veri çekmesidir. Dürüst olmak gerekirse, bunun gibi bir şeyin doğrudan WordPress'te yapıldığını görmeyi çok isterim.
güncellenmiş akış
Son gönderimde çeşitli bölümleri özetleyen bir örnek oluşturmaya çalıştım, ancak neler olup bittiğine dair güncel bir anlayışla tekrar deneyelim:
Bunların hepsi mantıklı mı?
David'e hem ulaştığı hem de bana IndieWeb'i WordPress'te uygulamanın nasıl göründüğünü göstermek için zaman ayırdığı için beşlik çakın. Tüm nüansları tam olarak anladığımı iddia edemem ama en azından bunun gerçekleşmesi için gerekli olan parçaları (felsefe, protokoller ve teknoloji) iyi bir şekilde kavradığımı hissediyorum.
Sana çevirmek istiyorum! Bu sizin için bazı şeyleri netleştirmeye yardımcı oluyor mu? Anlamakta zorlandığınız bir şey var mı? IndieWeb özelliklerine sahip bir WordPress sitesini şimdi yapılandırabileceğinizi mi düşünüyorsunuz? Hadi yorumlara alalım!
Bir WordPress Sitesinde IndieWeb'i Gizemden Arındırmak aslen yayınlandı CSS Hileleri. Malısın bülteni al.
- "
- a
- Hakkımızda
- Hesap
- faaliyetler
- Ek
- Türkiye
- veriyor
- zaten
- alternatif
- arasında
- Başka
- api
- API'ler
- uygulamayı yükleyeceğiz
- Arşiv
- ALAN
- etrafında
- mevcut
- Çünkü
- kamera ARKASI
- İYİ
- arasında
- Bit
- Engellemek
- bina
- iş
- çağrı
- Kategoriler
- Klinik
- iddia
- sınıf
- sınıflar
- iletişim
- topluluk
- bileşenler
- karışıklık
- bağlı
- içerik
- devam ediyor
- kolaylık
- yaratmak
- Oluşturma
- akım
- veri
- gün
- kararlar
- bağlı
- tasarlanmış
- detaylı
- DID
- fark
- farklı
- direkt olarak
- ekran
- aşağı
- Damla
- editör
- elemanları
- gömülü
- Son nokta
- esasen
- kurulmuş
- kurar
- vb
- her şey
- örnek
- beklentileri
- beklenen
- deneyim
- Özellikler
- Ad
- ilk kez
- uygun
- sabit
- akış
- odaklanmış
- biçim
- vakıf
- iskelet
- itibaren
- tam
- alma
- Verilmesi
- Tercih Etmenizin
- sap
- kullanma
- olmak
- baş
- yardım et
- faydalı
- okuyun
- ev sahipliği yaptı
- Ne kadar
- Nasıl Yapılır
- HTTPS
- Fikir
- Kimlik
- görüntü
- görüntüleri
- uygulamak
- uygulama
- Diğer
- dahil
- bilgi
- kurmak
- entegre
- etkileşim
- IT
- kendisi
- Liderlik
- Muhtemelen
- Sınırlı
- küçük
- yer
- Aşk
- yapılmış
- büyük
- yapmak
- YAPAR
- Yapımı
- harita
- anlam
- Üyeler
- söz
- akla
- Daha
- çoğu
- mozilla
- isimleri
- gerek
- ihtiyaçlar
- tebliğ
- sunulan
- Teklifler
- açık
- Şebeke
- Opsiyonlar
- Diğer
- kendi
- Bölüm
- İnsanlar
- belki
- kişi
- felsefe
- parça
- parçalar
- OYNA
- fişe takmak
- eklentileri
- Popüler
- mümkün
- Mesajlar
- Sorun
- süreç
- Profil
- özellikleri
- protokol
- protokolleri
- sağlamak
- sağlanan
- sağlar
- yayınlamak
- Yayıncılık
- Hızlı
- RE
- Okuma
- teslim almak
- önerir
- serbest
- yerine
- gereklidir
- Yer Alan Kurallar
- yanıt
- sorumlu
- DİNLENME
- koşu
- Adı geçen
- aynı
- Sahneler
- Gördükleri
- duyu
- Dizi
- hizmet
- Hizmetler
- set
- ayar
- birkaç
- paylaşımı
- çalışma
- kısa
- Basit
- beri
- yer
- Yer
- So
- Birisi
- bir şey
- standartlar
- Yine
- Stratejileri
- yapılandırılmış
- destek
- alma
- teknoloji
- Teknolojileri
- The
- Kaynak
- tema
- şey
- işler
- İçinden
- zaman
- birlikte
- üst
- anlamak
- anlayış
- yaklaşan
- kullanım
- çeşitli
- doğrulamak
- versiyon
- Görüntüle
- yolları
- Web sitesi
- Ne
- DSÖ
- olmadan
- harika
- WordPress
- WordPress
- WordPress Tema
- sözler
- İş
- egzersiz yapmak
- çalışma
- kurt
- değer
- yazı yazıyor