1. /
  2. event manager

event manager

event managerでイベント一覧をカスタマイズしたい

したいよね。

まずやり方。
1.event manager　→　設定　→　ページ設定　→　イベント一覧/アーカイブで、イベント一覧ページのページ指定を【イベントページを指定しない】に変更する。
2.新しい固定ページなどを作る。
3.ショートコードをコピペして入れる。
4.publish。
これでイベント一覧ページのカスタマイズの土台ができた。

ショートコードはこれ。

[events_list category_id="X"]

カテゴリーを指定したい時は、category_id=”X”のX部分をカテゴリーのID番号に書き換えてください。

このサイトにたどり着いた方はおそらくショートコード入れても表示されないよ！？っていう方だと思います。
上記の方法でも多分モヤッとしているのではないかと思いますので解説。

【ここから前提】
event managerをインストールした際にevent manager側で必要なページを自動的に生成してくれています。
なので、そのページのページスラッグを書き換えたところでevent manager側のページ生成IDは変わらないので、event managerの保有しているページということになります。
【/前提おわり】

本家のサイトの方にショートコードの例などがありますので、それらを参考にざくざくとカスタマイズしてみてください。
本家のショートコードの例はこちら

カスタマイズの呼び出しは、管理画面側の
event manager　→　書式設定
に準じています。
この場所にプレースホルダーをほいほい放り込み、HTMLを追加削除することで変更されます。
・イベント一覧
・イベント詳細ページ
・イベントの抜粋
（その他表示に関わるもの全て）

ショートコードはwordpressの仕様に準じているので、慣れている方はテンプレートにPHPでカスタマイズしていったほうが早いかもしれません。

events managerで地図が表示されなくなったら


event manager

Home

APIの確認もした。
API登録時にドメイン登録もした。
所有者証明もした。
WPの管理画面からAPIキーの登録もした。
Google Maps 連携を有効にしますか？も「はい」に設定した。

それでも管理画面には表示されているのにフロント（見えているページ）側に表示されないという時試してみて欲しい。

マップの幅の初期値をピクセルに戻す。

これ。
もし％で表示されなくなった人は試してみて欲しい。これで直ります。

どうしても％に設定したい人は、cssでem-location-map-containerのクラスを!importantで無理やり％に直してしまえばいいと思います。

<style>
.em-location-map-container {
width:100%!important;
height:400px!important; /* 縦のサイズはお好みで */
}
</style>