まあ、シーシュ。 ミリアムを共有するときに、ワームの小さな缶を開けました 「私はもうIndieWebにいますか?」 また、 自分の悩みを嘆く短い投稿 IndieWeb電車に乗る。 しかし、それはワームの良い缶です。
その短い投稿を公開した翌日のようなものだったと思います デビッドシャンスケ 連絡を取り、IndieWebとそれを構成するコンポーネントに頭を悩ませる手助けをすることを申し出ました。 そして、それがばかげて役に立たなかったなら、まあまあ! そんなにやりたい 私たちが話した後にDavidが書いた新しい投稿にあなたをリンクしてください、次に、(1)書き留めておくと便利であり、(2)後で参照できるため、ここでできる限り要約します。
はい、IndieWebは混乱しています。
Davidは実際、誰かがWordPressサイトをすべてIndieWebの力でセットアップするのを手伝っていました。 その人も、さまざまな部分がどのように組み合わされているかを理解するのに苦労していました。 ですから、ミリアムと私が書いていたとき、デビッドはすでにこの頭脳を持っていました。
「IndieWeb」は多くの人々にとって新しい用語であり、そこで多くの混乱が生じます。 フレームワークですか? 哲学? 一連の標準? それがどれであるかに応じて、期待はそれがその一部であるように見えるところまでシフトします。
それは上記のすべてのようなものです。 そして、それは少し固める必要があります。 これらの異なるレンズを通して見た後、IndieWeb自体について本質的に混乱することは何もありません。 Davidの投稿を読んだ後、私の理解は、IndieWebはより多くのプロトコルのセットであるということです。 マークアップで構造化データやOpenGraphを操作するようなものです。 それ自体をインストールするものはありませんが、それらを作業に統合する方法には標準があります。
あなたのアイデンティティはIndieWebを強化します。 言い換えれば、あなたのサイトはあなたのアイデンティティを確立し、次のような多くのことを行うために使用することができます:
- 他のIndieWebがサポートされているサイトが言及されたら通知する
- あなたが言及されたときに他のIndieWebサイトから通知を受け取る
- メンションから情報を取得し、表示用にフォーマットします
- あなた自身のウェブサイトを通してあなたの身元を認証します(Googleのサインインボタンですが、あなたのサイトに接続されています)
- …とりわけ。
そのソータがピングバックのように聞こえるなら、まあ、それはソータです。 しかし、はるかに堅牢で維持されています。
静的サイトとは異なり、WordPressにIndieWeb機能を実装するのは異なります(そしておそらく簡単です)。
大きな違いは、WordPressがIndieWeb-yのことを行うために必要な多くの要件を提供することです。 私はデビッドがそれを説明する方法が好きです:
WordPressでのIndieWebの実装は、使用することを選択できる、または選択できない一連のビルディングブロックであり、これがすばらしいことですが、混乱を招くこともあります。 WordPressには、オプションではなく、決定の哲学があります。 しかし、IndieWebは、オプションがすべてです…あなたにぴったりの機能を構築することについてです。
これらのビルディングブロックは、WordPressにIndieWebプロトコルとテクノロジーを追加するためにインストールするプラグインです。 それらがすぐに利用できるのは素晴らしいことです。なぜなら、それは物事から多くの作業を取り除くからです。 ただし、静的サイトを運営していると、そのほとんどを自分で確立することができます。
Davidの投稿は、WordPressの実装に100%焦点を当てています。 あなたのマイレージは変わるかもしれませんが、彼の投稿を読んだ後、あなたは確かにどのプロトコルが利用可能であり、それらがどのように組み合わされるかについてのより良い考えを持って立ち去ります-そしてうまくいけばこれも。
IndieWebWordPressプラグインはあなたのアイデンティティを確立します。
舞台裏でたくさんのことをしていると思いましたが、それよりもはるかに簡単です。
プラグイン自体が、IndieWebが認識するようにIDの確立を処理します。 hカードテンプレートとウィジェットを提供します。 H-Cardは、人や場所に関する情報をマークアップするためのマークアップです。 だから、これはとにかく多くの人が自分のサイトに置くことを選ぶ要素です。
つまり、実際には、WordPressテーマを正しくマークアップすることで、同じようなものを得ることができます。 ここでの便利な点は、をサポートするためにマークアップされた便利な小さなテンプレートを入手できることです。 h-card
オープンフォーマット テーマのウィジェット領域にドロップするウィジェット。
これが非常に詳細な例です h-card
からプルされたマークアップ 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>
それらのクラス名を見ますか? のようなクラス .h-card
, u-photo
, p-name
などはすべて、JSONとして解析された個人のIDにコンテキスト上の意味を提供します。
{ "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" ] } }]
}
プラグインは送信、受信、または解析を行っていません。 代わりに、マークアップで本人確認を行う方法をWordPressサイトに提供します。
すべてのWordPressテーマがMicroformatsをサポートしているわけではありません
私のように「Microformats」を初めて見たときに頭をかいた場合、Davidはそれをうまく定義しています。
[…]マイクロフォーマット…要素を識別できるようにHTMLをマークアップする方法。 これは、これを行うためのいくつかの方法のXNUMXつですが、非常にシンプルで読みやすい方法であるため、IndieWebコミュニティで人気があります。
Davidが続けているように、問題は、多くのテーマがMicroformatsに適した方法でマークアップされていないことです。 Microformats2プラグイン を修正するように設計されています。そうは言っても、David 氏は、このプラグインではこれを実現する方法が非常に限られているとすぐに指摘し、代わりにテーマを手動でマークアップすることを推奨しています。
Davidによると、Webmentionプラグインの次のメジャーリリースには、使用できるコンテンツと画像を検出し、Microformats2サポート用にフォーマットするためのよりスマートな方法が含まれる可能性があります。
Webmentionsは通知を送受信します。
さて、あなたがあなたのサイトを通してあなたのアイデンティティを確立してあなたが発見可能であり、あなたのサイトがマークアップされているなら h-card
Microformats2の使用をサポートします。 すごい! 通知を送受信するオペレーターとして機能する途中の何かがまだ必要です。 言い換えると、別のサイトがあなたに言及している場合(Webmentionと呼ばれます)、あなたに言及しているサイトには、その言及の送信をサポートする方法が必要であり、あなたのサイトにはそれを受け入れる方法が必要です(またはその逆)。
それが Webmentionプラグイン です。 それはおそらく私のIndieWebの混乱のほとんどの原因でもあります。 データのフォーマットであり、送受信するには追加のサービスが必要だと思いました。 いいえ! メンションを作成するのではなく、実際にデータを送受信しています。 デビッドに戻る:
プラグインが構築されたとき、プラグインはWebmentionの送受信のビジネスのみを処理し、表示は一切処理しませんでした。 別のプラグインであるSemanticLinkbacksは、Webmentionだけでなく、古いpingbackおよびtrackbackプロトコルでもそれを処理しました。
したがって、Webmentionプラグインは通知を通信しています。 一方、Semantic Linkbacksと呼ばれる別のプラグインは、データを処理するプラグインです。 そして、セマンティックリンクバックとは一体何ですか?
セマンティックリンクバックは、データをフェッチして処理します。
セマンティックリンクバック プロセスの別の部分を処理する別のプラグインです。 デビッドがすでに説明しているよりもうまく説明できる方法はありません。
Semantic Linkbacksは、別のサイトがあなたのサイトの何かにリンクしているという通知であるWebmentionを受け取り、他のサイトをフェッチして、情報の表示をレンダリングしようとします。 それがどのように行われるかは、単なるプロフィール写真(見つけられた場合)から、完全なコメントとして解釈することまでさまざまです。
これは、Microformatsを使用して行います。
メインのIndieWebプラグインは他のマークアップを処理するため、すでにこれを実行していると思いました。 しかし、それはあなたのサイトであなたのアイデンティティを取得するためのテンプレートとウィジェットを提供するだけです。 Semantic Linkbacksプラグインは、着信Webmentionをフェッチすると、データを取得してフォーマットし、表示を試みます。
プラグインは、Webmentionプラグインの次のバージョンとある程度マージ(または置き換え)されるようです。
多くの人がテーマを変更する傾向がないか、テーマを変更することに抵抗があるため、新しいバージョンのWebmentionsには、OpenGraph(FacebookとTwitterが提供されたURLを表示するために使用する)から表示する画像または要約を見つけるためのいくつかの異なる代替方法が含まれます)ページのWordPress REST APIバージョンを検出し、それを使用して作成者名とプロファイル画像を取得します。 それらのどれもMicroformatsほど多くのコンテキストを提供しませんが、それでもエクスペリエンスはインストールする価値があります。
これは、WordPress REST APIを利用してJSON応答を取得し、表示用にフォーマットするので、確かに便利です。
Brid.gyは、インタラクションの表示を支援するサービスです。
Webmentionはインタラクションになる可能性があります。たとえば、誰かがTwitterでのあなたの投稿を高く評価したり、リツイートしたりします。
好きなものを再投稿から、コメントから、何が起こる必要があるかを区別し、それらの区別を引き出すためにTwitter(または何でも)APIを実装する必要があります。
それはあなたが確かにできることです! ただし、プラグアンドプレイを希望する場合は、IndieWebコミュニティメンバーのXNUMX人が ブリッジジー。 アカウントを作成し、サイトを接続して、アプリにサービスへのアクセス許可を付与します。これで完了です。
Brid.gyが行ったことは、基本的にTwitter、Facebook、InstagramなどのAPIを実装することです。これにより、シンジケートされた投稿と相互作用するサービスの投稿が検出されると、Webmentionがサイトに送信され、自分のサイトで公開するプロセス。
まだまだあります!
クイックヒット:
- IndieAuth: これは、OAuth2に基づくプロトコルです。 プラグイン WordPress REST APIでエンドポイントを確立します。これを使用して、独自のセルフホストサイト(基本的には独自のGoogleサインインボタン)を介してIDを認証できますが、そのエンドポイントを自分で確立したり、別のホストAPIに依存したりする必要はありません。
- マイクロパブ: WordPressを使用しているが、別のエディターを好む人は、 Micropubプラグイン。 この エンドポイントを追加します これにより、コンテンツをサイトに公開し、Micropubがサポートするエディターを使用してMicroformats2フィードにアイテムを作成できるため、WordPressブロックエディターの外部でコンテンツを作成するためのオプションが増えます。
- シンプルなロケーション: デビッドはこのプラグインを書きました 彼が私のためにそれをデモしたとき、私は非常に感銘を受けました。 アイデアは、投稿を書いたときの天気の表示から、投稿の場所に基づいて埋め込まれた地図上に投稿のアーカイブ全体を作成することまで、すべてに使用できる現在の場所からデータを取得することです。 私は正直に言って、このようなものがWordPressに直接焼き付けられているのを見たいと思っています。
更新されたフロー
前回の投稿でさまざまな部分の概要を説明するイラストを作成しようとしましたが、何が起こっているのかを最新の状態で理解して、もう一度試してみましょう。
これはすべて理にかなっていますか?
WordPressにIndieWebを実装するのがどのように見えるかを私に教えてくれて、時間を割いてくれたDavidにハイファイブ。 すべてのニュアンスを完全に理解しているとは言えませんが、少なくとも、それを実現するために必要な要素(哲学、プロトコル、テクノロジー)を適切に把握しているように感じます。
振り返りたいです! これはあなたのために物事を明確にするのに役立ちますか? 理解するのに苦労していることはありますか? 今すぐIndieWeb機能を使用してWordPressサイトを構成できると思いますか? コメントに持っていきましょう!
WordPressサイトでIndieWebの謎を解き明かす 最初に公開された CSSトリック。 あなたがすべき ニュースレターを入手する.
- "
- a
- 私たちについて
- 活動
- NEW
- すべて
- ことができます
- 既に
- 代替案
- 間で
- 別の
- API
- API
- アプリ
- Archive
- AREA
- 周りに
- 利用できます
- なぜなら
- 舞台裏で
- BEST
- の間に
- ビット
- ブロック
- 建物
- ビジネス
- コール
- カテゴリー
- 選択する
- クレーム
- class
- クラス
- 通信中
- コミュニティ
- コンポーネント
- 混乱
- 交流
- コンテンツ
- 続ける
- 利便性
- 作ります
- 作成
- 電流プローブ
- データ
- 中
- 決定
- によっては
- 設計
- 詳細な
- DID
- 違い
- 異なります
- 直接に
- ディスプレイ
- ダウン
- Drop
- エディタ
- 要素は
- 埋め込まれた
- エンドポイント
- 本質的に
- 設立
- 確立する
- 等
- すべてのもの
- 例
- 期待
- 予想される
- 体験
- 特徴
- 名
- 初回
- フィット
- 修正する
- フロー
- 焦点を当て
- 形式でアーカイブしたプロジェクトを保存します.
- Foundation
- フレームワーク
- から
- フル
- 受け
- 与え
- 良い
- でログイン
- ハンドル
- ハンドリング
- 起こる
- 助けます
- 役立つ
- こちら
- 主催
- 認定条件
- How To
- HTTPS
- アイデア
- アイデンティティ
- 画像
- 画像
- 実装する
- 実装
- その他の
- include
- 情報
- インスタグラム
- install
- 統合する
- 相互作用
- IT
- 自体
- リーダーシップ
- 可能性が高い
- 限定的
- 少し
- 場所
- 愛
- 製
- 主要な
- make
- 作る
- 作成
- 地図
- 意味
- メンバー
- 言及
- マインド
- 他には?
- 最も
- モジラ
- 名
- 必要
- ニーズ
- 通知
- 提供
- オファー
- 開いた
- オペレータ
- オプション
- その他
- 自分の
- 部
- のワークプ
- おそらく
- 人
- 哲学
- ピース
- ピース
- プレイ
- プラグイン
- プラグイン
- 人気
- 可能
- 投稿
- 問題
- プロセス
- プロフィール
- プロパティ
- プロトコル
- 提供します
- 提供
- は、大阪で
- パブリッシュ
- 出版
- クイック
- RE
- リーディング
- 受け取ります
- お勧めする
- リリース
- 置き換え
- の提出が必要です
- 要件
- 応答
- 責任
- REST
- ランニング
- 前記
- 同じ
- シーン
- 見て
- センス
- シリーズ
- サービス
- サービス
- セッションに
- 設定
- いくつかの
- シェアリング
- シフト
- ショート
- 簡単な拡張で
- から
- ウェブサイト
- サイト
- So
- 誰か
- 何か
- 規格
- まだ
- 戦略
- 構造化された
- サポート
- 取得
- テク
- テクノロジー
- ソース
- テーマ
- もの
- 物事
- 介して
- 時間
- 一緒に
- top
- さえずり
- わかる
- 理解する
- 今後の
- つかいます
- さまざまな
- 確認する
- バージョン
- 詳しく見る
- 方法
- ウェブサイト
- この試験は
- 誰
- 無し
- 素晴らしい
- WordPress
- WordPressのプラグイン
- ワードプレスのテーマ
- 言葉
- 仕事
- いい結果になる
- ワーキング
- 寄生虫
- 価値
- 書き込み
- あなたの