コミュニティセントラル
このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
原文 :w: 帮助:信息框


インフォボックスはファクトシートや雑誌の囲み記事のようなもので、ページのトピックの概要をまとめて紹介する形式になっており、 重要なポイントが一目でわかるよう読みやすく整理されています。 インフォボックスは通常、コミュニティ内で統一されるようテンプレートを使って作成します。

粉丝では現在、さまざまな端末でインフォボックスが適切に表示されるよう、インフォボックスをコード化するための新しい方法を開発しています詳細については下記を参照)が記事内での使い方は変わりません。しかしテンプレートのページが変化します。クラシック・インフォボックスからの移行のヘルプはヘルプ:インフォボックスの移行をご覧ください。

インフォボックスの使い方[]

JA从VE中选择信息框

ビジュアルエディタのインフォボックス挿入

インフォボックスは他のテンプレートと同様の方法で記事に追加することができ、エディタに組み込まれているテンプレートツールか、ソースモードを使用します。ビジュアルエディタを使用すれば挿入」ボタンから簡単にポータブルインフォボックスを挿入できます。

ソースモードを使用する場合は、通常、まずテンプレートのドキュメントたいていはテンプレートのページの下の方にあります)から構文をコピーして記事の中に貼り付け、イコールの記号(=)の後を適切な情報に変更します。 たとえば、次のようにします。

{{信息框 性格| 标题 = デイジー| 形象 = 示例.jpg| 图像字幕 = 風に吹かれるデイジー| 位置 = 最上位の花| 年龄 = 2か月| 地位 = 有効| 高度 = 5インチ| 重量 = 20グラム}}

ポータブルインフォボックスの加え方は他のテンプレートと同じです。しかしテンプレートページのマークアップが少々異なります。下記を参照。

インフォボックスの作成[]

教程邮箱

冬がやってくる

最初に好きな名前例: テンプレート:示例信息框)で新しいテンプレートを作成します。かつては表やdivsを使用しましたが今は信息框タグを使用します。まずは、タイトルと画像を含む基本的なインフォボックスを作成してみましょう。

<信息框 布局=“堆叠”>
  <标题 源=“名称”><默认>{{PAGENAME}}</default></title>
  <图像 源=“图像” />
</infobox>

この维基テキストでは、标题形象の要素に名称形象の変数が使用されることを示しています。 さらに、违约タグを指定して、記事の名前や画像などが指定されていない場合にその値を使用することも できます。.

次に、追加情報を含むあと2つのフィールドを指定します。まず、1つ目のフィールドを指定してみましょう。

<数据 源=“季节”><标签>シーズン</label></data>

次に来源を第一、标签を第一次看到と設定した最後の部分を入力すると、次のようになります。

<信息框 布局=“堆叠”>
  <标题 源=“名称”><默认>{{PAGENAME}}</default></title>
  <图像 源=“图像” />
  <数据 源=“季节”><标签>シーズン</label></data>
  <数据 源=“第一个”><标签>第一場面</label></data>
</infobox>

これで、記事内でテンプレートを使用してインフォボックスを記事に表示することができます。

{{示例 |姓名   = エダード・スターク |图像  = eddard.jpg格式 |季节 = [[シーズン1|1]] |第一个  = "[[冬がやってくる]]"}}

スタイリングと表示[]

上記のようなコードを使用したインフォボックスは、コミュニティのテーマに合わせて自動的にデザインされます。 また、変数が指定されていない行は、表示されません(“默认”タグを使用していない場合)。

レイアウトのオプション[]

インフォボックスには、次の2つのレイアウトオプションがあります。

デフォルト(桌子) 積み重ね式(堆叠)
タグで指定するラベルが値の左側に表示されます タグで指定するラベルが値の上に表示されます
<信息框>
   ...</infobox>
<信息框 布局=“堆叠”>
   ...</infobox>
2015年6月16日12时12分截屏

