コミュニティセントラル

編集中:

ヘルプ:インフォボックス

1
  • この編集を取り消す前に、以下の差分を確認してください。保存すると、この版での変更部分を取り消せます。 荒らし以外の編集を取り消す場合…
最新版 編集中の文章
22行: 22行:
   
 
'''関連リンク:'''
 
'''関連リンク:'''
*ビジュアルエディタでの基本的なインフォボックス編集方法 - '''[[ヘルプ:インフォボックスの編集|インフォボックスの編集]]'''
 
 
* ポータブル・インフォボックスで使用するスタンダードなタグとその中で使えるWikiテキストのサンプル等についての詳細なリストは、'''[[ヘルプ:インフォボックス/タグ]]'''をご覧ください。
 
* ポータブル・インフォボックスで使用するスタンダードなタグとその中で使えるWikiテキストのサンプル等についての詳細なリストは、'''[[ヘルプ:インフォボックス/タグ]]'''をご覧ください。
 
* [[ヘルプ:クラシック・インフォボックス|クラシック・インフォボックス]]をポータブルインフォボックスに移行する方法について - '''[[ヘルプ:インフォボックスの移行]]'''
 
* [[ヘルプ:クラシック・インフォボックス|クラシック・インフォボックス]]をポータブルインフォボックスに移行する方法について - '''[[ヘルプ:インフォボックスの移行]]'''
132行: 131行:
 
インフォボックスのテーマやより細かいカスタマイズについて詳しくは、'''[[ヘルプ:ポータブルインフォボックス/CSS]]'''をご覧ください。'
 
インフォボックスのテーマやより細かいカスタマイズについて詳しくは、'''[[ヘルプ:ポータブルインフォボックス/CSS]]'''をご覧ください。'
   
===アクセント・カラー===
 
アクセント・カラー機能を使うと、タイトルやヘッダーの背景、テキストの色をインフォボックスごとに変更することができます。'''theme-source'''と同じく、カラーも'''accent-color-source'''(背景)や'''accent-color-text-source'''(テキスト)というテンプレート・パラメーターで設定することが可能です。
 
 
例えば、インフォボックス・テンプレートを'''accent-color-source="bkg"'''に設定し、記事中のインフォボックスで'''bkg = #FFF'''と書き込むと、ヘッダーの背景とタイトルの色が#FFF(16進数カラーコードで白)になります。色の上書きは、#FFFや#FFFFFFといったように16進数のフォーマットで記述してください。
 
 
アクセントカラーはデフォルトだけでなくカスタム設定のテーマより優先されます。
 
 
また、アクセントカラーのデフォルト値を設定することもできます。'''accent-color-default="#FFF"'''と設定することで全てのタイトルとヘッダー背景が白になり、同様に'''accent-color-text-default="#000000"'''とすればテキストが黒に設定されます。
 
 
== 複数の画像と動画の挿入 ==
 
== 複数の画像と動画の挿入 ==
 
[[ファイル:Infoboxtabs.png|thumb|150px|タブのついた画像]]
 
[[ファイル:Infoboxtabs.png|thumb|150px|タブのついた画像]]
199行: 190行:
 
<div style=margin-top:1em;> </div>
 
<div style=margin-top:1em;> </div>
   
=== グループタグの並列レイアウト ===
+
=== グループタグのもう一つのレイアウト ===
 
[[ファイル:Screen_Shot_2015-06-16_at_13.27.08.png|thumb|200px|並列レイアウト]]
 
[[ファイル:Screen_Shot_2015-06-16_at_13.27.08.png|thumb|200px|並列レイアウト]]
 
グループタグには、すべてのコンテンツが横1列に隣合わせで表示される並列レイアウトの指定を含めることができます。これには、グループタグに'''layout="horizontal"'''属性を追加します。
 
グループタグには、すべてのコンテンツが横1列に隣合わせで表示される並列レイアウトの指定を含めることができます。これには、グループタグに'''layout="horizontal"'''属性を追加します。
211行: 202行:
 
<div style=margin-top:1em;> </div>
 
<div style=margin-top:1em;> </div>
   
===グループタグのスマートレイアウト===
 
“スマート”レイアウトは並列レイアウトに似た機能ですが、同じグループに属すデータフィールドを改行することができます。1行目のデータフィールドの個数が制限数を超えると、次のフィールドは下の行に移ります。フィールド内のアイテムは横幅に合わせて調節されます。
 
 
スマートグループを使うには、'''row-items="3"'''(数字は行の制限数)と書き込んでください。スマートグループ内のアイテムはデフォルトで並列レイアウトになっているため、スマートグループを使う際にこの属性を追加する必要はありません。また、個別の<nowiki><data></nowiki>タグに'''layout="default"'''を追加すれば、スマートグループの中で垂直と並列のレイアウトを組み合わせることができます。
 
 
特定のフィールドだけスペースを広く取りたい場合、<nowiki><data></nowiki>タグに'''span="2"'''と設定すれば、フィールドが数値の分だけ(この場合2つ分)広くなります。
 
 
<syntaxhighlight lang="xml" style="margin:1em 0 1em 1em;">
 
<infobox>
 
<title source="name" />
 
<image source="image" />
 
<group row-items="3">
 
<header>Details</header>
 
<data source="conflict"><label>Conflict</label></data>
 
<data source="date"><label>Date</label></data>
 
<data source="place"><label>Place</label></data>
 
<data source="result" layout="default"><label>Outcome</label></data>
 
</group>
 
</infobox>
 
</syntaxhighlight>
 
 
<div style=margin-top:1em;> </div>
 
 
=== すべてのグループ要素の表示を強制する ===
 
=== すべてのグループ要素の表示を強制する ===
 
'''show="incomplete"'''を使用して、'''空白'''の値があってもグループ要素の'''すべて'''が表示されるよう強制することができます。ただし、''すべて''が空の場合は、そのグループは表示されません。
 
'''show="incomplete"'''を使用して、'''空白'''の値があってもグループ要素の'''すべて'''が表示されるよう強制することができます。ただし、''すべて''が空の場合は、そのグループは表示されません。
  エディタを読み込んでいます
下記は一般に利用されるウィキマークアップコードです。使用したいものをクリックすると編集ボックスにそれが出現します。

このテンプレートを編集

このページは:1 hidden category に属しています。

プレビュー

モバイル

PC