XO Event Calendar 年間カレンダー

コメント

• こんにちは。まず第一に、XO Event Calendarプラグインで行われたすべての作業に感謝します。このプラグインは、ミニマリストであると同時に、使いやすく、充実した機能を備えています。これは、限られたサーバーリソースを持っているときには非常に興味深いものです。

  PS: deepl.comで翻訳

  私はそれが可能かどうかを知りたいのですが、このプラグインで年間形式（数ヶ月）でナビゲーションを追加することは可能ですか？はいの場合は、どのように？

  もう一度あなたに感謝します。

  返信

  • こんにちは、コメントありがとうございます。

    月送りのナビゲーションは、ショートコードのパラメータで、
    navigation=”true”
    を指定することでできます。

    年送りはできません。年ごとのページを作成してリンクを貼ることになります。

    以上、よろしくお願いします。

    返信

• なぜか、年間カレンダーの今日の強調表示のスタイルが反映されないのです。子ページのCSSでも反映されず、カスタマイズの追加CSSでも反映されず、固定ページのカスタムCSSでも反映されませんでした。
  他は、キレイに年間カレンダーの表示になっているんですが….。
  とりあえず、年間カレンダー表示のページのみ以下の設定で強調表示をしないようにしています。
  .xo-event-calendar table.xo-month .month-dayname td div.today {
  color: #333;
  font-weight: normal;
  }

  返信

  • はじめまして、こんにちは。コメントありがとうございます。
    CSS が間違えていました。
    #calendar-year .xo-event-calendar table.xo-month .month-dayname td div,
#calendar-year .xo-event-calendar table.xo-month .month-dayname td div.today {
color: #333;
font-weight: normal;
}
    ↓
    #calendar-year.xo-event-calendar table.xo-month .month-dayname td div,
#calendar-year.xo-event-calendar table.xo-month .month-dayname td div.today {
color: #333;
font-weight: normal;
}
    ※ 「#calendar-year」と「.xo-event-calendar」の間のスペースが不要でした。本文の CSS は修正しました。
    お手数おかけしてすみません。m(__)m

    返信

    • ありがとうございました。
      休みの種類や臨時営業日など複数あり、今まで、年間カレンダーを画像表示していたのでこの年間カレンダーを利用できたことにより表示が速くなったのと、スマホ対応もできたのでとても助かります。

      返信

