メッセージボードはトップページにだけ反映されます。
ってことはここをいい感じにカ
スタムすれば普通のサイトっぽくできんじゃね？ってコトでいじりたいと思います。
よくある芸能人ブログとかだと、出演情報やら告知やらを
つらつらを書いてますが、それじゃなんかかっこよくないし全然普通のWEBサイトっぽくない。
でも、やっぱり一番目立つところなんで伝え
たい情報やブログ内の導線なんかを確保したい。とか考えてます。
<div id="MBtop">
適当な画像
</div>
<div class="MBleft">
<div class="MBwrap">
<div style="width:300px;height:250px;background:blue;">ひだりがわ</div>
</div>
</div>
<div class="MBright">
<div class="MBwrap">
<div style="width:300px;height:250px;background:blue;">みぎがわ</div>
</div>
</div><br class="clear" />
とりあえずhtmlこんな感じにしてみました。
ちょっとdiv使い過ぎかな？ソースが美しくない…とか言ってみる。
中身に関しては随時入れ替える事を考えてCSSを書く。
#MBtop{
background:url(画像のURL) no-repeat;
padding:10px 20px 20px 10px;
}
.MBleft{
background:url(画像のURL) no-repeat;
width:322px;
height:280px;
float:left;
}
.MBright{
background:url(画像のURL) no-repeat;
width:330px;
height:280px;
float:right;
}
.MBwrap{
padding:10px 0 0 10px;
}
で
完成がこれ。
あれ？なん思ったよりかっこよくないぞ。
メッセージボードの構成については要検討。
とりあえずおおざっぱにはこんな感じで第一フェーズ完了って感じです。
最初に言ってた
１．ヘッダーメニュー
２．フッターメニュー
３．Ajaxを使ったちょっとした動き
４．トップページと記事ページの差別化（メッ
セージボード）
の内3.以外の要素の準備は出来たので、ブログ全体の構成と細かい所の調整（コメント周りとかひどいことに…）してメニューとかを仕上げて行けば完成です。