【プラグイン】「Event Organiser」でイベントカレンダーを作る

＜下準備＞
①WordPressのプラグイン新規追加から、「Event Organiser」で検索。
②インストールが完了したら、「有効化」をクリック。
③下記のコードをPHPファイルに記載。　　→カレンダーが表示されます。

＜備考＞
この[eo_fullcalendar]はデフォルト表示です。
表示形式を変えたい時は、ショートコードを調べてみてください。

// 表示させたい箇所にショートコードを記載

<?php echo do_shortcode("
  [ eo_fullcalendar 
    headerLeft='title' 
    headerCenter='' 
    headerRight='prev next today' 
    titleformatmonth='Y年 F' 
    tooltip='false' 
    responsive='false']
") ?>

// functions.phpに記載

//Event Organiserのパーマリンクを記事IDにする
add_action('init', 'myposttype_rewrite_event');
function myposttype_rewrite_event() {. 
    global $wp_rewrite;
    $queryarg = 'post_type=event&p=';
    $wp_rewrite->add_rewrite_tag('%event_id%', '([^/]+)',$queryarg);
    $wp_rewrite->add_permastruct('event', 'event/%event_id%.html', false);
}

// Event OrganiserをGutenbergに対応させる
add_filter('eventorganiser_event_properties', function($args){
    $args['show_in_rest'] = true;
    return $args;
});

　　

// イベントタイトルが長すぎる場合、短縮表示させる

jQuery(window).load(function(){
   var count = 8;  // 制限したい文字数を入力
 jQuery('.fc-content .fc-title').each(function() {
     var thisText = jQuery(this).text();
      var textLength = thisText.length;
       if (textLength > count) {
          var showText = thisText.substring(0, count);
          var insertText = showText += '…';
          jQuery(this).html(insertText);
      };
  });
});