さんぷる幼稚園へようこそ
ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。
ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。
まず2カラムを囲むブロックとして、
<main>
を、
<main class="column">
に変更し、その中にメインコンテンツ<div class="main-contents">とサブコンテンツ<div class="sub-contents">を作って下さい。
具体的には以下のような形になります。
<main class="column">
<div class="main-contents">
※ここにメインコンテンツの内容を入れます。
</div>
<div class="sub-contents">
※ここにサブコンテンツの内容を入れます。
</div>
</div>
sub-contentsを右側にもってきたい場合は、cssフォルダのstyle.cssの、
/*2カラム
の中にあるorderの数字を入れ替えて下さい。
orderは数字の小さな順に並びます。
<main class="column">
の外側に
<div class="bg1">
を作って囲って下さい。
具体的には以下のような形になります。
<div class="bg1">
<main class="column">
</main>
</div>
当ページ冒頭にある「さんぷる幼稚園へようこそ」の挨拶ブロックは、2カラムの中に入れてしまうと画面幅が狭くなった際に見づらくなるので、1カラムの状態で使って下さい。