XO Event Calendar 2021年の祝日

はい、毎年恒例の祝日の記事です。

2021年も東京五輪・パラリンピックの延期により特例があります。海の日は7月第3月曜日の7月19日から五輪開催前日の7月22日に、スポーツの日 (以前の体育の日) は10月第2月曜日の10月11日から開会式当日の7月23日に、山の日は8月11日から閉会式の8月8日 (翌日は振替休日) となります。

2021年 (令和3年) の祝日

2021年1月1日 元日
2021年1月11日 成人の日
2021年2月11日 建国記念の日
2021年2月23日 天皇誕生日
2021年3月20日 春分の日
2021年4月29日 昭和の日
2021年5月3日 憲法記念日
2021年5月4日 みどりの日
2021年5月5日 こどもの日
2021年7月22日 海の日 ※ 7月19日から移動
2021年7月23日 スポーツの日 ※ 10月11日から移動 (五輪開会式)
2021年8月8日 山の日 ※8月11日から移動 (五輪閉会式)
2021年8月9日 振替休日
2021年9月20日 敬老の日
2021年9月23日 秋分の日
2021年11月3日 文化の日
2021年11月23日 勤労感謝の日

参考ページ: 内閣府「国民の祝日について」

XO Event Calendar 用

XO Event Calendar プラグインの休日設定に設定する場合は下記をコピーして使用できます。

2021/1/1
2021/1/11
2021/2/11
2021/2/23
2021/3/20
2021/4/29
2021/5/3
2021/5/4
2021/5/5
2021/7/22
2021/7/23
2021/8/8
2021/8/9
2021/9/20
2021/9/23
2021/11/3
2021/11/23

コメント

  • こんにちは。
    いろいろなイベントカレンダーを試して、こちらにたどり着きました。
    シンプルで簡単にカレンダーを設置できました。
    ですが、どうしてもできないことがあるので教えていただきたいです。

    カレンダーを2か所に設置しております。
    1つはトップページで、3つあるカテゴリーを色つきのイベント名ではなくてアイコンのみで表示したい。イベント名は不要。

    もう一つはイベントページのトップページに。
    こちらはアイコン+イベント名を表示したい。

    どちらもリンク先は現状通り、各イベントの詳細ページのままで。

    パーマリンクはhttps://xakuro.com/blog/wordpress/1311/のように「event」に変更しています。

    これができたら理想的なカレンダーなのですが、うまくできないのでどうぞよろしくお願いいたします。

  • 早速の対応ありがとうございます。
    試してみたのですが。。。functions.phpに記載のコードを入れるだけではだめですよね?エラーになり、表示されませんでした。
    フィルターフックが理解しきれていないので、再現できません。
    お手数ですが、もう少し具体的に教えていただけると助かります。
    よろしくお願いいたします。

    • テーマの functions.php に追加するだけです。’xo-event-calendar-1′ はカレンダーに合わせて変更することになりますが、そのままでもエラーにはならないはずです。
      エラーメッセージをお知らせください。

      • 返信いただきありがとうございます。

        用例に記載のコードをfunctions.phpに追加。
        カレンダー表示部分のコード

        エラーコードは
        Fatal error: Uncaught ArgumentCountError: Too few arguments to function {closure}(), 3 passed in C:\Users\ユーザー名\Local Sites\サイト名\app\public\wp-includes\class-wp-hook.php on line 292 and exactly 4 expected in C:\Users\ユーザー名\Local Sites\ファイル名\app\public\wp-content\themes\オリジナルテーマ\functions.php on line 116

        ArgumentCountError: Too few arguments to function {closure}(), 3 passed in C:\Users\ユーザー名\Local Sites\サイト名\app\public\wp-includes\class-wp-hook.php on line 292 and exactly 4 expected in C:\Users\ユーザー名\Local Sites\サイト名\app\public\wp-content\themes\オリジナルテーマ\functions.php on line 116

        add_filter( ‘xo_event_calendar_event_title’, ‘my_xo_event_calendar_event_title’, 10, 4 );
        の使い方がわかりません。
        functions.phpに追加しても結果は同じでした。

        お手数おかけしますが、よろしくお願いいたします。

        • すみません、サンプルコードは最新のバージョン用でした。
          プラグインをバージョン2.3.0へ更新して試してみてください。

          • ありがとうございます。
            バージョン2.3.0へ更新したら無事にアイキャッチに入れた画像が表示されました。
            ですが、アイコン(png画像)が透過されずにグレーっぽい背景が入ります。
            背景が休みのピンクとかがあるので、透過させたいです。

            それから、例えば「’xo-event-calendar-2′ 」として
            archive-event.phpの方には
            画像(アイコン)+タイトル(イベント名)を表示させたいのですが、やはり知識不足のためできません。。。
            また、その場合のdo_shortcode 関数は

            のどこを変えればよいでしょうか?

            何度も申し訳ございませんがよろしくお願いいたします。

          • > アイコン(png画像)が透過されずにグレーっぽい背景が入ります。

            こちらは、サンプルコードを下記のように変更してみてください。
            $html .= '<span class="month-event-title" style="text-align: center; color: #333; background-color: ' . $event['bg_color'] . '">' . $title . '</span>';

            $html .= '<span class="month-event-title" style="text-align: center; color: #333; background-color: transparent">' . $title . '</span>';

            > 例えば「’xo-event-calendar-2′ 」

            こちらは、下記のようにショートコードに id=”xo-event-calendar-2″ を追加してください。
            [xo_event_calendar id="xo-event-calendar-2"]

  • 石鷹様
    すぐに返事をしていただきありがとうございます。
    どちらも再現できました!
    これで理想的なイベントカレンダーができそうです。
    本当にありがとうございました。

  • 何度もすみません。
    カレンダーに表示されるタイトルを全部表示させたく色々試しましたが、できません。
    全部表示させることができても、枠からはみ出てしまいます。
    ご教授いただけると助かります。
    よろしくお願いいたします。

    • 下記 CSS でタイトルの文字を全て表示(表示幅を超える場合は折り返し)するようになります。カスタマイズの [追加 CSS] に追加してみてください。
      .xo-event-calendar table.xo-month .month-event-title {
      white-space: break-spaces;
      }

      • 早速ありがとうございます。
        バッチリできました!
        いつもありがとうございます。

コメントを残す

メールアドレスが公開されることはありません。

日本語でコメントを入力してください。(スパム対策)