• 初めましてこんにちは。
  XO Event Calendarが優れていてとても素敵なものをありがとうございます。
  こちらのページに書くか迷いましたが、質問させてください。
  前の月、次の月の日付を削除はCSSで可能なのは理解できました。
  ただ、イベントを表示するときに日付は消せますが前の月次の月のイベントは消すことができないです。
  こちらはどのようにすればご教授いただけないでしょうか。
  よろしくお願いいたします。

  返信

  • はじめまして、こんにちは。コメントありがとうございます。
    「xo_event_calendar_events フィルターフック – Xakuro」ページのサンプルコードがそのものずばりだと思います。
    コード内の “xo-event-calendar-1” は実際の ID に変更してください。カレンダーがウィジェットの場合はページのソースで ID を確認することができます。

    > こちらのページに書くか迷いましたが、質問させてください。
    些細な事でもお気軽にコメントくださいませ (^^♪

    返信

    • 早急にお返事していただきましてありがとうございます。
      とても感謝しております。
      また何かあったときにご相談させてください。

      返信

    • たびたび申し訳ございません。
      イベントカレンダーの管理画面一覧でカテゴリーを複数チェックしたときに、管理画面一覧では1つのカテゴリーしか表示されないです。
      こちらはチェックしたものを全て表示にならないでしょうか。
      ご教授いただけますと幸いです。
      よろしくお願いいたします。

      返信

      • 将来のバージョンで対応したいと思います。
        それまでは、下記コードで暫定的に対応してもらえればと思います。

        add_action( 'manage_xo_event_posts_custom_column', function( $column_name, $post_id ) {
        	if ( 'category' === $column_name ) {
        		$cats = get_the_terms( $post_id, 'xo_event_cat' );
        		if ( $cats && ! is_wp_error( $cats ) ) {
        			foreach ( $cats as $key => $cat ) {
        				if ( 0 === $key ) continue;
        				echo ', ' . esc_html( $cat->name );
        			}
        		}
        	}
        }, 11, 2 );

        返信

        • 何度もご丁寧にお返事していただけて大変感謝しております。
          本当に助かりました！
          これからも応援させていただきます。

• お世話になっております。
  以前教えていただきました方法でとても理想的なものになりました。
  本当にありがとうございます。

  質問がございます。
  カレンダーの中にA,B,Cとカテゴリーが登録されている場合、そのままA,B,Cの順に表示をされるようにしたいです。
  C,A,BやB,C,Aなどではなく、必ずA,B,Cに。

  登録順になっているようでfunctions.phpにカスタマイズを記載してみましたが、希望の順位に出来ません。
  順序を変えるプラグインを入れると、何故かデータが消えてしまうことがあるためプラグインを入れる方法以外で対応を教えていただけますと幸いです。

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

  返信

  • こんにちは
    カレンダーの中のカテゴリーとはどこでしょうか？イベントの背景色のことでしょうか？

    返信

    • ご返答いただきましてありがとうございます。
      また、私の説明が拙くて申し訳ございません。
      カレンダー内で該当の日程に付随したイベント（カテゴリー）背景色が表示されておりますが、日程内でカテゴリー順に表示することは出来ないでしょうか。
      こちらはカテゴリーは関係なく、登録順で日程内で表示されるのでしょうか。
      ご回答の程よろしくお願いいたします。

      返信

      • カレンダー内の同日のイベントの表示順はイベントの開始時間順です。
        カテゴリー順にするには pre_get_posts や posts_orderby フックなどを使用して変更することになると思います。

        返信

        • 取り急ぎ、サンプルコードを書いてみました。あくまでもサンプルコードなので参考程度にお考えください。

          add_filter( 'posts_fields', function( $fields, $query ) {
          	if ( 'xo_event' === $query->get( 'post_type' ) ) {
          		$fields .= ',wp_terms.name';
          	}
          	return $fields;
          }, 10, 2 );
          
          add_filter( 'posts_join', function( $join, $query ) {
          	if ( 'xo_event' === $query->get( 'post_type' ) ) {
          		$join .= ' INNER JOIN wp_term_relationships ON (wp_posts.ID = wp_term_relationships.object_id) INNER JOIN wp_term_taxonomy AS tt1 ON ( tt1.term_taxonomy_id = wp_term_relationships.term_taxonomy_id ) INNER JOIN wp_terms ON ( tt1.term_id = wp_terms.term_id )';
          	}
          	return $join;
          }, 10, 2 );
          
          add_filter( 'posts_orderby', function( $orderby, $query ) {
          	if ( 'xo_event' === $query->get( 'post_type' ) ) {
          		$orderby = "wp_terms.name ASC";
          	}
          	return $orderby;
          }, 10, 2 );

• はじめまして
  前任者が Excel → PDF → GIF で作成した年間カレンダーをアップしていて、もっとスマートにしたく、こちらを見つけてさっそく利用させていただきました。
  ありがとうございます。

  一つ質問なのですが、holiday-title の休日の色の説明部分を 1月の上にも表示する事は可能でしょうか？

  返信

  • はじめまして、こんにちは。
    PHP コードを追加しても良いのであれば、ショートコードで休日の色の説明部分を表示するのはどうでしょうか。

    テーマの functions.php に、

    add_shortcode( 'xo_event_holiday_titles', function( $attr ) {
    	$args = shortcode_atts( array(
    		'holidays' => 'all',
    	), $attr );
    
    	$html = '<div class="xo-event-calendar"><div class="holiday-titles" >';
    	$holiday_settings = get_option( 'xo_event_calendar_holiday_settings' );
    	if ( $holiday_settings ) {
    		$holidays = explode( ',', $args['holidays'] );
    		foreach ( $holidays as $holiday ) {
    			if ( array_key_exists( $holiday, $holiday_settings ) ) {
    				$html .= "<p class=\"holiday-title\"><span style=\"background-color: {$holiday_settings[$holiday]['color']};\"></span>{$holiday_settings[$holiday]['title']}</p>";
    			}
    		}
    	}
    	$html .= '</div></div>';
    
    	return $html;
    } );

    使用例:

    [xo_event_holiday_titles holidays="all"]

    返信

    • 石鷹様
      素早いご回答ありがとうございます。
      ばっちりいけました！
      教えていただいたコードも理解でき、すごく勉強になりました。
      ありがとうございました！

      返信