デフォルト(桌子)

2015年6月16日12时10分截屏

積み重ね式(堆叠)

テーマのカスタム設定[]

デフォルトインフォボックスのテーマは、信息框タグの主题または主题来源属性を使って上書きすることができます。これにより、ローカル・コミュニティのCSS公司からインフォボックスをデザインできるようになります。

  • インフォボックスのカスタムCSS公司クラスを指定するには主题属性を使用します
  • 主题来源属性を使用すると、テンプレート・パラメータからCSS公司クラスを変更することができます

インフォボックス・タグ内で両方の属性を使用した場合は、主题属性がデフォルトとして扱われます。また、主题主题来源の値となる属性内のスペースはハイフンマイナス(-)に変換されるため、これを使用して追加できるのは、一つのクラスだけとなります。

インフォボックスのテーマやより細かいカスタマイズについて詳しくは、ヘルプ:ポータブルインフォボックス/CSS公司をご覧ください。'

アクセント・カラー[]

アクセント・カラー機能を使うと、タイトルやヘッダーの背景、テキストの色をインフォボックスごとに変更することができます。主题来源と同じく、カラーも重音-彩色源(背景)や重音-彩色-文本源テキスト)というテンプレート・パラメーターで設定することが可能です。

例えば、インフォボックス・テンプレートをaccent-color-source=“bkg”に設定し、記事中のインフォボックスでbkg=#FFFと書き込むと、ヘッダーの背景とタイトルの色が#FFF(16進数カラーコードで白)になります。色の上書きは、#FFFや#FFFFFFといったように16進数のフォーマットで記述してください。

アクセントカラーはデフォルトだけでなくカスタム設定のテーマより優先されます。

また、アクセントカラーのデフォルト値を設定することもできます。accent-color-default=“#FFF”と設定することで全てのタイトルとヘッダー背景が白になり、同様に强调色文本默认值=“#000000”とすればテキストが黒に設定されます。

複数の画像と動画の挿入[]

信息框选项卡

タブのついた画像

インフォボックスの一か所で複数の画像を使用する場合<画廊>タグを加えます。

{{示例 |姓名   = 艾德 完全的 |图像  = <画廊>艾德 1.jpg|Eddard   艾德 2.jpg|Eddard 在里面  房子艾德 3.jpg|Eddard 通过  灵车</画廊>}}

この機能のさらなる情報については英語版のスレッドを参照。

インフォボックス内に動画を埋め込みたいという場合には、<图像>タグを使用して、画像の時と同じような作業での作成が可能です。画像の代わりに動画をインフォボックスに追加すると、動画のサムネイルとプレイアイコン、そして動画の長さがインフォボックス内に表示され、クリックすると動画プレイヤーがポップアップします。複数の動画を埋め込みたい場合には、複数の<图像>タグを使用します。

高度な使用法[]

高级信息框

グループ化

基本的なインフォボックスを作成したら、さらに高度なフィールドを使用する方法についても学んでみましょう。このセクションでは、右のようなインフォボックスを作成します。

タイトル欄と画像欄の前につのデータフィールドがあります。 このように、タイトル欄がいつも最初のフィールドである必要はありません。ただし、タイトル欄を使用できるのは1つのインフォボックスにつき1回のみです。

<信息框 布局=“堆叠”>
  <数据 源=“上一个”><标签>上一个</label></data>
  <数据 源=“conc”><标签>同时发生的</label></data>
  <数据 源=“下一个”><标签>下一步</label></data>
  <标题 源=“名称” />
  <图像 源=“图像” />
</infobox>

タグの中で情報をグループ化する[]

次のフィールドでは、複数のフィールドを1つのグループにまとめて、グループごとに見出しを付けることができます。 宣言したフィールドに値を指定しないと、そのフィールドは表示されませんので、ご注意ください。 このルールはタグ内の項目でも同様です。特定のグループ内のフィールド見出しタグ以外)のどれにも値が指定されていない場合、グループ全体が表示されません。

