ホームページには二種類のカレンダーを搭載しています。一つは、会社概要のページにある、営業日カレンダー。もう一つは、日々徒然のページにある、カレンダー。フリーランスの方のホームページ【アイ・エル・アール】様の2023.06.15の記事を参考に、chat・GPTとCopilotを駆使して、切り替えcalendar.phpを作成しました。
修正箇所
- 投稿がある日はカテゴリーを表示する。色もカテゴリーで指定したものを表示する。カテゴリー側では、文字数をそろえる
- 月送りがうまく動かなかったので、月送りの部分を修正(年をまたいでも動くようにする)
- 固定ページを編集ができなくなったので
- header("Content-Type: text/html; charset=utf-8"); を削除。
- is_admin() を条件にして管理画面ではカレンダーを出力しないように制御。
- enqueue_calendar_assets() に !is_admin() を追加。
- display_custom_calendar() に if (is_admin()) return ''; を追加。
- 今月でない日付をグレーにする
- 土日と祝日の色を変える
- 今月以外の、今日と土日祝日はグレーのままとする
- グーグルカレンダーの祝日をAPIで取得すると、七夕や父の日などのイベントも祝日扱いになったので、horiday.jsonを作成してこちらから祝日を取得するようにする
- calendar.phpで、営業日(business)と投稿日カレンダーを切り替え → 2025/9/22 calendar.phpとcalendar-business.php の併用に変更
呼び出しのcal-read.jsで切り替えるよう変更(cssは一緒)
加えて、曜日が表示される一行目の背景色の変更、カレンダーの枠の大きさの固定など、cssを駆使しています。