見出し画像

【WordPress】fullcalenderのカスタマイズ

めめも

※ごめんなさいまだ更新中。記載内容は事実です。

スマホ時の表示等のショートコードカスタマイズ。
以下記事を参考にさせていただきました。

ショートコード例

[eo_fullcalendar defaultView="basicWeek" titleformatweek="Y年Mj日" responsive="false" columnformatweek="D n/j"]

レスポンシブを解除するだけなら以下でOK

[eo_fullcalendar responsive="false"]

ある案件でカスタマイズした例（WPのカスタムCSS）​

/* 不要項目を非表示に */
.my-calendar-footer,
.mc-format,
.mc-print,
.mc-time,
.my-calendar-date-switcher {
  display: none !important;
}

/* カレンダーのアローの文字サイズを調整 */
.fc-icon-right-single-arrow::after,
.fc-icon-left-single-arrow::after {
  font-size: 100%;
  top: -20%;
}

/* カレンダー内エントリーの時刻を非表示に */
.eo-fullcalendar .fc-time {
  display: none;
}

/* スマホの場合ツールチップを非表示に */
@media only screen and (max-width: 767px) {
  .eo-event-toolip {
    display: none !important;
  }
}


エントリーボタンから日付をフォーム（MW WP Form）に引き継げるようにする

MW WP FORMの「引数」を「有効にする」にチェックする。

手順
１）MW WP FORMをクリック
２）エントリーを編集
３）右側のカラムの下のほうにある設定の「URL引数を有効にする」にチェック


この記事が気に入ったらサポートをしてみませんか？