「テンプレート:ギャラリー」の版間の差分

2025年2月8日 (土) 17:14時点における最新版

ギャラリー項目に使用するテンプレートです。画像を掲載することができます。

{{ギャラリー
|url=
|width=
|mobilewidth=
|画像説明=
}}

解説[編集 | ソースを編集]

url（必須）
- サイトurlを入力。
width
- PC画面でのwidth（横幅）を入力。%表記で入力する。
mobilewidth
- モバイル画面でのwidth（横幅）を入力。%表記で入力する。適宜、見やすいサイズにする。
画像説明（必須）
- 画像についての説明を入力。必ずTemplate:web引用を付け、引用元を示す。

使用例[編集 | ソースを編集]


aaa

ギャラリー項目に使用するテンプレートです。画像を掲載することができます。

テンプレート引数
引数		説明	型	状態
url	`url`	説明なし	URL	必須
width	`width`	画像の横幅をpx、もしくは%表記で入力する。適宜、見やすいサイズになる値にする。	不明	省略可能
画像説明	`画像説明`	説明なし	内容	必須
mobilewidth	`mobilewidth`	モバイル画面での画像の横幅をpx、もしくは%表記で入力する。適宜、見やすいサイズになる値にする。	不明	省略可能

@@ 1行目: / 1行目: @@
-<includeonly>{{Infobox
+<includeonly><onlyinclude><nomobile>
-| image1 = <img src ="{{{url}}}" width="{{{width}}}" height="auto">
+{| class="wikitable" style="text-align: center; padding: 8px;border-style: none; width: 250px;"
-| caption1 = {{{画像説明}}}
+|<img src="{{ #if:{{{url|}}} | {{{url}}} | }}" width="{{ #if:{{{width|}}} | {{{width}}} | }}" height="auto">
-}}</includeonly><noinclude>
+|-
+|{{ #if:{{{画像説明|}}} | {{{画像説明}}} | }}
+|}</nomobile>
+<mobileonly>{| class="wikitable" style="text-align: center; padding: 8px;border-style: none; width: 100%
+|<img src="{{ #if:{{{url|}}} | {{{url}}} | }}"  width="{{ #if:{{{mobilewidth|}}} | {{{mobilewidth}}} | }}" height="auto">
+|-
+|{{ #if:{{{画像説明|}}} | {{{画像説明}}} | }}
+|}</mobileonly>
+</onlyinclude></includeonly><noinclude>
 ギャラリー項目に使用するテンプレートです。画像を掲載することができます。
 <pre>
@@ 8行目: / 16行目: @@
 |url=
 |width=
+|mobilewidth=
 |画像説明=
 }}
@@ 15行目: / 24行目: @@
 **サイトurlを入力。
 *'''width'''
-**width（横幅）を入力。%表記で入力する。
+**PC画面でのwidth（横幅）を入力。%表記で入力する。
+*'''mobilewidth'''
+**モバイル画面でのwidth（横幅）を入力。%表記で入力する。適宜、見やすいサイズにする。
 *'''画像説明'''（必須）
 **画像についての説明を入力。必ず[[Template:web引用]]を付け、引用元を示す。
-<noinclude>
+== 使用例 ==
+{{ギャラリー
+|url=https://cs1.animestore.docomo.ne.jp/anime_kv/html/CJ/img/tensuraX_inte_img9_202312.png
+|width=100%
+|mobilewidth=50%
+|画像説明=aaa
+}}
+{| class="wikitable" style="text-align: center; padding: 8px;border-style: none; width: 250px;"
+|<img src="https://cs1.animestore.docomo.ne.jp/anime_kv/html/CJ/img/tensuraX_inte_img9_202312.png" width="100%" height="auto">
+|-
+|aaa
+|}
 <templatedata>
 {
 	"params": {
 	"url": {
+	"type": "url",
 	"required": true
 	},
 	"width": {
-	"description": "width（横幅）を入力。%表記で入力する。",
+	"description": "画像の横幅をpx、もしくは%表記で入力する。適宜、見やすいサイズになる値にする。"
-	"example": "50%",
-	"suggested": true
 	},
 	"画像説明": {
-        "description": "画像についての説明を入力。必ず[[Template:web引用]]を付け、引用元を示す。",
+	"type": "content",
-        "required": true
+	"required": true
-        }
+	},
-	}
+	"mobilewidth": {
+	"description": "モバイル画面での画像の横幅をpx、もしくは%表記で入力する。適宜、見やすいサイズになる値にする。"
+	}
+	},
+	"description": "ギャラリー項目に使用するテンプレートです。画像を掲載することができます。"
 }
-</templatedata>
+</templatedata></noinclude>
-</noinclude>