プログラミング

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

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

サーバー側PHPソース

jQuery

HTMLソース

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

最近の記事

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

    python Django Webアプリケーションの構築 基本編
  2. プログラミング

    郵便番号データベース MySQL ビュー View
  3. プログラミング

    centos7 python3のインストール、RSSを取得、CGIでパースしてW…
  4. プログラミング

    ワードプレス AmCharts Javascript ライブラリー を表示させる…
  5. サーバー環境

    無料SSL証明書 Let’s Encrypt でワイルドカードな証明…
PAGE TOP