ショートコード」カテゴリーアーカイブ

ショートコード 運行便表示

運行便の運行スケジュール、ターミナル駅、発着時刻、運行車両など登録した運行データの情報を一覧表示するショートコードです。

[transit_note tid="xx"]

運行便表示は次のように表示されます。

利用に際して

  • 運行便表示のの装飾はCSSを編集してください
    表示はHTMLのテーブルタグを利用してプログラムプログラムにより出力しています。この構造を変更することはできませんが、表示、装飾に柔軟に対応できるように、特定のclass属性を持つdivやspanを多く挿入しています。それらはブラウザーの機能を利用して確認できますので、CSSの編集に活用してください。

cssファイルは「src/MTSTicketBooking/css/transit-note.css」です。

  • タイトルの変更は多言語対応ファイルを編集してください
    表上部ヘッダの項目タイトルは、多言語対応ファイル「Translation.php」ファイルを利用して、「$transitNote」変数に設定しています。

多言語対応ファイルは「src/MTSTicketBooking/lang/Translation.php」ファイルです。

表示項目と並びについて

表示可能な項目は次の通りで、表示する項目を取捨選択してショートコードのパラメータに設定することができます。また表示も指定した項目キー名の順番に配置されます。

項目キー名と表示内容

  • liner_name
    運行便名
  • start_station
    始発駅名
  • start_time
    出発時刻
  • end_station
    終着駅名
  • end_time
    到着時刻
  • distance
    運行距離
  • elapsed
    運行時間
  • vehicle_name
    運行車両名
  • capacity
    定員=全座席数
  • free
    自由座席数
  • reserved
    指定座席数

デフォルトの指定は次の通りです。

item="liner_name,start_station,start_time,end_station,end_time,distance,elapsed,vehicle_name,capacity"

各種パラメータ

キーワード機能参考
tid
省略不可
公開登録されている運行データのIDを指定します。
bound_down
省略値 1
運行データの下り便情報を表示します。「0」は非表示。例:
“0”
bound_up
省略値 1
運行データの上り便情報を表示します。「0」は非表示。例:
“0”
elapsed_unit
省略値 60
乗車時間表示を分単位で表示。
date_format
省略値 G:i
時間表示フォーマット。例:
“H:i”
div_id
省略値 空白
運行便表を包含するdivタグのid属性指定。
div_class
運行便表を包含するdivタグのclass属性指定。省略値は「mtstk-transit-note」。この値を変更するとデフォルトCSS指定が無効になります。
table_id
省略値 空白
運行便表示tableタグのid属性指定。
table_class運行便表示tableタグのclass属性指定。
item運行便表示項目の指定。項目をカンマ区切りでパラメータに設定します。

ショートコード 予約カレンダー月表示

運行便の予約状況を月カレンダーで、固定ページや投稿に挿入するためのショートコードです。

[transit_month tid="xx"]

カレンダー表示は次のようになります。

デフォルトの表示

カレンダーの各日付へ表示させる情報には、以下の3種類があります。

  • 予約数 / 総数 (右図参照)
    デフォルトの表示です。予約数、総数は共に自由席と指定席の合計が表示されます。
  • 残席数 (上図参照)
    予約可能な空席数の表示です。空席数は自由席と指定席の合計が表示されます。
  • 記号表示 (下図参照)
    残席数の状況を記号で表示します。

各表示は、ショートコードにパラメータ「liner_sign」を設定することで切り替えることができます。

利用に際して

利用に際し、最初に次の点に留意してください。

  • ショートコードは固定ページか投稿のコンテンツで設定してください
    前月や翌月リンクなどカレンダーは、同じページへのリダイレクト処理で書き換えます。ウィジェットなどに設定するとリダイレクトページが定まらず、書き換えできない場合があります。
  • カレンダー表示の装飾はCSSを編集してください
    カレンダーはHTMLのテーブルタグを利用してプログラムにより出力しています。この構造を変更する事はできませんが、表示、装飾に柔軟に対応できるよう、特定のclass属性を持つdivやspanを多く挿入しています。それらはブラウザーの機能を利用して確認できますので、CSSの編集に活用してください。

