Knowledge

BlueskyTimeline for WordPress

  • 投稿日:
    2024/02/29
  • 更新日:
    2025/06/16
  • 読了時間:
    7分程度
BlueskyTimeline for WordPressのサムネイル
WordPress環境でなくても利用できるBlueskyTimelineをリリースしました
※以降はこちらを中心にアップデートしていきます

概要

Blueskyの(非公式)埋め込みタイムラインウィジェットのWordpress用プラグインです。
BlueskyのAT Protocol API経由でタイムラインを取得し、サイトの好きな場所に<iframe>タグ形式の埋め込みコードを設置するだけのシンプルな機能になります。

ダウンロード

インストール方法

ダウンロードボタンよりzipファイルをダウンロードし、Wordpress管理画面の[新規プラグインを追加]よりダウンロードしたzipファイルを選択しインストールするか、pluginsディレクトリにFTPください。

プラグイン追加画面

利用方法

プラグインを有効化すると [設定] > [Blueskyタイムライン] メニューが追加されます。

ハンドルIDを入力し、必要に応じてオプションからテーマカラーを選択し、保存を押します。

※ハンドルIDは通常は「****.bsky.social」ですが、ドメイン認証されている方は認証されたハンドルを入力ください。

2024.11.10 追記

公開API(public.api.bsky.app)へのリクエストに切り替えたためVer.0.3.5以降はパスワードは不要となりました。

2024.03.04 追記

パスワードはBlueskyアカウントのものを利用いただいてもよいですが、外部のプラグインにアカウントのパスワードを記憶させるのはセキュリティー上の理由でお勧めしません。Blueskyアプリ内の設定画面より外部アプリ用のパスワードを作ることが可能ですので、少々面倒ですがアプリパスワードを入力いただくことをお勧めします。

1.設定画面よりアプリパスワードを選択
1.設定画面よりアプリパスワードを選択
2.あとから見てわかりやすいアプリの名称を入力
2.あとから見てわかりやすいアプリの名称を入力
3.パスワードが生成されるのでコピー
(この画面を閉じると再確認できません)

正しくハンドルが保存された場合、右カラムに埋め込みコードとサンプルが表示されますので、埋め込みコードをサイトの好きな場所に配置ください。

オプション

テーマカラー:

アプリに準拠した3色より選択いただけます。

ライト(デフォルト)
ライト(デフォルト)
グレー
グレー
ダーク
ダーク

GTMコンテナID:

Googleアナリティクスで各ポストのクリックイベント数を計測したい場合、あるいは表示の一部をカスタムHTMLで調整したい場合などに、Googleタグマネージャー(GTM)のコンテナIDを入力いただくことでiframe内にGTMの埋め込みが可能です。

ブロックエディタで記事内に配置する場合

ブロックエディタでiframeタグを記事内に配置する場合は、ブロックエディタのカスタムHTMLブロック経由で挿入が可能です。

カスタムHTMLブロックエディタ

更新履歴

0.3.5

  • BlueskyTimeline側での複数の調整内容の一部をマージ
    ※今回のマージによってパスワードは不要となりました。
  • 固定表示に対応しました

0.3.0

  • 動画投稿に対応しました
  • 投稿内に含まれるリンクやタグ、ハンドル名がリンクできるようにしました
  • その他不具合調整

0.2.5

  • シェアされた記事のサムネイルが存在しない場合の調整
  • 引用リポスト時に自身も新たに記事をシェアしていた際の表示不具合調整

0.2.4

  • APIのURL変更に伴う調整

0.2.3

  • WordPress 6.6系の動作確認
  • タイムラインのスクロールバースタイル調整

0.2.2

  • aspectratioが取得できないケースへの不具合対応

0.2.0

  • 国際化対応(英語,日本語)
    ※Wordpressの言語設定に沿います

0.1.4

  • WordPress 6.5での動作確認
  • HTMLにバージョンを出力するように調整

0.1.3

  • Googleタグマネージャー タグ挿入機能追加
  • バグフィックス

0.1.2

  • 表示崩れ対応
  • ベースフォントサイズを調整
  • キャッシュ時間を5分から10分に延長しキャッシュロジックを調整
  • iframeタグにtitle属性を追加

0.1.1

  • スタイルの微調整

0.1.0

  • プラグインリリース

ライセンス

  • GPLv2 に準じますので、商用・非商用問わずご利用いただけます。
  • ただし、本プラグイン自体をそのまま第三者に販売することはご遠慮ください。

その他免責事項・ご注意

  • 本プラグイン利用によって生じるいかなる損害にも一切の責任を負いません。
  • あくまで非公式の野良プラグインですので、公式で同様のウィジェットがリリースされた際はそちらをご利用ください。
  • APIへのアクセスの処理にcurlを利用しておりますので、ご利用中のサーバがcurlを利用できない場合は正常に動作しません。
  • APIへのリクエストからタイムライン出力までの負荷が高いため、Wordpressのキャッシュ機構で内容のアップデートは10分間隔となります。※ただし、プラグインの設定画面から保存を押下すると即時更新されます。
  • YoutubeやSpotifyなどのインライン再生には対応していません。
  • ハッシュタグや投稿内のURLなども読みやすさを優先させ平文での出力となります。
    Ver.0.3.0よりリンクさせるように調整しました。
  • PDS(連合)は動作検証ができておらず動作保証対象外となります。
  • 本プラグインはクリティカルな不具合や公式のアップデートに合わせて今後もアップデートすることはあるかもしれませんが、機能追加や改修のリクエストなどは対応しはじめるときりがなくなってしまうため、基本的には受け付けておりませんのでご容赦ください。