コミュニティセントラル
ヘルプ
Infobox-mlp

インフォボックスの例

インフォボックス (Infobox) とは、ページのそのトピックの概要を説明するために設計された雑誌記事のファクト・シート、スライダーのようなものです。インフォボックスは整理されすぐに読めるフォーマットで重要なポイントを伝えます。インフォボックスのセクションはそのwikia全体にわたって一貫性を保って作るため、たいていはどの記事でも同一になります。このページで解説しているクラシックインフォボックスはテンプレートで作られています。

Information icon4 注意 ヘルプ:インフォボックスではWikiaが開発したインフォボックス作成の新しい手順について解説しています。「従来(クラシック)」のインフォボックス作成についてのみ下記をご覧ください。

詳しい手順

ほとんどのコミュニティでは、各wikiaのスタイルとコンテンツとトピックに見合ったカスタマイズできるインフォボックステンプレートがビルトインされています。以下にインフォボックスの使い方を示します。

  • ビジュアルモードで編集する記事ページを開きます。
  • 右のレールにある「テンプレート」セクション下部で、「インフォボックス」のオプションを選択してください。インフォボックスのコンテンツを編集するポップアップウィンドウが開きます。
  • インフォボックス・エディタのフィールドはウィキアによってさまざまですが、ここには標準のオプションがあります:
  • タイトル(Title) - インフォボックスの上部の名称。ほとんどの場合は記事のタイトルになります。例:ボブ
  • 画像(Image) - インフォボックスに表示したい画像(アップロード済みのもの)の完全ファイル名。 例: File:花.jpg
  • 画像の幅 (Imagewidth) - 表示したい画像の幅 (ピクセル単位)。例:250px
  • 列1情報 (Row 1 info) - 最初の情報の列のコンテンツ 例:人間
  • あなたの知識で最高のものをコンテンツに書き入れ、あなたの投稿を確認するために「プレビュー」をクリックしてください。
  • インフォボックスを追加する準備ができたら、インフォボックス・エディタ上で「OK」をクリックして、あなたのページで「公開」(Publish) してください。

初めてのインフォボックス追加おめでとうございます!

そして、ソースモードで、テンプレートのドキュメントページのシンタックス(インフォボックスのテンプレートの下部にあります)をコピーし、記事の最上部にペーストすることによってページにインフォボックスを追加できます。必要な情報をイコールの後ろに記入してください。例:

{{infobox character
 | タイトル         = Flowa
 | 画像         = Example.jpg
 | 画像の説明  = Flowa, at rest
 | 地位      = Legal Secretary
 | 年齢           = 2 months
 | 状態        = Active
 | 身長        = 5 inches
 | 体重        = 20 grams
}}

インフォボックスのソースを編集することによってインフォボックスを管理するコードを調整することもできます。もし標準のインフォボックステンプレートを使用している場合、このページはあなたのwikia上ではTemplate:Infoboxになっているでしょう。

新しいインフォボックスのカスタマイズ

新しいwikiを始めた場合、デフォルトのパラメーターによってすでに存在するインフォボックスがあります。おそらくこれらのパラメーターはあなたの需要にぴったりと沿うものではないでしょう。では、どのようにしてあなたのwikiに合うようにカスタマイズするでしょうか?

まず、どのようにしてインフォボックスをカスタマイズ「しない」でいるかを知る必要があります。新しいユーザーの多くはインフォボックスを作るコードの上にあるセクションのコードを間違えます。このときの問題はそのコードがインフォボックスを作るためではなく、他のページで使用するためにインフォボックスを呼び出すものであるということです。そのコードは「'Template:Infobox character'のコンテンツを取ってページに置きたい。そしてその項目に情報を書き込みたい」というような意味です。このコードはテンプレート自体を作る情報を与えるものではなく、あなたがページに使うために別の場所にあるテンプレートを呼び出すためのものです。

それでは最も基本的なインフォボックスのカスタマイズ法を見てみましょう:すべてのwikiにおいてTemplate:Infoboxとして使用されるものです。これは他のインフォボックスとまったく同じように機能しますが、もっとも簡単に操作できるものでもあります。

編集モードに切り替えるとページいっぱいのコードが表示されます。これを読んでもほとんど理解できないでしょうし、大部分は無視しても構いません。留意すべきはテンプレートの以下の部分です。

|- 
! colspan="2" | <div class="wikia-infobox-section-header">項目</div>

|-
! First
| {{{first|''不明''}}}

|-
! Second
| {{{second|''不明''}}}

|-
! Third
| {{{third|''不明''}}}

|-
! colspan="2" | <div class="wikia-infobox-section-header">その他の項目</div>

|-
{{#if: {{{fourth|}}} |
! Fourth
{{!}} {{{fourth}}}
| }}

|-
{{#if: {{{fifth|}}} |
! Fifth
{{!}} {{{fifth}}}
| }}

