Manager」の表示カスタマイズ方法について書いてみた。Manager」の表示カスタマイズ方法について書いてみた。Managerの表示カスタマイズについて書いてみようと思います。カスタマイズといっても本当に簡単な部分の表示...。デフォルトだと違和感がある部分を、管理画面の設定を少し変えるだけで出来たので、今回も備忘録的に。ライブスケジュールの更新に特化したカスタマイズ今回のカスタマイズはライブスケジュールの更新に特化した形で行います。色んなカテゴリーのスケジュールに合わせるということになると、カスタマイズする箇所で共通する表記とか、テンプレートは一切表示しないで基本的に記事で詳細を書く形にするとかになると思います。それでは...ライブスケジュールを登録するにあたって...自分がライブするわけではないので...(^-^;行こうと思っているライブのスケジュールを登録してみました。今度行く予定のギタリスト、本田毅さんのライブスケジュールです。イベント作成の管理画面でフォーマットに沿って必要事項を入れてイベント作成。それをデフォルトの状態で表示させた画面です。イベント作成の画面はWordPressの固定ページと同じなので、勿論追加でビジュアルエディターで色々記載することが出来ます。今回はテンプレートに入力した事項のカスタマイズの説明のために今のところそれはしていません。この画面は何だか味気なかったり...ちょっと情報として薄いかなぁ...と。日時とかテンプレートに入れないと作成出来ないので...せっかく入力したテンプレートは活かしたいと思いますし、活かせてこそテンプレートの意味があると思うので...。気になるところは...「日時」の下のDate(s)ってなんやろ?とか年月日の表示の順とか...。これをカスタマイズしてみたいと思います。ダッシュボードの「イベント」→「設定」画面に行きます。書きながらやってますので...管理画面で書きかけの記事がスクショされてます(^-^;設定画面に行ったら、書式設定のタブを開いて、下にスクロールして、イベント詳細書式のところをみます。ここを見ると普通にタグでHTMLとかが書かれているので、そこを別のタグとかを使ったりスタイルシートを設定したりしたら簡単にカスタマイズできます。普通にHPとか作れる人ならすぐにわかる事なんでしょうけど...色々設定があるとデフォルトをどこまでどういじっていいのか...ちょっと不安になるので安易に出来ない人もいると思うのですが...。あるので...これを変えたら、さっきの「何やろ?」は解決します。Mapから埋め込みコードをもって来て張り付けたほうが簡単だと思いますし、そのままだと「地図が利用できません」って表示がされるので、1行目は削除します。代り映えしないですが...「DATE:」にします(笑)カスタマイズの例としてですので...(^-^;で、テンプレートでイベントの時間を開始時間のみ入力しました。「OPEN:」の文字を時間の前に入れてあげます。文字がイタリックの斜めになっているのを解除するのに<i>タグを削除します。他に影響ないと思うのですが...。8行目の「開催場所」を同じ意味ですけど...カスタマイズ!ってことで(笑)「会場」に変更します。カテゴリーなんですが...、作成するときにカテゴリー設定しなかったのでカテゴリーはありませんとなっていますが、例えばLIVEっていうカテゴリーを作って設定しておけばカテゴリーの横にLIVEと表示されて、LIVEカテゴリーの一覧を表示するリンクも設定されると思いますが...。今回はライブスケジュールに限定するのでカテゴリーも削除します。下の予約管理は、設定したことないのでハッキリ言えないのですが...イベントごとに予約フォームを設定出来るので、予約機能をオンにした場合にフォームが表示されると思います。Managerでライブスケジュールを作成していった場合に予約フォームとして大いに活用できると思います。いうことで、オンにしなければ表示されないので、そのまま残しておきます。/>#_EVENTNOTES{has_bookings}<h3>予約管理</h3>#_BOOKINGFORM{/has_bookings}ということで、まずはこの状態で保存します。右下の変更を保存を押します。変更したらイベント詳細画面はこのようになります。最初よりはライブスケジュールっぽい感じになったような気がします。次に、DATEの横の日付の順番とか表示を変えたい、更には曜日がないのでそれも加えて「2020年2月10日(月)」としたい。時間も24時間表示にしようと思います。何となく「OPEN:19:00」のほうがライブっぽいですし(笑)更にライブなのでSTART時間も表示したい...。イベント作成時のイベント時間の終了時間を利用します。このライブは開演が19:30予定なので、テンプレートの終了時間に19:30と入れてイベントを作成します。したら...もしかしたら19:30になったらイベントが終わったことになって・・・イベント一覧表示からは除外されるかもしれませんが...スタートしてるので問題はないかなと思います。イベント記事自体がなくなるわけではないので。「START:19:30」を表示出来るようにします。「日時」の個所を開きます。画像がごちゃごちゃしてしまいましたが...。日付の書式、時刻の書式、開始日時/終了日時の区切り文字を変更します。日付と時刻の書式はWordPressの書式に合わせて変更すればいいだけなので簡単です。ここはスペースを入れたらそれも反映されるので、STARTの前に一文字分くらいスペースを入れました。一応、その画像がこちら↓こちらも、もちろん変更を保存します。その結果、イベントの詳細ページを表示するとこのようになります。ライブスケジュールっぽくなったと思います。変更したいのですが、ここで一旦会場の詳細ページに行きます。イベント一覧の書式→イベント一覧の書式を見て、EVENTTIMESというタグの前に「OPEN:」と入れてあげればOKです。それよりも気になるのはまたもや「地図が利用できません」と住所の順番...。ページの書式をみます。Mapを表示する奴なので削除してよいかと思います。3行目から9行目を見ると、どうやらテンプレートに入れた項目を順番に表示しているみたいなので、これを並べ替えたらOKです。9行目のLOCATIONCOUNTRYっていうのを残しておくと「JAPAN」って表示されます(^-^;で、開催場所の作成フォーマットでは国指定が無いと作成出来ないので、必ずJAPANは設定することになるので、表示しないように9行目は削除します。/>#_LOCATIONNOTES<h3>今後のイベント</h3><p>#_LOCATIONNEXTEVENTS</p>これで表示される開催場所の詳細ページの画像は↓ということで住所もわかりやすく表示されました。Mapからそのコードをとってきます。コードを埋め込んだ開催場所の詳細ページはこんな感じになりました。その他、入れときたい情報なんかをビジュアルエディタで書き込んでおけばデータベース的にも使えそうです。Managerは開催場所も個別記事みたいになってるから、便利な使い方が出来るようですね。今後同じ会場でのライブがあれば、今回作った開催場所を設定出来るわけですし...。いうことを改めてこの記事を作成していて思った(笑)イベント詳細ページに戻って、住所を入れてみようで、見出しの通りなのですが、先ほどのイベント詳細ページには会場名と日時だけだったので、せっかくなのでテンプレートに入れた住所を表示しようと思います。これも簡単でさっきの開催場所のコードの中の住所表示にあたる部分(1行目から5行目)をコピーして、イベント詳細ページの書式の欄に張り付ければOKです。/>#_EVENTNOTES{has_bookings}<h3>予約管理</h3>#_BOOKINGFORM{/has_bookings}これで表示したイベント詳細ページはこちら↓ということで住所も表示されました。それ以外の装飾とか諸々それ以外の文字の装飾や色々はタグやスタイルシートを書式のところに加えていけば色々出来ると思います。開催場所の詳細ページでビジュアルエディタで地図をリンクさせたみたいに、地図を埋め込んだり、その他の詳細やテンプレートに無い情報を追記したりしすれば、より充実したり、見やすくなると思います。実際に「音楽れびゅーろぐ」のほうに作ったライブイベント詳細と開催場所詳細ページをリンクします。Talk~https://music.gucchie-talk.net/?event=takeshi-honda-solo-act...こちらはライブ詳細ページ。日時などを<h4>の見出しタグで囲んで装飾しました。Mapから下の部分はビジュアルエディタで作成した個所になります。Talk~https://music.gucchie-talk.net/?location=location-0こちらが開催会場詳細のページ。MapとライブハウスのHPのリンクをブログカードで埋め込みました。基本的にこのブログと色違いで同じデザインなのでこれまで貼った画像と比べて頂いて、何処がテンプレートの表示をカスタマイズした部分で、どこがビジュアルエディタで作成した部分かはわかりやすいかと思います。イベント一覧表示のカスタマイズこれはデフォルトだと簡単なテーブル表示なのですが...これも同じように設定から簡単に変えられます。こちらは今回、かなり長くなりましたので、次回の記事にしたいと思います。参考になっていれば幸いです。Manager」の表示カスタマイズ方法について書いてみた。Manager」のイベントリスト一覧表示のカスタマイズについて書いてみた。Nextイオンタウン明石の跡地に行ってみた。Manager」のイベントリスト一覧表示のカスタマイズについて書いてみた。...「Rinker」でリクエスト回数が多すぎますのエラーが出たので手動でリンク設定をしてみました。PM突然のコメントで失礼します。私も以前よりEventManagerを使っていてどうしてもうまくいかないことがあり、カスタマイズ等されている方を探しておりました。厚かましいのですが、もしご存じでしたらご教示いただければと思いました。設定内にゲストユーザでの同じメアドでのダブルブッキングを防ぐ設定項目がありますが、それを設定しても同じメアドで重複予約ができてしまいます。同じ現象が起きたことございますでしょうか。PMコメントありがとうございます。こちらの使用方法は他のサイトでのライブ情報の告知ページとして使用しているのですが、予約を受け付ける機能をしようしておりませんので、そのあたりの機能に関しては現状把握できておりません。お役に立てずに申し訳ありません。PM早々のご返信ありがとうございます!承知いたしました!もう少し色々ソース読み込んでみたりしようと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。音楽ネタを中心に日常で体験したことや思ったことなどの雑記ブログです。Manager」の表示カスタマイズ方法について書いてみた。昨日、...イオンタウン明石の跡地に行ってみた。(BALANCE)を使ってみた。3」は役に立つっていう...「Rinker」でリクエスト回数が多すぎますのエラーが出たので手動でリンク設定をしてみました。さんピンバックありがとうございます。Nutoron3を使ってレビューを書いておられる方がいた。さんコメントありがとうございます!参考になったようでしたらよかったです。さん早々のご返信ありがとうございます!承知いたしました!もう少し色々ソース読み込んでみたりしようと思います。