プログラミング

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

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

サーバー側PHPソース

jQuery

HTMLソース

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

最近の記事

  1. EC-CUBE 4.0 インストール
  1. プログラミング

    sqlite3 & php class Library 応用編
  2. サーバー環境

    Macにmysql 8.0.x をインストールする。
  3. プログラミング

    画像をポップアップするライトボックス jQuery プラグイン 「lightb…
  4. プログラミング

    WordPress jQuery + CSS + ショートコードで モーダル…
  5. Web・デザイン

    Illustrator ショートカットデータベース、カテゴリー別絞り込み 、マウ…
PAGE TOP