cssファイルは「src/MTSTicketBooking/css/transit-month.css」です。

各種パラメータ

キーワード機能参考
tid
省略不可
公開登録されている運行データのIDを指定します。
user_only
省略値 1
カレンダーの表示がログインユーザーに限定されます。「0」を設定すると限定され図表示されます。例:
“0”
year_month
省略値 空白
最初に表示するカレンダーの対象年月を設定します。パラメータは「yyyy-mm」の形式で設定しください。例:
“2022-04”
bound_down
省略値 1
運行計画の下り便を表示します。「0」は非表示。例:
“0”
bound_up
省略値 1
運行計画の上り便を表示します。「0」は非表示。
liner_check
省略値 1
予約チェックボックスを表示します。「0」は非表示。例:
“0”
liner_name
省略値 1
便名を表示します。「0」は非表示。例:
“0”
liner_sign
省略値 0
予約数の表示指定です。「0」は「予約数/総数」、「1」は空席数、
「2」は記号表示です。
例:
count_form
省略値
予約状況を空席数で表示するsprintfのフォーマット指定。空白の場合liner_signが「0」なら「(%d/%d)」、「1」なら「(%d)」です。例:
“%02d”
div_id
省略値 空白
カレンダーを包含するdivタグのid属性指定。指定すると月切替の表示でanchor指定します。
div_class
省略値
カレンダーを方がううするdivタグのclass属性指定。省略値は「mtstk-transit-month」。この値を変更すると多くのCSS指定が無効になります。
table_id
省略値 空白
カレンダー表示tableタグのid属性指定。
table_class
省略値 空白
カレンダー表示tableタグのclass属性指定。
title_use
省略値 1
カレンダータイトル表示有無。「0」は非表示。例:
“0”
calendar_title
省略値 空白
省略は「yyyy-mm」表示。指定した文字列を表示。
month_link
省略値 1
カレンダー表示切替の前月翌月リンク表示。「0」は非表示。例:
“0”
month_format
省略値 Y-n
タイトル、リンクで表示する年月表示フォーマット。例:
“Y年n月”
prev_title
省略値 空白
前月リンク表示文字列。空白はmonth_formatによる年月表示。例:
“前月”
next_title
省略値 空白
翌月リンク表示文字列。空白はmonth_formatによる年月表示。例:
“次月”
prev_mark
省略値 空白
前月リンクの前に表示するマーク文字指定(タグも可)。例:
“<<“
next_mark
省略値 空白
翌月リンクの後に表示するマーク文字指定(タグも可)。例:
“>>”
anchor
省略値 空白
div_idで指定した以外のid属性値を指定したい場合に指定。
caption_side
省略値 top
前月翌月リンクを表示するcaptionの位置。例:
“bottom”
button
省略値 SEND
送信ボタンのボタントップ文字。langファイル検索キー。

上記パラメータは、ショートコード内に設定するパラメータです。

予約状況を記号で表示する

「liner_sign=”1″」を指定することで、カレンダー内の表示を記号表示に切り替えることができます。

表示する記号の設定は、各種設定のカレンダー表示タブページの月カレンダー設定で詳細な設定ができます。

表示内容は、設定された文字列をそのまま出力します。ですのでHTMLタグを含めた文字列を設定することで、アイコンなどの挿入ができます。

予約状況で、「空席余裕」から「空席少」へ切り替えるタイミングは、空席数が「切替空席数」以下になると「空席少」を出力するようになります。

ショートコード

システムが提供するショートコードの使い方を解説します。ショートコードは、目的に合わせて固定ページや投稿のコンテンツに、カギ括弧とキーワードを含めて設定します。

提供されるショートコード機能は次の通りです。

  • 予約月カレンダー
    カレンダーに予約可能な空席数を表示し、カレンダーから予約便を選択、予約フォームへ移動するカレンダー表示機能を組み込みます。
  • 運行便表
    運行便の運行スケジュール、始発終着駅、出発・到着時刻など運行データの情報を一覧表示する機能を組み込みます。