<信息框 布局=“堆叠”>
  <数据 源=“上一个”><标签>上一个</label></data>
  <数据 源=“conc”><标签>同时发生的</label></data>
  <数据 源=“下一个”><标签>下一步</label></data>
  <标题 源=“名称” />
  <图像 源=“图像” />
  <组>
    <标题>细节</标题>
    <数据 源=“冲突”><标签>冲突</label></data>
    <数据 源=“日期”><标签>日期</label></data>
    <数据 源=“地点”><标签>地点</label></data>
    <数据 源=“结果”><标签>结果</label></data>
  </组>
</infobox>

グループタグの並列レイアウト[]

2015-06-16第13.27页截图

並列レイアウト

グループタグには、すべてのコンテンツが横1列に隣合わせで表示される並列レイアウトの指定を含めることができます。これには、グループタグにlayout=“水平”属性を追加します。

<组 布局=“水平”>
   ...</组>

グループタグのスマートレイアウト[]

スマート”レイアウトは並列レイアウトに似た機能ですが、同じグループに属すデータフィールドを改行することができます。1行目のデータフィールドの個数が制限数を超えると、次のフィールドは下の行に移ります。フィールド内のアイテムは横幅に合わせて調節されます。

スマートグループを使うには、row-items=“3”数字は行の制限数)と書き込んでください。スマートグループ内のアイテムはデフォルトで並列レイアウトになっているため、スマートグループを使う際にこの属性を追加する必要はありません。また、個別の<数据>layout=“默认”を追加すれば、スマートグループの中で垂直と並列のレイアウトを組み合わせることができます。

特定のフィールドだけスペースを広く取りたい場合、<数据>span=“2”と設定すれば、フィールドが数値の分だけ(この場合2つ分)広くなります。

<信息框>
  <标题 源=“名称” />
  <图像 源=“图像” />
  <组 行-项目="3">
    <标题>细节</标题>
    <数据 源=“冲突”><标签>冲突</label></data>
    <数据 源=“日期”><标签>日期</label></data>
    <数据 源=“地点”><标签>地点</label></data>
    <数据 源=“结果” 布局=“默认”><标签>结果</label></data>
  </组>
</infobox>

すべてのグループ要素の表示を強制する[]

show=“未完成”を使用して、空白の値があってもグループ要素のすべてが表示されるよう強制することができます。ただし、すべてが空の場合は、そのグループは表示されません。

<组 布局=“水平” 表演=“不完整”>
  <标题>战斗人员</标题>
  <数据 源=“侧面1” />
  <数据 源=“侧面2” />
</组>

上記のすべてを組み合わせると、次のようなテンプレートコードになります。

<信息框 布局=“堆叠”>
  <数据 源=“上一个”><标签>上一个</label></data>
  <数据 源=“conc”><标签>同时发生的</label></data>
  <数据 源=“下一个”><标签>下一步</label></data>
  <标题 源=“名称” />
  <图像 源=“图像” />
  <组>
    <标题>细节</标题>
    <数据 源=“冲突”><标签>冲突</label></data>
    <数据 源=“日期”><标签>日期</label></data>
    <数据 源=“地点”><标签>地点</label></data>
    <数据 源=“结果”><标签>结果</label></data>
  </组>
  <组 布局=“水平” 表演=“不完整”>
    <标题>战斗人员</标题>
    <数据 源=“侧面1” />
    <数据 源=“侧面2” />
  </组>
  <组 布局=“水平” 表演=“不完整”>
    <标题>指挥官</标题>
    <数据 源=“命令1” />
    <数据 源=“命令2” />
  </组>
  <组 布局=“水平” 表演=“不完整”>
    <标题>力量</标题>
    <数据 源=“力1” />
    <数据 源=“力2” />
  </组>
  <组 布局=“水平” 表演=“不完整”>
    <标题>伤亡者</标题>
    <数据 源=“休闲1” />
    <数据 源=“休闲2” />
  </组>
  <数据 源=“平民”><标签>平民 伤亡者</label></data>
