索引このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。w:Help:Infoboxes。Information説明あらゆるプラットフォームに対応して、その記事の情報をまとめている。重要なポイントが一目でわかるよう読みやすく整理されています。インフォボックスは通常、コミュニティ内で統一されるようテンプレートを使って作成します。Fandomでは現在、さまざまな端末でインフォボックスが適切に表示されるよう、インフォボックスをコード化するための新しい方法を開発しています(詳細については下記を参照)が記事内での使い方は変わりません。テンプレートのページが変化します。クラシック・インフォボックスからの移行のヘルプはヘルプ:インフォボックスの移行をご覧ください。インフォボックスの編集ポータブル・インフォボックスで使用するスタンダードなタグとその中で使えるWikiテキストのサンプル等についての詳細なリストは、ヘルプ:インフォボックス/タグをご覧ください。編集ビジュアルエディタのインフォボックス挿入インフォボックスは他のテンプレートと同様の方法で記事に追加することができ、エディタに組み込まれているテンプレートツールか、ソースモードを使用します。ビジュアルエディタを使用すれば「挿入」ボタンから簡単にポータブルインフォボックスを挿入できます。ソースモードを使用する場合は、通常、まずテンプレートのドキュメント(たいていはテンプレートのページの下の方にあります)から構文をコピーして記事の中に貼り付け、イコールの記号(=)の後を適切な情報に変更します。20グラム}}ポータブルインフォボックスの加え方は他のテンプレートと同じです。テンプレートページのマークアップが少々異なります。テンプレート:ExampleInfobox)で新しいテンプレートを作成します。tablesやdivsを使用しましたが今はinfoboxタグを使用します。タイトルと画像を含む基本的なインフォボックスを作成してみましょう。/></infobox>このWikiテキストでは、titleとimageの要素にnameとimageの変数が使用されることを示しています。.次に、追加情報を含むあと2つのフィールドを指定します。1つ目のフィールドを指定してみましょう。seenと設定した最後の部分を入力すると、次のようになります。source="first"><label>第一場面</label></data></infobox>これで、記事内でテンプレートを使用してインフォボックスを記事に表示することができます。上記のようなコードを使用したインフォボックスは、コミュニティのテーマに合わせて自動的にデザインされます。変数が指定されていない行は、表示されません('default'タグを使用していない場合)。編集インフォボックスには、次の2つのレイアウトオプションがあります。編集デフォルトインフォボックスのテーマは、infoboxタグのthemeまたはtheme-source属性を使って上書きすることができます。これにより、ローカル・コミュニティのCSSからインフォボックスをデザインできるようになります。インフォボックスのカスタムCSSクラスを指定するにはtheme属性を使用しますtheme-source属性を使用すると、テンプレート・パラメータからCSSクラスを変更することができますインフォボックス・タグ内で両方の属性を使用した場合は、theme属性がデフォルトとして扱われます。themeとtheme-sourceの値となる属性内のスペースはハイフンマイナス(-)に変換されるため、これを使用して追加できるのは、一つのクラスだけとなります。インフォボックスのテーマやより細かいカスタマイズについて詳しくは、ヘルプ:ポータブルインフォボックス/CSSをご覧ください。編集アクセント・カラー機能を使うと、タイトルやヘッダーの背景、テキストの色をインフォボックスごとに変更することができます。theme-sourceと同じく、カラーもaccent-color-source(背景)やaccent-color-text-source(テキスト)というテンプレート・パラメーターで設定することが可能です。#FFFと書き込むと、ヘッダーの背景とタイトルの色が#FFF(16進数カラーコードで白)になります。色の上書きは、#FFFや#FFFFFFといったように16進数のフォーマットで記述してください。アクセントカラーはデフォルトだけでなくカスタム設定のテーマより優先されます。アクセントカラーのデフォルト値を設定することもできます。accent-color-default="#FFF"と設定することで全てのタイトルとヘッダー背景が白になり、同様にaccent-color-text-default="#000000"とすればテキストが黒に設定されます。編集タブのついた画像インフォボックスの一か所で複数の画像を使用する場合<gallery>タグを加えます。hearse</gallery>}}この機能のさらなる情報については英語版のスレッドを参照。インフォボックス内に動画を埋め込みたいという場合には、<image>タグを使用して、画像の時と同じような作業での作成が可能です。画像の代わりに動画をインフォボックスに追加すると、動画のサムネイルとプレイアイコン、そして動画の長さがインフォボックス内に表示され、クリックすると動画プレイヤーがポップアップします。複数の動画を埋め込みたい場合には、複数の<image>タグを使用します。基本的なインフォボックスを作成したら、さらに高度なフィールドを使用する方法についても学んでみましょう。このセクションでは、右のようなインフォボックスを作成します。タイトル欄と画像欄の前に3つのデータフィールドがあります。このように、タイトル欄がいつも最初のフィールドである必要はありません。タイトル欄を使用できるのは1つのインフォボックスにつき1回のみです。次のフィールドでは、複数のフィールドを1つのグループにまとめて、グループごとに見出しを付けることができます。宣言したフィールドに値を指定しないと、そのフィールドは表示されませんので、ご注意ください。このルールはgroupタグ内の項目でも同様です。特定のグループ内のフィールド(見出しタグ以外)のどれにも値が指定されていない場合、グループ全体が表示されません。並列レイアウトグループタグには、すべてのコンテンツが横1列に隣合わせで表示される並列レイアウトの指定を含めることができます。これには、グループタグにlayout="horizontal"属性を追加します。“スマート”レイアウトは並列レイアウトに似た機能ですが、同じグループに属すデータフィールドを改行することができます。1行目のデータフィールドの個数が制限数を超えると、次のフィールドは下の行に移ります。フィールド内のアイテムは横幅に合わせて調節されます。スマートグループを使うには、row-items="3"(数字は行の制限数)と書き込んでください。スマートグループ内のアイテムはデフォルトで並列レイアウトになっているため、スマートグループを使う際にこの属性を追加する必要はありません。個別の<data>タグにlayout="default"を追加すれば、スマートグループの中で垂直と並列のレイアウトを組み合わせることができます。特定のフィールドだけスペースを広く取りたい場合、<data>タグにspan="2"と設定すれば、フィールドが数値の分だけ(この場合2つ分)広くなります。編集show="incomplete"を使用して、空白の値があってもグループ要素のすべてが表示されるよう強制することができます。すべてが空の場合は、そのグループは表示されません。/></group>上記のすべてを組み合わせると、次のようなテンプレートコードになります。casualties</label></data></infobox>これを記事の中で使用すればインフォボックスの完成です。collapse="closed"を加えることで、グループの折りたたみが可能になります。グループのヘッダーをクリックすると表示/非表示の切り替えができます。/></group>注意:コンテンツを含んでいるヘッダーは、これを機能させるためグループタグに従います。編集データの前後に情報を追加する場合(アイコンやカテゴリを追加するなど)や、渡された値の処理が必要な場合には、フィールドのフォーマットを使用します。icon}}テンプレートを挿入できます。icon}}</format></data>右の例は、次のような構文によってレンダリングされています。編集パーサー関数をインフォボックスに加えられます。引数(タグかデータソース)が空白の場合自動的に非表示となります。<default>Orc</default></data>RankOrcswitch文の空文字列でテストするのは不思議に感じるかもしれませんが、すでにデフォルトタグでカバーされているのです。編集ヘルプ:インフォボックス/CSSヘルプ:インフォボックス/タグポータブル・インフォボックスについての詳細はヘルプ:インフォボックス/高度な情報をご覧くださいインフォボックス作成の従来の方法についてはヘルプ:クラシック・インフォボックスをご覧くださいケーススタディ:インフォボックスを作ってみる。編集ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。最新の情報やヘルプについては、コミュニティセントラルをご覧ください。この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。このヘルプはコミュニティセントラル内にて管理されています。ライセンスの下で利用可能です。Info広告について媒体資料Fandomアプリアプリをダウンロードすれば、いつでもどこでもお気に入りのコミュニティに簡単にアクセスできます。ジャンルのFANDOMコミュニティです。