|-
{{#if: {{{sixth|}}} |
! Sixth
{{!}} {{{sixth}}}
| }}

First、Second、Third、Fourth、Fifth、Sixthはすべてプレースホルダー(仮の項目)であり、好きなように変更できます。"Some attributes"と"Other attributes"もプレースホルダーのヘッド名で後から自由に変更できますがここではまず基本的な部分を変えてみましょう。

下記は上記のフォーマットに従った構文要素です:

|-
! First
| {{{first|''Unknown''}}}

大文字のFirstはページが公開されると項目の横に表示され、小文字のfirstはページに表示するためにあなたがコードを定める部分です。これらは好きなように変更でき、Second/secondとThird/thirdについても同様です。以下はその例です:

|-
! 生年年月日
| {{{dob|''不明''}}}


以下の通りにすれば特定のコードを呼び出して使うことができます:

{{Infobox
 | dob        = 1963/11/23
}}

このように表示されます:

不明
項目
生年年月日 1963/11/23
その他の項目


Firstと同じように今はSecond、Thirdの項目が列に入っていますが、コピーペーストによってより多くの枠組みを作るデフォルトの項目を足すことができます。プレースホルダーの名前を希望のものに変えるだけで良いのです。例:

|- 
! colspan="2" | <div class="wikia-infobox-section-header">Some attributes</div>

|-
! 生年年月日
| {{{dob|''不明''}}}

|-
! 出身地
| {{{birthplace|''不明''}}}

|-
! 職業
| {{{occupation|''不明''}}}

|-
! 家族
| {{{family|''不明''}}}

デフォルトの項目が設定しているページに関連している場合に限ってのみです。キャラクターにはニックネームがあり、あなたがその項目も設けたいとしましょう。しかし、すべてのキャラクターがニックネームを持っているわけではなく、その項目をすべてのページ表示させないようにしたい時は構文を次のように変更しましょう:

|-
{{#if: {{{fourth|}}} |
! Fourth
{{!}} {{{fourth}}}
| }}

前述の例では、大文字のFourthは項目の横に現れる名前でしたが、今回の場合はテンプレートにどの情報を使うか支持しています。しかしながら、この場合、最初のfourthは次のfourthとまったく同じになるように注意してください。例:

|-
{{#if: {{{aka|}}} |
! 別名
{{!}} {{{aka}}}
| }}

これは他の項目と同じように表示されますが、情報が書き込まれなければ表示されなくなります。順番や構造にかかわらずこれらは他の項目と同じようにどこにでも設置できます。

最後の課題は「項目」と「その他の項目」です。これらはインフォボックスの各セクションのヘッドとなります。名前をなんでも好きなように変え、他のコードはそのままにしてください。もしふたつめが必要なければ削除もできます。あるいは最初のどちらかをコピーして必要なところにペーストすることで3つ目を付け加えることもまた可能です。このときも好きな名前に変えてください。

すべてを繋げてどうなるか確認しましょう。これまでに見てきたテンプレートのパーツは以下のとおりです:

|- 
! colspan="2" | <div class="wikia-infobox-section-header">基本情報</div>

|-
{{#if: {{{aka|}}} |
! 別名
{{!}} {{{aka}}}
| }}

|-
! 生年年月日
| {{{dob|''不明''}}}

|-
! 出身地
| {{{birthplace|''不明''}}}

|-
! 職業
| {{{occupation|''不明''}}}

|-
! 家族
| {{{family|''不明''}}}

もうひとつのパートを独立させたため、他にもテンプレート内に使うことができる部品があります。上記を他のテンプレートと混合した場合、以下のようになります:

{{Infobox
 | title          = ジョン・スミス
 | image          = Example.jpg
 | imagecaption   = 
 | imagewidth     = 
 | aka            = ドクター
 | dob            = 1963年11月23日23
 | birthplace     = ギャリフレー
 | occupation     = 科学者
 | family         = スーザン(孫娘)
}}

以下のように表示されます:

ジョン・スミス
Example
基本情報
別名 ドクター
生年月日 1963年11月23日
出身地 ギャリフレー
職業 科学者
家族 スーザン(孫娘)





おめでとうございます!これでインフォボックスのカスタマイズは終了です!インフォボックスの外観の変更にはCSSは必要です。ここここ(英語)で詳しく解説されています。








高度なカスタマイズ

コミュニティによっては、先進的なカスタムCSSとテンプレートコードを使った複雑なインフォボックスが作られていることがあります。すべてのコードはウィキア上で公的に入手可能です。テンプレートを作成する方法を確認したり独自のインフォボックスのアイデアを取り入れる目的で、テンプレートファイルを簡単に探すことができます。

もし技術的な詳細ヘルプが必要な場合は、以前にインフォボックスをうまく編集してきた他のユーザーにアドバイスを求めることができます。あるいはウィキアのコミュニティフォーラム英語版) で質問することができます。

関連項目