プログラミング

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

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

サーバー側PHPソース

jQuery

HTMLソース

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

最近の記事

  1. wordpres5をubuntu nginxにインストール
  2. ubuntu 20.04 nginx php mysql Webサーバー環境整備
  3. Ubuntu nginx SSL
  4. EC-CUBE 4.0 インストール
  1. プログラミング

    画像をポップアップするライトボックス jQuery プラグイン 「lightb…
  2. サーバー環境

    Centos7 に PostgreSQLをインストール PDO接続を試してみる。…
  3. wordpres5をubuntu nginxにインストール

    サーバー環境

    ubuntu20.04 nginx に wordpress5.6 を インストー…
  4. サーバー環境

    macOS Mojaveにデフォルトの Apache、PHPを利用してみる
  5. Web・デザイン

    wordpress上でPre要素で ソースコードを行番号付きでエディターのように…
PAGE TOP