テンプレート:Block center
{{{1}}}
![]() | このテンプレートはテンプレートスタイルを使用しています: |
![]() | このテンプレートは このテンプレートは、クラス( 詳細は en:H:DIVSPAN を参照してください。 |
使用法
[編集]このテンプレートは、ページ中央にテキストブロックを配置しますが、そのブロック内のテキストの配置(通常は左寄せ)には影響しません。
{{bc}} はこのテンプレートの省略形で、ここへリダイレクトされています。
- {{Block center}} と {{Center}} の比較
このテンプレートは、現在のテキスト整列(通常は左寄せ)を保持しつつ、テキストのブロック全体を中央に配置します。テキスト自体の整列を中央にしたい場合は、代わりに {{center}} を使用してください。
- Block center
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。
- Center
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。
パラメータ
[編集]すべてのパラメータは任意です。テキストのみが必須です。
- 1, text, body:中央に配置するテキストブロック。
- title:ブロックのタイトル。
- width:ブロックの幅(有効なCSS単位が必要です)。
- max-width:ブロックの最大幅(有効なCSSの単位が必要です)。
- height:ブロックの高さ(有効なCSS単位が必要です)。使用すると、 に分類されます。
- align:ブロック内のテキスト整列。
left
,right
,start
,end
,center
,justify
のいずれか。デフォルトは未指定で、親要素から継承されます。 - class:追加のCSSクラス。インデックスCSSと組み合わせて使用できます。
wst-block-center
およびwst-block-center-title
のクラスは、常に本文とタイトルにそれぞれ適用されます。 - style:追加のCSSスタイル(スタイルを再利用する場合はクラスの使用が推奨されます)。
title
[編集]作品のタイトルを表示したい場合、オプションの "title" パラメータが使用できます。タイトルがスタンドアロンの行よりも中央にきれいに配置されることがありますが、そうでない場合もあります。これは通常、固定幅が指定されているかどうかによって変わります。
Example
{{block center|title=ポラーノの広場|あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、<br/>
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。}}
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。
width
[編集]ブロックの幅を固定したい場合に、オプションの "width" パラメータを使用できます。改行が発生する際に広めの幅を強制したい場合に便利です。
Example
{{block center|width=25em|あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、<br/>
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。}}
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。
テンプレート挿入部分の前後に通常の段落がある場合と同じ「余白(スペーシング)」を再現するには:
Example
<p>変更内容を保存すると、あなたは利用規約に同意するとともに、自分の投稿内容をCC BY-SA 4.0ライセンスおよびGFDLのもとの公開に同意したことになります。この同意は取り消せません。 また、あなたはハイパーリンクまたはURLがクリエイティブ・コモンズライセンスにおける帰属表示として十分であると認めたことになります。</p>
{{Block center|width=25em|あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、<br>
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。}}
<p>テキストはクリエイティブ・コモンズ 表示-継承ライセンスの下で利用可能です。 このサイトを利用することにより、利用規約およびプライバシーポリシーに同意したものとみなされます。</p>
変更内容を保存すると、あなたは利用規約に同意するとともに、自分の投稿内容をCC BY-SA 4.0ライセンスおよびGFDLのもとの公開に同意したことになります。この同意は取り消せません。 また、あなたはハイパーリンクまたはURLがクリエイティブ・コモンズライセンスにおける帰属表示として十分であると認めたことになります。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波。
テキストはクリエイティブ・コモンズ 表示-継承ライセンスの下で利用可能です。 このサイトを利用することにより、利用規約およびプライバシーポリシーに同意したものとみなされます。
注:この設定は、ページの幅が指定された幅よりも狭くても、指定された幅を強制します。max-width で最大幅が設定されていない場合は100%になります。
注:一般に、パーセンテージの使用は避けてください。これは、小さい画面で非常に狭くなりがちです。内容がテキストである場合は、テキスト相対単位(例:em)の使用が推奨されます。詳細は H:PXWIDTH を参照してください。
max-width
[編集]このパラメータは、親コンテナがどれだけ広くても、中央ブロックの幅がこれ以上にはならないようにする「最大」幅を指定します。width よりも、eリーダーなどの小さな画面に対応しやすいため、こちらの使用が推奨されることが多いです。
Example
{{block center|max-width=15em|Lあのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。}}
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
ただし、親コンテナがこの値より「小さい」場合、ブロックは通常どおり縮小されます:
Example
<div style="width:10em; margin:auto;">
{{block center|max-width=15em|
あのイーハトーヴォのすきとおった風、夏でも底に冷たさ
}}
</div>
あのイーハトーヴォのすきとおった風、夏でも底に冷たさ
この2つのパラメータを組み合わせて使うことも可能です。この場合、小さい画面(max-width未満)では width に応じて幅が設定され、大きい画面では max-width に制限されます。幅は親要素のサイズに応じて変化するため、通常は幅にパーセンテージ(例:100%)を指定します。
これは、フロートされたブロックがブロックの幅を正しく拡張しないような場合でも、小さい画面においては縮小を維持したいときに便利です。
Example
<div style="width:100%; border:1px dashed green;">
{{block center|max-width=40em|width=100%
|幅が広い親:最大幅40emが適用される。{{-}}{{float right|''右のテキスト''}}
}}
</div>
幅が広い親:最大幅40emが適用される。
右のテキスト
Example
<div style="width:30em; margin:auto; border:1px dashed green;">
{{block center|max-width=40em|width=100%
|幅が狭い親: 100% width{{-}}{{float right|''右のテキスト''}}
}}
</div>
幅が狭い親: 100% width
右のテキスト
height
[編集]Example
{{block center|height=15em|あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、<br/>
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波}}
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波
align
[編集]中央寄せされたブロック内のテキストの配置をこのパラメータで制御できます。
Example
{{block center|align=right|<poem>
あのイーハトーヴォの
{{gap}}すきとおった風、
夏でも底に冷たさをもつ青いそら、
{{gap}}うつくしい森で飾られたモリーオ市、
</poem>}}
あのイーハトーヴォの
すきとおった風、
夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
style
[編集]テキストのスタイルを指定したい場合に使用します。このパラメータには、表などに使える任意の CSS スタイル属性を指定できます。
Example
{{block center|style=font-style:italic|<poem>
あのイーハトーヴォの
{{gap}}すきとおった風、
夏でも底に冷たさをもつ青いそら、
{{gap}}うつくしい森で飾られたモリーオ市、
</poem>}}
あのイーハトーヴォの
すきとおった風、
夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
通常の段落とテンプレートの間に、やや大きめの「間隔」を設けたい場合にも使用できます。
Example
<p>変更内容を保存すると、あなたは利用規約に同意するとともに、自分の投稿内容をCC BY-SA 4.0ライセンスおよびGFDLのもとの公開に同意したことになります。この同意は取り消せません。 また、あなたはハイパーリンクまたはURLがクリエイティブ・コモンズライセンスにおける帰属表示として十分であると認めたことになります。</p>
{{block center|style=max-width:25em|あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、<br/>
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波}}
<p>テキストはクリエイティブ・コモンズ 表示-継承ライセンスの下で利用可能です。 このサイトを利用することにより、利用規約およびプライバシーポリシーに同意したものとみなされます。</p>
変更内容を保存すると、あなたは利用規約に同意するとともに、自分の投稿内容をCC BY-SA 4.0ライセンスおよびGFDLのもとの公開に同意したことになります。この同意は取り消せません。 また、あなたはハイパーリンクまたはURLがクリエイティブ・コモンズライセンスにおける帰属表示として十分であると認めたことになります。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、
うつくしい森で飾られたモリーオ市、
郊外のぎらぎらひかる草の波
テキストはクリエイティブ・コモンズ 表示-継承ライセンスの下で利用可能です。 このサイトを利用することにより、利用規約およびプライバシーポリシーに同意したものとみなされます。
複数ページにまたがる使用
[編集]複数の block center を使うと、それぞれのページで位置揃えがわずかに異なってしまいます。しかし、このテンプレートは「開きっぱなし」の状態にして他のページで閉じる、という使い方はできません。
複数ページにまたがる block center を作りたい場合は、{{Block center/s}} と {{Block center/e}} を使って、各ページで開始と終了を明示的に記述します。各ページには、開始用と終了用の両方を1つずつ、それぞれ先頭と末尾に配置する必要があります。ただし、いずれか一方または両方をヘッダー欄やフッター欄に配置すれば、メイン名前空間には参照読み込みされません。すべてのページが読み込まれると、開始部分と終了部分に1つずつだけ {{Block center/s}} と {{Block center/e}} が残ることになります。
詳細は ページ分割のヘルプ を参照してください。
最初のページ
[編集]- ヘッダー欄
ヘッダーには特に記述は必要ありません。
- 本文欄
{{block center/s}}
block center の開始。ここから内容を記述します。
- フッター欄
{{block center/e}}
中間のページ
[編集]- ヘッダー欄
{{block center/s}}
- 本文欄
block center の続きの内容をここに記述します。
- フッター欄
{{block center/e}}
最後のページ
[編集]- ヘッダー欄
{{block center/s}}
- 本文欄
ここには block center の最後の部分を記述します。
{{block center/e}}
- フッター欄
最後のページのフッターには特に記述は必要ありません。
トラッキングカテゴリ
[編集]- Category:title パラメータを指定している center block テンプレート使用ページ
- Category:スタイル関連のパラメータを指定している center block テンプレート使用ページ
- Category:class パラメータを指定している center block テンプレート使用ページ
- Category:height パラメータを指定している center block テンプレート使用ページ
- Category:width パラメータを指定している center block テンプレート使用ページ
- Category:max-width パラメータを指定している center block テンプレート使用ページ
- Category:align パラメータを指定している center block テンプレート使用ページ
- Category:style パラメータを指定している center block テンプレート使用ページ
関連項目
[編集]- {{block left}} — 左寄せブロック
- {{block right}} — 右寄せブロック
TemplateData
[編集]内容を中央配置のブロックとして表示します
パラメーター | 説明 | 型 | 状態 | |
---|---|---|---|---|
text | text 1 body | 中央に配置されるブロックの内容 | 内容 | 必須 |
title | title | ブロックのタイトル | 内容 | 省略可能 |
class | class | index CSS などと組み合わせて使用できる追加の CSS クラス | 行 | 省略可能 |
height | height | ブロックの高さ(有効な CSS の単位を使用する必要があります) | 行 | 省略可能 |
width | width | ブロックの幅(有効な CSS の単位を使用する必要があります) | 行 | 省略可能 |
max-width | max-width | ブロックの最大幅(有効な CSS 単位を使用する必要があります) | 行 | 省略可能 |
align | align talign | ブロック内のテキストの整列方法
| 行 | 省略可能 |
style | style | 追加の CSS スタイル | 行 | 省略可能 |
- テンプレートスタイルを利用するテンプレート
- ブロックベースのテンプレート
- Height パラメータを指定している center block テンプレート使用ページ
- Title パラメータを指定している center block テンプレート使用ページ
- Width パラメータを指定している center block テンプレート使用ページ
- Max-width パラメータを指定している center block テンプレート使用ページ
- Align パラメータを指定している center block テンプレート使用ページ
- Style パラメータを指定している center block テンプレート使用ページ
- Formatting templates
- テンプレートデータに関する文書