ハイライト順位
ハイライト順位モジュールは SportsPress Pro に含まれています。リーグテーブルの編集画面にハイライト順位メタボックスを追加し、順位表内の特定の位置に色のハイライトを適用できます(例:出場権の位置や降格ゾーンのマーク)。
ハイライト順位メタボックス
任意のリーグテーブルの編集画面を開きます。ハイライト順位メタボックスがサイドバーに表示されます。4 つのカラムを持つテーブルが含まれています。
色 — カラーピッカー入力。フィールドをクリックして Iris カラーピッカーを開き、ハイライトカラーを選択します。
順位 — 数値入力(最小 1)。ハイライトする順位番号を入力します。例えば、首位チームをハイライトするには
1を入力します。コメント — テキスト入力。ハイライトの意味を説明するラベルを入力します(例:「チャンピオンズリーグ」または「降格」)。このテキストはフロントエンドのテーブル下部に表示されます。
行を削除するための削除ボタン(×)。
メタボックスのヘッダーにある + ボタンをクリックして新しい行を追加します。
ハイライトルールの追加
+ ボタンをクリックして新しい行を挿入します。
カラーフィールドをクリックしてカラーを選択します。
順位 フィールドに順位番号を入力します。
オプションで コメント フィールドに説明を入力します。
追加の順位について繰り返します。
更新 をクリックして保存します。
同じカラーで複数の順位をハイライトするには(例:チャンピオンズリーグ出場権の 1 位から 3 位)、各順位に 1 行を追加し、それぞれに同じカラーを設定します。フロントエンドの凡例は連続する同一カラーを重複排除し、一意のカラーごとに 1 つの凡例エントリーのみを表示します。
グローバルハイライトタイプ設定
SportsPress > 設定 > リーグテーブル の設定は、ハイライトカラーがテーブル行全体に適用されるか、ランクセルのみに適用されるかを制御します。
ランクセルのみ — 順位番号セル(
td.data-rank)のみをハイライトします行全体 — チーム行全体をハイライトします
この設定はグローバルで、サイト上のすべてのリーグテーブルに適用されます。
フロントエンド表示
リーグテーブルがレンダリングされると、モジュールは指定された位置の行を対象とするインライン CSS を出力します(N = 順位 - 1 のゼロインデックス CSS クラス sp-row-no-N を使用)。対象のセルまたは行の背景色が設定されたカラーになります。
テーブルの下に、各一意のカラーとコメントテキストを一覧表示する凡例が表示されます。コメントが空の行は凡例から省略されます。2 つの連続する順位が同じカラーを共有する場合、そのカラーに対して 1 つの凡例エントリーのみが表示されます。
