Yah, sheesh. Saya membuka sedikit kaleng cacing saat berbagi Miriam โApakah saya sudah di IndieWeb?โ dengan posting singkat meratapi masalah saya sendiri naik kereta IndieWeb. Tapi itu kaleng cacing yang bagus.
Saya pikir itu seperti hari berikutnya setelah menerbitkan posting singkat itu David Shanske mengulurkan tangan dan menawarkan untuk membantu saya memahami IndieWeb dan komponen-komponen yang ada di dalamnya. Dan astaga jika itu tidak sangat membantu! Sedemikian rupa sehingga saya ingin menautkan Anda ke pos baru yang ditulis David setelah kita berbicara, lalu rangkum semuanya di sini sebaik mungkin karena (1) sangat membantu untuk menuliskannya dan (2) memiliki referensi untuk nanti.
Ya, IndieWeb membingungkan.
David sebenarnya telah membantu seseorang menyiapkan situs WordPress mereka dengan kekuatan IndieWeb. Orang itu juga sedang berjuang untuk memahami bagaimana berbagai bagian itu cocok satu sama lain. Jadi, David sudah memikirkan hal ini ketika Miriam dan saya sedang menulis.
"IndieWeb" adalah istilah baru bagi banyak orang dan di situlah banyak kebingungan berkembang biak. Apakah itu kerangka kerja? Sebuah filosofi? Satu set standar? Bergantung pada yang mana itu, harapan bergeser sejauh apa yang tampak seperti menjadi bagian darinya.
Ini semacam semua hal di atas. Dan itu perlu dikuatkan sedikit. Tidak ada yang secara inheren membingungkan tentang IndieWeb itu sendiri setelah Anda melihatnya melalui lensa yang berbeda. Setelah membaca posting David, pemahaman saya adalah bahwa IndieWeb lebih merupakan seperangkat protokol. Agak seperti bekerja dengan data terstruktur atau OpenGraph di markup. Tidak ada yang perlu diinstal, tetapi ada standar tentang cara mengintegrasikannya ke dalam pekerjaan Anda.
Identitas Anda memperkuat IndieWeb. Dengan kata lain, situs Anda menetapkan identitas Anda dan dapat digunakan untuk melakukan banyak hal, seperti:
- Beri tahu situs lain yang didukung IndieWeb ketika disebutkan
- Terima pemberitahuan dari situs IndieWeb lain saat Anda disebutkan
- Ambil informasi dari sebutan dan format untuk ditampilkan
- Otentikasi identitas Anda melalui situs web Anda sendiri (a lร tombol masuk Google tetapi terhubung ke situs Anda)
- โฆantara lain.
Jika semacam itu terdengar seperti pingback, ya, memang begitu. Tapi jauh lebih kokoh dan terawat.
Ini berbeda (dan mungkin lebih mudah) untuk mengimplementasikan fitur IndieWeb di WordPress daripada di situs statis.
Perbedaan besarnya adalah WordPress menyediakan banyak persyaratan yang diperlukan untuk melakukan hal-hal IndieWeb. Saya suka bagaimana David menjelaskannya:
Implementasi IndieWeb di WordPress adalah [serangkaian] blok penyusun yang dapat atau tidak dapat Anda pilih untuk digunakan, yang membuatnya luar biasa, tetapi terkadang membingungkan. WordPress memiliki filosofi keputusan, bukan pilihan. Tapi IndieWeb adalah semua tentang pilihanโฆtentang membangun fitur yang tepat untuk Anda.
Blok penyusun tersebut adalah plugin yang Anda instal untuk menambahkan protokol dan teknologi IndieWeb ke WordPress. Luar biasa itu sudah tersedia karena itu membutuhkan banyak pekerjaan. Namun, menjalankan situs statis, Anda siap untuk membuat sebagian besar dari itu sendiri.
Posting David 100% berfokus pada implementasi WordPress. Jarak tempuh Anda mungkin berbeda, tetapi Anda pasti akan pergi dengan gagasan yang lebih baik tentang protokol apa yang tersedia dan bagaimana mereka cocok bersama setelah membaca posnya โ dan semoga yang ini juga.
Plugin IndieWeb WordPress menetapkan identitas Anda.
Saya pikir itu melakukan banyak hal di belakang layar, tetapi jauh lebih sederhana dari itu:
Plugin dengan sendirinya menangani penetapan identitas Anda seperti yang dilihat oleh IndieWeb. Menawarkan template h-card dan widget. H-Card adalah markup untuk menandai informasi tentang seseorang atau tempat. Jadi, ini adalah elemen yang banyak orang pilih untuk ditempatkan di situs mereka.
Jadi, sungguh, mungkin untuk mendapatkan hal yang sama dengan menandai tema WordPress dengan benar. Kenyamanannya di sini adalah Anda mendapatkan template kecil praktis yang ditandai untuk mendukung h-card
format terbuka dan widget untuk meletakkannya di area widget tema.
Berikut adalah contoh super detail dari h-card
markup ditarik dari dokumentasi untuk Microformats2:
<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>
Lihat nama-nama kelas itu? Kelas seperti .h-card
, u-photo
, p-name
, dll. semuanya memberikan makna kontekstual untuk identitas seseorang yang kemudian diuraikan sebagai 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" ] } }]
}
Plugin tidak melakukan pengiriman, penerimaan, atau penguraian. Sebagai gantinya, ini menyediakan situs WordPress dengan cara untuk memverifikasi identitas Anda di markup.
Tidak semua tema WordPress mendukung Microformats
Jika Anda menggaruk-garuk kepala saat pertama kali melihat "Microformats" seperti yang saya lakukan, David mendefinisikannya dengan baik:
[โฆ] Microformatsโฆcara menandai HTML untuk memungkinkan elemen diidentifikasi. Ini adalah salah satu dari beberapa cara untuk melakukan ini, tetapi sangat sederhana dan mudah dibaca, itulah sebabnya ini populer di komunitas IndieWeb.
Masalahnya, seperti yang David lanjutkan, adalah bahwa banyak tema tidak ditandai dengan cara yang ramah-Microformats โ itulah yang Plugin Microformats2 dirancang untuk memperbaiki. Yang mengatakan, David dengan cepat menyebutkan bahwa plugin sangat terbatas dalam cara menyelesaikannya, dan dia merekomendasikan untuk menandai tema dengan tangan.
Menurut David, rilis besar berikutnya dari plugin Webmention kemungkinan akan mencakup cara yang lebih cerdas untuk mendeteksi konten dan gambar yang dapat digunakan dan memformatnya untuk dukungan Microformats2.
Penyebutan web mengirim dan menerima pemberitahuan.
Oke, jadi jika Anda telah menetapkan identitas Anda melalui situs Anda sehingga Anda dapat ditemukan, dan situs Anda ditandai untuk h-card
dukungan menggunakan Microformats2. Besar! Anda masih membutuhkan sesuatu di tengah bekerja sebagai operator yang mengirim dan menerima notifikasi. Dengan kata lain, ketika situs lain menyebut Anda โ disebut Webmention โ situs yang menyebutkan Anda memerlukan cara untuk mendukung pengiriman penyebutan itu kepada Anda, dan situs Anda memerlukan cara untuk menerimanya (atau sebaliknya).
Itu yang apa plugin penyebutan web adalah untuk. Ini juga mungkin sumber dari sebagian besar kebingungan IndieWeb saya. Saya pikir itu memformat data dan membutuhkan layanan tambahan untuk mengirim dan menerimanya. Tidak! Ini sebenarnya mengirim dan menerima data daripada membuat penyebutan. Kembali ke Daud:
Kembali ketika dibangun, plugin hanya menangani bisnis menerima dan mengirim webmention, tidak menangani tampilan pada tingkat apa pun. Semantic Linkbacks, plugin terpisah menanganinya tidak hanya untuk webmention, tetapi juga protokol pingback dan trackback yang lebih lama.
Jadi, plugin Webmention mengkomunikasikan pemberitahuan. Sementara itu, plugin lain bernama Semantic Linkbacks yang menangani data. Dan apa sih Semantic Linkbacks itu?
Tautan Balik Semantik mengambil dan menangani data.
Tautan Balik Semantik adalah plugin lain yang menangani bagian lain dari proses. Tidak mungkin saya bisa menjelaskannya lebih baik daripada yang sudah dilakukan David:
Tautan Balik Semantik mengambil penyebutan web, yang merupakan pemberitahuan bahwa situs lain telah menautkan ke sesuatu di situs Anda, mengambil situs lain, dan mencoba menampilkan tampilan informasi. Cara melakukannya dapat bervariasi dari sekadar foto profil (jika dapat menemukannya), hingga menafsirkannya sebagai komentar lengkap.
Ini dilakukan dengan menggunakan Microformats.
Saya berharap plugin IndieWeb utama sudah melakukan ini karena menangani markup lain. Tapi itu hanya menyediakan template dan widget untuk mendapatkan identitas Anda di situs Anda. Setelah plugin Semantic Linkbacks mengambil webmention yang masuk, ia mengambil data, memformatnya, lalu mencoba menampilkannya.
Sepertinya plugin akan digabungkan dengan (atau diganti dengan) versi plugin Webmention yang akan datang:
Karena banyak orang tidak ingin, atau tidak nyaman memodifikasi tema, versi baru Webmentions akan menyertakan beberapa cara alternatif yang berbeda untuk mencoba menemukan gambar atau ringkasan untuk ditampilkanโฆdari OpenGraph (yang digunakan Facebook dan Twitter untuk menampilkan URL yang disediakan untuk itu ) untuk mendeteksi versi WordPress REST API halaman dan menggunakannya untuk mendapatkan nama penulis dan gambar profil. Tak satu pun dari mereka akan memberikan konteks sebanyak Microformats, tetapi pengalaman itu akan tetap menjadi sesuatu yang layak untuk dipasang.
Itu tentu bagus karena memanfaatkan API REST WordPress untuk respons dan format JSON untuk ditampilkan.
Brid.gy adalah layanan untuk membantu menampilkan interaksi.
Webmention dapat berupa interaksi, katakanlah seseorang menyukai posting Anda di Twitter atau me-retweet-nya.
Membedakan suka dari repost dari komentar dari apa pun yang perlu terjadi, dan Anda harus menerapkan API Twitter (atau apa pun) untuk menarik perbedaan itu.
Itu sesuatu yang pasti bisa Anda lakukan! Tetapi jika Anda lebih suka plug and play, salah satu anggota komunitas IndieWeb membuat layanan bernama Brid.gy. Anda membuat akun, menghubungkan situs Anda, dan memberikan izin aplikasi ke layananโฆ lalu selesai!
Apa yang telah dilakukan Brid.gy pada dasarnya adalah mengimplementasikan API untuk Twitter, Facebook, Instagram, dan lainnya, sehingga ketika mendeteksi bahwa kiriman di layanan tersebut yang berinteraksi dengan kiriman tersindikasi Anda, Penyebutan Web dikirim ke situs Anda dan melewati proses penerbitan di situs Anda sendiri.
Ada begitu banyak lagi!
Hit cepat:
- Penulisan Indie: Ini adalah protokol berdasarkan OAuth 2. Plugin menetapkan titik akhir di WordPress REST API yang dapat digunakan untuk mengautentikasi identitas Anda melalui situs yang dihosting sendiri โ pada dasarnya tombol masuk Google Anda sendiri tetapi tanpa menetapkan titik akhir itu sendiri atau perlu mengandalkan API yang dihosting secara terpisah.
- mikropub: Bagi mereka yang menggunakan WordPress tetapi lebih memilih editor yang berbeda dapat menginstal Plugin mikropub. Ini menambahkan titik akhir yang memungkinkan Anda untuk mempublikasikan konten ke situs Anda dan menggunakan editor yang didukung Micropub untuk membuat item dalam umpan Microformats2, memberi Anda lebih banyak opsi untuk menulis konten di luar Editor Blok WordPress.
- Lokasi Sederhana: David menulis plugin ini dan saya sangat terkesan ketika dia mendemonstrasikannya untuk saya. Idenya adalah ia menarik data dari lokasi Anda saat ini yang dapat digunakan untuk segala hal mulai dari menampilkan cuaca saat Anda menulis postingan, hingga membuat seluruh arsip postingan di peta yang disematkan berdasarkan lokasi postingan. Sejujurnya saya senang melihat sesuatu seperti ini dimasukkan langsung ke WordPress.
Aliran yang diperbarui
Saya mencoba membuat ilustrasi yang menguraikan berbagai bagian di posting terakhir saya, tetapi mari kita coba lagi dengan pemahaman yang diperbarui tentang apa yang terjadi:
Apakah ini semua masuk akal?
Tos untuk David karena telah menjangkau dan meluangkan waktu untuk menunjukkan kepada saya seperti apa penerapan IndieWeb di WordPress. Saya tidak dapat mengklaim bahwa saya sepenuhnya memahami semua nuansa, tetapi setidaknya saya merasa memiliki pemahaman yang baik tentang bagian-bagian โ filosofi, protokol, dan teknologi โ yang diperlukan untuk mewujudkannya.
Saya ingin membalikkannya kepada Anda! Apakah ini membantu memperjelas hal-hal untuk Anda? Apakah ada sesuatu yang Anda berjuang untuk mengerti? Pikirkan Anda dapat mengonfigurasi situs WordPress dengan fitur IndieWeb sekarang? Mari kita bawa ke komentar!
De-Mystifying IndieWeb di Situs WordPress awalnya diterbitkan pada Trik CSS. Kamu harus dapatkan buletin.
- "
- a
- Tentang Kami
- Akun
- kegiatan
- Tambahan
- Semua
- memungkinkan
- sudah
- alternatif
- antara
- Lain
- api
- Lebah
- aplikasi
- arsip
- DAERAH
- sekitar
- tersedia
- karena
- dibalik layar
- TERBAIK
- antara
- Bit
- Memblokir
- Bangunan
- bisnis
- panggilan
- Kategori
- Pilih
- klaim
- kelas
- kelas-kelas
- berkomunikasi
- masyarakat
- komponen
- kebingungan
- terhubung
- Konten
- terus
- kenyamanan
- membuat
- membuat
- terbaru
- data
- hari
- keputusan
- Tergantung
- dirancang
- terperinci
- MELAKUKAN
- perbedaan
- berbeda
- langsung
- Display
- turun
- Menjatuhkan
- editor
- elemen
- tertanam
- Titik akhir
- dasarnya
- mapan
- menetapkan
- dll
- segala sesuatu
- contoh
- harapan
- diharapkan
- pengalaman
- Fitur
- Pertama
- pertama kali
- cocok
- Memperbaiki
- aliran
- terfokus
- format
- Prinsip Dasar
- Kerangka
- dari
- penuh
- mendapatkan
- Pemberian
- baik
- menangani
- Penanganan
- terjadi
- kepala
- membantu
- bermanfaat
- di sini
- host
- Seterpercayaapakah Olymp Trade? Kesimpulan
- How To
- HTTPS
- ide
- identitas
- gambar
- gambar
- melaksanakan
- implementasi
- Di lain
- memasukkan
- informasi
- install
- mengintegrasikan
- interaksi
- IT
- Diri
- Kepemimpinan
- Mungkin
- Terbatas
- sedikit
- tempat
- cinta
- terbuat
- utama
- membuat
- MEMBUAT
- Membuat
- peta
- makna
- Anggota
- sebutan
- keberatan
- lebih
- paling
- Mozilla
- nama
- membutuhkan
- kebutuhan
- pemberitahuan
- ditawarkan
- Penawaran
- Buka
- operator
- Opsi
- Lainnya
- sendiri
- bagian
- Konsultan Ahli
- mungkin
- orang
- filsafat
- bagian
- potongan-potongan
- Bermain
- Plugin
- plugin
- Populer
- mungkin
- Posts
- Masalah
- proses
- Profil
- properties
- protokol
- protokol
- memberikan
- disediakan
- menyediakan
- menerbitkan
- Penerbitan
- Cepat
- RE
- Bacaan
- menerima
- merekomendasikan
- melepaskan
- diganti
- wajib
- Persyaratan
- tanggapan
- tanggung jawab
- ISTIRAHAT
- berjalan
- Tersebut
- sama
- adegan
- melihat
- rasa
- Seri
- layanan
- Layanan
- set
- pengaturan
- beberapa
- berbagi
- bergeser
- Pendek
- Sederhana
- sejak
- situs web
- Situs
- So
- Seseorang
- sesuatu
- standar
- Masih
- Penyelarasan
- tersusun
- mendukung
- pengambilan
- tech
- Teknologi
- Grafik
- Sumber
- tema
- hal
- hal
- Melalui
- waktu
- bersama
- puncak
- memahami
- pemahaman
- mendatang
- menggunakan
- berbagai
- memeriksa
- versi
- View
- cara
- Situs Web
- Apa
- SIAPA
- tanpa
- hebat
- WordPress
- Plugin WordPress
- Tema WordPress
- kata
- Kerja
- bekerja
- kerja
- cacing
- bernilai
- penulisan
- Anda