ヘルプ:メインページのカラムタグ/ソース

下記のメインページのカラムタグのコードはコミュニティのメインページのソースコードです。(英語版Demo Wikiを翻訳したものです。) 日本語版Demo Wikiもご覧ください。

<mainpage-leftcolumn-start />

<div style="background-color:#BBC; color:#000; height:100px; padding:1em;">
'''左カラムのボックス<br />―― 現在は100ピクセルの高さです。'''

Wikiのタイトル、歓迎メッセージ、タイトル画像などを配置することができます（任意）。
</div>

<div style="background-color:#BCB; color:#000; margin-top:1em; padding:1em;"> ''' 左カラムのセンテンス'''</div>

<div style="border:2px solid #BCB; color:#000; margin-top:1em; padding:1em;">
'''左カラムのボックス'''

―― [[w:c:ja.community:ヘルプ:メインページ|メインページ]]を手軽にデザインしていただくため、Fandomでは'''[[w:c:ja.community:ヘルプ:メインページのカラムタグ|メインページのカラムタグ (<tags/>)]]''' を使ったレイアウトを推奨しています。

以下のタグを使っていただきますと、Fandomによるメインページのレイアウト最適化が行われた際に、再編集することなく最新のレイアウトをご利用いただくことができます。また、広告等も適切な位置に表示されます。

<pre>
<mainpage-leftcolumn-start />

左カラムの内容

<mainpage-endcolumn />

<mainpage-rightcolumn-start />

右カラムの内容

<mainpage-endcolumn />
</pre>

== タグの使用法 ==
[[ファイル:Main_page_tags_editor.png|thumb|300px|メインページカラムタグの編集画面]]
"leftcolumn"タグで、可変幅の左カラムを始めます。

<pre><mainpage-leftcolumn-start /></pre>

カラムはこのタグで終わります。

<pre><mainpage-endcolumn /></pre>


次の"leftcolumn"で300px幅の右カラムを始めます。

<pre><mainpage-rightcolumn-start /></pre>

右カラムもこのタグで終わります。

<pre><mainpage-endcolumn /></pre>

左右カラムの下に、100%幅の要素を表示させたい場合は、右カラムタグの後に記述します。その際は、右カラムの<mainpage-endcolumn />タグに続けて、必ず、以下のタグを記述してください。

<pre><br style="clear:both;"/></pre>

(内容の少ないメインページでは、100%幅の要素はご利用にならないことをお勧めします。)

</div>

<mainpage-endcolumn />

<mainpage-rightcolumn-start />

<div style="background-color:#BBC; color:#000; height:250px; padding:1em;">'''右カラムの300x600pxのボックス'''

―― Fandomの広告が表示されます。</div>

<div style="background-color:#BCC;  margin-top:1em; padding:1em;">'''右カラムのセンテンス'''</div>

<div style="margin-top:1em; padding:1em; border:2px solid black; margin:auto;text-align:center">
秀逸な画像<br />
[[ファイル:Greece-0723.jpg|270px]]</div>

<div style="background-color:#CBB; color:#000; height:500px; margin-top:1em; padding:1em;">'''右カラムのセンテンス<br />―― 現在は高さ500pxのボックスの中にあります。'''<br />

秀逸な記事や画像、人気カテゴリのリスト、[[w:c:ja.community:ヘルプ:ソーシャルメディアを取り込む|埋め込みウィジェット]]、[[w:c:ja.community:ヘルプ:ビデオ|ビデオ]]や[[w:c:ja.community:ヘルプ:投票|投票]]、[[w:c:ja.community:ヘルプ:カレンダー|カレンダー]]など、あなたのお好みで、コンテンツを配置してください。</div>
<mainpage-endcolumn />
<br style="clear:both;"/>

<div style="background-color:#BCB; color:#000; margin-top:1em; padding:1em;">''' 下部コンテンツ<br />―― 100%幅で左右カラムの下に配置されます。'''</div>

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

• ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。
• 最新の情報やヘルプについては、コミュニティセントラルをご覧ください。
• この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。
• このヘルプはコミュニティセントラル内にて管理されています。