メインコンテンツにスキップ

ハイライト順位

ハイライト順位モジュールは SportsPress Pro に含まれています。リーグテーブルの編集画面に**ハイライト順位**メタボックスを追加し、順位表内の特定の位置に色のハイライトを適用できます(例:出場権の位置や降格ゾーンのマーク)。

今日アップデートされました

ハイライト順位

ハイライト順位モジュールは SportsPress Pro に含まれています。リーグテーブルの編集画面にハイライト順位メタボックスを追加し、順位表内の特定の位置に色のハイライトを適用できます(例:出場権の位置や降格ゾーンのマーク)。

ハイライト順位メタボックス

任意のリーグテーブルの編集画面を開きます。ハイライト順位メタボックスがサイドバーに表示されます。4 つのカラムを持つテーブルが含まれています。

  • — カラーピッカー入力。フィールドをクリックして Iris カラーピッカーを開き、ハイライトカラーを選択します。

  • 順位 — 数値入力(最小 1)。ハイライトする順位番号を入力します。例えば、首位チームをハイライトするには 1 を入力します。

  • コメント — テキスト入力。ハイライトの意味を説明するラベルを入力します(例:「チャンピオンズリーグ」または「降格」)。このテキストはフロントエンドのテーブル下部に表示されます。

  • 行を削除するための削除ボタン(×)。

メタボックスのヘッダーにある + ボタンをクリックして新しい行を追加します。

ハイライトルールの追加

  1. + ボタンをクリックして新しい行を挿入します。

  2. カラーフィールドをクリックしてカラーを選択します。

  3. 順位 フィールドに順位番号を入力します。

  4. オプションで コメント フィールドに説明を入力します。

  5. 追加の順位について繰り返します。

  6. 更新 をクリックして保存します。

同じカラーで複数の順位をハイライトするには(例:チャンピオンズリーグ出場権の 1 位から 3 位)、各順位に 1 行を追加し、それぞれに同じカラーを設定します。フロントエンドの凡例は連続する同一カラーを重複排除し、一意のカラーごとに 1 つの凡例エントリーのみを表示します。

グローバルハイライトタイプ設定

SportsPress > 設定 > リーグテーブル の設定は、ハイライトカラーがテーブル行全体に適用されるか、ランクセルのみに適用されるかを制御します。

  • ランクセルのみ — 順位番号セル(td.data-rank)のみをハイライトします

  • 行全体 — チーム行全体をハイライトします

この設定はグローバルで、サイト上のすべてのリーグテーブルに適用されます。

フロントエンド表示

リーグテーブルがレンダリングされると、モジュールは指定された位置の行を対象とするインライン CSS を出力します(N = 順位 - 1 のゼロインデックス CSS クラス sp-row-no-N を使用)。対象のセルまたは行の背景色が設定されたカラーになります。

テーブルの下に、各一意のカラーとコメントテキストを一覧表示する凡例が表示されます。コメントが空の行は凡例から省略されます。2 つの連続する順位が同じカラーを共有する場合、そのカラーに対して 1 つの凡例エントリーのみが表示されます。

こちらの回答で解決しましたか?