CONTACT

ひとこと

現在、スプレッドシート⇔Webぺージの双方向で更新できる「Spreadsheet Product Sync」発展版を作成中

[Portfolio] つぶやきプラグイン

[Portfolio] つぶやきプラグイン

WordPress上で短い投稿を手軽に掲載できる、軽量な「つぶやき」投稿プラグイン「Tsubuyaki Mini Posts」を開発しました。

通常のブログ記事とは別に、近況や制作メモ、簡易的なお知らせなどを短文で掲載できる仕組みです。

短文に加えて、必要に応じて画像1枚・リンク1件を設定でき、Like機能や投稿グループ分けにも対応しています。

主な機能・特徴

  • 専用のカスタム投稿タイプによるつぶやき管理
  • 短文＋任意の画像1枚＋任意のリンク1件を掲載
  • 投稿ごとのLike機能
  • ストリーム機能による投稿グループ分け
  • 1投稿につき0または1つのストリームを設定可能
  • ショートコードによる一覧表示
  • テーマ側から利用できるTemplate API
  • 管理画面からストリームによる絞り込み
  • 投稿数を指定した一覧表示
  • プラグイン削除時のデータ削除設定に対応

活用例

  • サイト内の近況・ひとこと投稿
  • 制作メモ・開発メモの掲載
  • 簡易的なお知らせ・更新情報
  • スタッフや担当者ごとのミニ投稿
  • テーマや話題ごとに分けた短文コンテンツ
  • 通常の記事とは分けて更新したい軽量な情報発信

ブログ記事を作成するほどではない短い情報でも、WordPressの管理画面から簡単に追加・管理できる用途を想定しています。

実装の仕組み

WordPressのカスタム投稿タイプを利用してつぶやきを管理し、必要に応じてカスタムタクソノミーでストリームを設定する構成です。

WordPress管理画面からつぶやきを投稿
↓
短文・画像・リンクを保存
↓
必要に応じてストリームを設定
↓
ショートコードまたはTemplate APIで取得
↓
Webサイトへ一覧表示

公開側では、ショートコード

現在、スプレッドシート⇔Webぺージの双方向で更新できる「Spreadsheet Product Sync」発展版を作成中

を利用して任意のページへつぶやき一覧を表示できます。

表示件数は指定可能で、ストリームを指定した一覧表示にも対応しています。

Like機能

各投稿にはLikeボタンを設置でき、Ajaxを利用して画面遷移なしでLike数を加算できます。

Likeボタンをクリック
↓
AjaxでWordPressへ送信
↓
Like数を更新
↓
画面上のLike数へ反映

ブラウザ側ではlocalStorageを利用してLike済みの状態を保持し、同じブラウザから繰り返し押されないようにしています。

ストリーム機能

複数のつぶやきを用途ごとに分けて表示できるよう、カスタムタクソノミーによるストリーム機能を追加しました。

つぶやきを投稿
↓
必要に応じてストリームを設定
↓
ストリームごとに絞り込み
↓
指定した一覧として表示

1つのカスタム投稿タイプを維持したまま投稿をグループ分けできるため、用途ごとに複数の投稿タイプを増やさず管理できる構成にしています。

工夫・改善した点

  • 通常の記事投稿とは分離し、短文投稿専用の軽量な構成にしました。
  • 画像やリンクは必須にせず、短文だけでも利用できるようにしました。
  • 1つのカスタム投稿タイプを維持しながら、ストリームによる複数グループ表示へ対応しました。
  • ショートコードとTemplate APIの両方を用意し、ページ内・テーマ内のどちらからでも利用できる構成にしました。
  • Like処理はAjaxで行い、ページを再読み込みせずに反映できるようにしました。
  • PC・スマートフォンの両方で、Like表示を含めたレイアウトを調整しました。

使用技術

WordPress / PHP / JavaScript / Ajax / localStorage

2026.09.12