WordPress のプラグイン 『XO Event Calendar』 を公開

イベント カレンダー プラグイン 『XO Event Calendar』 を、WordPress 公式ディレクトリにて公開しました。

このプラグインは、シンプルで簡単なイベント カレンダー プラグインです。

営業日カレンダーとしても使えます。

ダウンロードは、WordPress の公式ディレクトリのこちらからどうぞ。

要望等ありましたらお気軽にコメントでもしてください。

 

XO Event Calendar プラグインは、シンプルで簡単なイベント カレンダーです。

コメント

  • 失礼いたします。
    こちらのカレンダープラグインを使用したいと思ってインストールをしたのですが、書き込みをした記事の表示ができない状態です。
    何か解決策があればご教授いただけたらと思っております。
    こちらがその様子を動画で録画したものです。
    https://youtu.be/m-cq8CNtIcM

    よろしくお願いいたします。

    • こんにちは、コメントありがとうございます。
      パーマリンク設定が反映されていないようです。
      一度、管理画面より [設定]-[パーマリンク設定]を開き、保存ボタンを押してみてください。
      これで、パーマリンクが更新されるので表示されるようになると思います。

  • 石鷹様
    ご教授ありがとうございます。
    パーマネントリンクを設定を開き保存ボタンを押したら反映されました。
    ありがとうございます。
    これから愛用させて頂きます。
    今後もよろしくお願いいたします。

  • 同じ日にイベントが複数ある場合、イベントとイベントの行間隔を指定することは出来ますか?

    • 下記 CSS でイベントの行間を指定することができます。

      .xo-event-calendar table.xo-month .month-week table:not(:last-child) {
      	margin-bottom: 10px;
      }
      • 早速のご返答、有難うございます。
        希望通りの動作を確認できました。

        もう一つ質問なのですが、カレンダーの土日や休日設定の日付の色を変更することは可能でしょうか?

      • イベントの行間についての追加質問です。

        イベントが1行で表示される場合はと2行以上で折り返して表示される場合では、イベントとイベントの行間隔が変わってしまいます。

        具体的には2行以上で表示される場合の方が、行間隔が狭くなってしまいます。

        イベントが複数行で表示される場合でも、行間隔を同じにすることは出来ますか?

        • 前回の返信の CSS だけでは行間は同じになると思います。
          タイトルは通常1行表示ですが、改行して表示するようにカスタマイズしていると思うのですが、その辺が影響しているのではないかと思われます。
          カスタマイズ内容をご確認ください。

          • ご返答、有難うございます。

            確かに、
            .xo-event-calendar table.xo-month .month-event-title {
            white-space: normal;
            }
            にてタイトルを改行させています。

            タイトルを改行させた場合は、行間を同じにすることは出来ないのでしょうか?

            タイトルを1行表示にすると途中で切れてしまい内容がわかりにくいので、改行表示をしたいと考えています。

          • Twenty Twenty-One テーマでは行間は同じになることを確認しました。
            テーマの CSS が影響しているのかもしれません。ご使用のテーマ名または動作を確認できるページの URL を教えてもらえませんか?

  • わかりにくい質問ですみません。

    自分がやりたいのは背景色の設定では無くて、数字そのものの色の設定方法をお聞きしたかったのですが、数字の色を変えることは可能でしょうか?

    • すみません、文字の色でしたか (^^♪
      休日の文字の色は CSS で変更することになります。
      例:

      .xo-event-calendar table.xo-month .month-dayname .holiday-all {
      	color: #f00;
      }

      .holiday-all の all が休日の名前です。休日の名前が pm の場合は .holiday-pm となります。

コメントを残す

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

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