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

ギャラリーレイアウト

ギャラリー形式はデータテーブルではなく写真グリッドで選手を表示します。

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

ギャラリーレイアウト

ギャラリー形式はデータテーブルではなく写真グリッドで選手を表示します。

形式の設定

選手リスト編集画面で形式サイドバーメタボックスを開き、ギャラリーを選択します。

レンダリング

ギャラリーは内部的に [player_gallery] ショートコードを使用して出力されます。各選手は背番号と名前をキャプションとした画像タイルとして表示されます。

HTML 構造:

  • <dl> — アイテムコンテナ(itemtag で変更可能)

  • <dt> — サムネイル(icontag で変更可能)

  • <dd> — キャプション(captiontag で変更可能)

1 行あたりのカラム数

デフォルトのカラム数(1 行あたりのサムネイル数)は 3 です。[player_gallery] ショートコードの columns パラメーターで変更できます。

[player_gallery id="99" columns="4"]

画像サイズ

デフォルトの画像サイズは thumbnail です。size パラメーターで変更できます。

[player_gallery id="99" size="sportspress-fit-icon"]

SportsPress にはいくつかの名前付き画像サイズが登録されています。よく使われるオプションには thumbnailsportspress-fit-iconsportspress-fit-mini があります。

写真がアップロードされていない場合

選手にアイキャッチ画像(写真)がない場合でも、ギャラリータイルはレンダリングされますが、サムネイルエリアは空になります。プレースホルダー画像は表示されません。選手の名前と背番号はキャプションに引き続き表示されます。

ポジション別グルーピング

説明メタボックスでグルーピングポジションに設定する(またはショートコードで grouping="position" を使用する)と、選手グループ間にポジション見出しが挿入されます。見出しタグはデフォルトで <h4> で、grouptag で変更できます。

選手写真のリンク

デフォルトでは、サムネイルは選手のプロフィールページにリンクされます。ショートコードで link_posts="0" を指定してこれを無効にできます。

すべての選手を表示するリンク

ショートコードで show_all_players_link="1" を指定すると、ギャラリーの下に「すべての選手を表示」リンクを追加できます。

ショートコードリファレンス

[player_gallery id="99" columns="4" size="sportspress-fit-icon" grouping="position" grouptag="h3" show_all_players_link="1"]

全パラメーター一覧については、選手ギャラリーショートコードの記事を参照してください。

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