2016年6月8日ライブスケジュールを見やすくしたい自分自身とか、知り合いとか友達でミュージシャンのひとたち、みんなブログ持ってますよね。ライブスケジュールの記事ばっかりだったりします。それしかなかったりする。ほとんど、縦長で日付とメンバーを羅列してるだけのフォーマット。いうかそれしか書きようがない。ライブの場所のリンクさえなかったりする。私もそうでした!ライブに来てほしいのに、情報提供に費やす労力を惜しむ?好きなミュージシャンの演奏はスケジュールをチェックして聴きにいきたいものです。ブログのスケジュールが見にくいと、チェックする気が失せます。演奏スケジュールもほとんどカレンダー形式でアップされています。作りこむのはプロに頼まないと難しい・・・コストがかかりそうだし・・・という気持ちわかります。無料で見やすく美しいスケジュールをブログに!見やすいスケジュールにしたら、みんなチェックしてくれるし、ライブを聴きにくるひとも増えるのでは・・・と考えました。WESTさんの情報誌のスケジュールカレンダーのページがお手本です。Calendarプラグインが一番です。Calendarプラグインのいい所と悪い所いいところ見た目美しい基本無料イベント開催地に住所を入れたら詳細ページにデフォルトでGoogleMapが埋め込まれるイベント、開催地、などはCSV形式のファイルからさくっとデータインポートできるWordPressのバージョンに合わせて頻繁に更新してくれる悪いところ基本英語だけど外観は日本語化しましたカスタマイズの情報が少ないカスタマイズが難しいレスポンシブ非対応まだ途中ですがカスタマイズしてみました。ちなみにこのプラグイン、イベント詳細ページもデフォルトで見やすいです。プラグイン導入ここからはWordPressを知っているひと向けです。ここからダウンロードして、普通にプラグインをインストールして、有効化します。次に、はるるさんが作ってくださった日本語化ファイルを入れます。るるさんありがとうございます!基本的な使い方は上記はるるさんのページでもわかりやすく解説してくださっています。インストールがうまくいったらダッシュボードに「イベント」が増えているはず。カレンダーのページは固定ページで自分のホームURL+/events/で勝手に生成されます。/events/の所はダッシュボードの[イベント]-[設定]から変更できます。私は/calendar/にしました。インストールと同時に生成された固定ページをみてみます。これは公式ページのスクリーンショットですがデフォルトはこうです。デフォルトではカレンダーの横幅が1000pxを超えていたので、サイトデザインが崩れました。私のこのサイトは賢威で作っていますが、固定ページ1カラムで最大950pxにしています。今現在も、カレンダーページはスマホで見ると崩れてます。この世の終わりってくらい。これから見目よくしていきたいです。カスタマイズしたこと上記のデフォルトのカレンダーがこのようになるまでの軌跡です。カレンダーの横幅を自分のサイト幅に合わせる(950px)曜日の色を変える。「今日」の色を変えるfindボタン(検索ボタン)の色を変える。MM月YYYY」になっていたのを、日本風(YYYY年MM月)に変える。※5番についてはこちらの新しい記事を参考にしてください。142px;widthのここを変えると全体幅も小さくなりました。変更だけしてあとでminにしてminのほうのCSSファイルを上書きします。#ffbab5;カラーコードを私のサイトカラーのひとつにしました。もとは#666でした。このCSSファイルもあとでminにしてからminのほうも上書きします。3.今日の色を変える2と同じファイルです。バージョン3.9に対応しました。#ffbab5;}カラーコードを同じくサイトカラーのひとつ#ffbab5にしました。10px;カラーコードとradiusをつけました。MM月YYYY」になっていたのを、日本風(YYYY年MM月)に変える。'この月では見つかりませんでした。);}変更したCSSファイルをminに変換する忘れてはなりません。上記1~4番で変更した2ファイルを上書きアップロードしても変更は反映されません。一緒にmin.cssファイルも作りなおして上書きアップロードする必要があります。私はこのサイトを使ってmin.cssを作りました。次回はイベント会場とイベントをCSVファイルから一括インポートあくまで私のやり方なのでテンプレートによっては効かないかもしれません。間違っているかもしれません。気づかれた方はご指摘くださると、とてもありがたいです。CSSというプラグインも試したんですが、うまくいきませんでした。Calendarプラグイン素敵な機能、イベント会場とイベントの一括インポートをやってみます。※カスタマイズが進むにつれ、この記事をちょくちょく更新していくかもしれません。必須サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。人間らしくシェアTOPへ。