プログラミング

Wordressの投稿を「FullCalendar」でカレンダー表示してみる

jQueryのライブラリーの「FullCalendar」でカレンダー上に情報を表示できます。WordPressにはプラグインで実装可能ですが、今回も直接インストールして見ました。
表示する内容は、本ブログの投稿を投稿日ごとにカレンダー表示します。
取得内容は タイトル、カテゴリー、パーマリンク、アイキャッチ画像、投稿日とします。
取得した内容はAjax を通じてカレンダー上に表示します。
カレンダー表示だけなら、ショートコードで表示すればいいのですが、今後データ登録や修正、編集として応用も考えるとして ajax通信での実現としました。

サーバー側PHPソース

jQuery

HTMLソース

参考サイト:
FullCalendar公式サイト
ワードプレス関数リファレンス
[FullCalendar]カレンダーに画像を表示する

最近の記事

  1. EC-CUBE 4.0 インストール
  1. Raspberry PI

    RaspberyPi 4B によるローカルネットワークドライブ、共有フォルダーを…
  2. プログラミング

    WordPress ショートコードで SQLiteを操作
  3. プログラミング

    ワードプレス上で可変的にグリッドレイアウトを行うjQueryプラグイン「vGri…
  4. プログラミング

    livedoor 天気情報RSS一週間の予報 データをパース
  5. サーバー環境

    Vagrant ローカル環境構築 centos7
PAGE TOP