01.プロジェクト » 恵庭図書館サイト

イベントカレンダーへの表示について¶

1. 先方が新規追加したカテゴリーのスラッグ名を英文字に変更¶

functions.php の 179行目の以下をコメントアウトし、管理画面上 イベントカテゴリー を表示させる。

unset($submenu['edit.php?post_type=event'][16]);         // イベントカテゴリー

今回は 移動図書館 のスラッグ名を mobile-library に変更しました。

2. ショートコード内にある投稿の取得条件を調整¶

同ファイルの 738行目の投稿取得条件のタームリストに、上記変更したスラッグ名を追加。

// イベントカレンダーを表示する
add_shortcode('eventcalendar', 'shortcode_eventcalendar');
function shortcode_eventcalendar($params = array())
{
  // パラメータを取得する
  extract(shortcode_atts(array('ym' => null), $params));
  //年月日を取得する
  if (isset($_POST['select_y']) && $_POST['select_y'] != '' && isset($_POST['select_m']) && $_POST['select_m'] != '') {
    $current_year  = $_POST['select_y'];
    $current_month =   $_POST['select_m'];
    //初期値は当月
  } else {
    $current_year = date_i18n('Y');
    $current_month =   date_i18n('m');
  }
  $current_day = date_i18n('d');
  //$calendar_ym = ($params['ym']) ? $params['ym'] : $current_year. '/' . $current_month;
  $calendar_ym = $current_year . '/' . $current_month;
  //月のイベントを取得する
  $args = array(
    'post_type' => 'event', // 投稿タイプを指定
    'post_status' => 'publish',
    'posts_per_page' => -1,
    'meta_key' => 'cf_starttime',
    'order' => 'ASC',
    'tax_query' => array(
      array(
        'taxonomy' => 'eventcategory',
        'field' => 'slug',
        'terms' => array('balloon', 'ohanashi', 'eventinfo', 'closed', 'cinema01', 'cinema02', 'mobile-library') // ← ここに追加
      )
    ),
    'meta_query' => array(
      array(
        'key' => 'cf_startdate',
        'value' => $calendar_ym,
        'compare' => 'LIKE'
      )
    )
  );

  //略
}

3. 背景色を追加¶

layout.css の 1393行目の下に新規追加したカテゴリーの色を追加。

/* child_カレンダー_イベント設定 */
.closed {
  background: #eeacaa;
}
.ohanashi {
  background: linear-gradient(-45deg, #fff 25%, #fbe251 25%, #fbe251 50%, #fff 50%, #fff 75%, #fbe251 75%, #fbe251);
  background-size: 4px 4px;
}
.balloon {
  background: #ffc408;
  background: linear-gradient(-45deg, #fff 25%, #ffc408 25%, #ffc408 50%, #fff 50%, #fff 75%, #ffc408 75%, #ffc408);
  background-size: 4px 4px;
}
.eventinfo {
  background: #ddd23b;
  background: linear-gradient(-45deg, #fff 25%, #bec23f 25%, #bec23f 50%, #fff 50%, #fff 75%, #bec23f 75%, #bec23f);
  background-size: 4px 4px;
}
.cinema01,
.cinema02 {
  background: linear-gradient(-45deg, #fff 25%, #d5b7f1 25%, #d5b7f1 50%, #fff 50%, #fff 75%, #d5b7f1 75%, #d5b7f1);
  background-size: 4px 4px;
}
/* ここから追加 */
.mobile-library {
  background: linear-gradient(-45deg, #fff 25%, #72c7d4 25%, #72c7d4 50%, #fff 50%, #fff 75%, #72c7d4 75%, #72c7d4);
  background-size: 4px 4px;
}
/* ここまで追加 */

色は ChatGPT に作ってもらいました。

リダイレクト設定について¶

public_html の直下にある .htaccess の一番上に以下を 追加。

RewriteRule ^archives/publicationcategory/catalog/?$ https://eniwa-library.jp/office/publication/ [L,R=301]