</infobox>

これを記事の中で使用すればインフォボックスの完成です。

{{战斗|上一个 = [[フェアアイルの戦い]]|混凝土 = [[オールド・ウィックの包囲]]|下一个 = [[パイクの包囲]]|姓名 = [[グレート・ウィックの包囲]]|图像 = 史坦尼斯 伟大的 Wyk.png公司|冲突 = [[グレイジョイの反乱]]|日期 = 289 美国铝业公司|地点 = [[鉄諸島]]、[[グレートウィック]]|结果 = [[鉄の玉座]]獲得|侧面1 = 格雷乔伊 迷你 shield.png|20px|right|link=房屋 格雷乔伊]] [[グレジョイ家]]|侧面2 = [:巴拉西恩 迷你 shield.png|20px|right|link=房屋 巴拉森]] [[鉄の玉座]]|命令1 = 不明|指挥官2 = [[スタニス・バラシオン]]卿|偶然1 = 不明|随意2 = 不明}}

グループの折りたたみ[]

PI-崩塌

クリックで折りたためるグループ

<组>タグにcollapse=“打开”塌陷=“关闭”を加えることで、グループの折りたたみが可能になります。グループのヘッダーをクリックすると表示/非表示の切り替えができます。

<组 坍塌=“已关闭”>
  <标题>外观</标题>
  <数据 源=“电影” />
  <数据 源=“漫画” />
</组>

注意:コンテンツを含んでいるヘッダーは、これを機能させるためグループタグに従います。

高度なオプション[]

フィールドのフォーマット[]

データの前後に情報を追加する場合アイコンやカテゴリを追加するなど)や、渡された値の処理が必要な場合には、フィールドのフォーマットを使用します。

  • 格式タグ内に节点を指定した場合、源=に指定した変数は格式タグの中で指定したとおりにフォーマット/変更されます
  • 源=の変数が空の場合、违约タグで指定した値がレンダリングされます违约タグを指定していない場合はレンダリングされません)

使用例:

  • テキストの追加-${{price}}}
  • リンク-[[{{哈利·波特}}]]
  • カテゴリ-[[汽车类型}}]]

例えば、{{金钱图标}}テンプレートを挿入できます。

<数据 源=“价格”>
  <标签>价格</label>
  <格式>{{{price}}} {{钱 图标}}</format>
</data>

右の例は、次のような構文によってレンダリングされています。

场变子

フォーマットを含むフィールド

<标题>价格  购买</标题>
<数据 源=“讨价还价”>
  <标签>价格 具有 讨价还价</label>
  <格式>{{{买}}} {{钱 图标}}</format>
</data>
<数据 源=“购买”>
  <标签>未折扣 价格</label>
  <格式>{{{buy}}} {{钱 图标}}</format>
</data>
<数据 源=“出售”>
  <标签>价格  </label>
  <格式>{{{sell}}} {{钱 图标}}</format>
</data>
<数据 源=“重量”>
  <标签>重量</label>
  <格式>{{{weight}}} {{重量 图标}}</format>
</data>

パーサー関数[]

パーサー関数をインフォボックスに加えられます。しかし、引数タグかデータソース)が空白の場合自動的に非表示となります。

テンプレートコード 表示
<数据 源=“级别”>
  <标签>排名</label>
  <格式>兽人 {{#开关:{{level}}}         |1=peon         |2=咕哝         |#默认=咕哝  }}</format>
  <默认>兽人</default>
</data>

转换文の空文字列でテストするのは不思議に感じるかもしれませんが、すでにデフォルトタグでカバーされているのです。例:|=(未知等级)

[]

関連情報[]


さらに詳しく[]

テクニカルインフォメーション[]

その他のヘルプとフィードバック[]