Sevencolorsせぶんからーず

2004年12月01日

全体の配置換え

3カラム テンプレート [ RGM-79 GM ] MT3.11ja対応版のカスタマイズ覚え書きです。
ここからはカスタマイズの本質部分に入ります。
はっきり言って、Movable Type、CSS、XHTML、webすべての知識がありません TT
スタイルシートのガイド本などを買ってみましたが、わからんとです。

結局、直接弄くりながら解読していく方法をとることにしました。
使用させていただいたテンプレート以上の機能を持たせるつもりも知識も無いので、純粋に見た目を調整することに注力する。
そうすることで、必要なのは「スタイルシート」と「メインページ」だけいじれば解決することに気付く。
検索、カテゴリー、月別の表示はそれぞれのアーカーイブがメインページの役割を担っているのね。
う~ん、我ながら進歩じゃ! (申し訳ない これくらいの知識も無いんです)

次に、「スタイルシート」と「メインページ」の関係も意味不明だったのですが、これもなんとなくわかり始める。
「スタイルシート」は入れ物なのね。レイアウトや、小分けする仕切りの設定を行っておく。
テンプレートが優秀なので、全体のレイアウト変更はサイズ(幅や高さ)程度にとどめて、仕切りの設定を増やしたり変更するだけでもいけるようです。SKULUSAさんの表示の崩れない3段カラムにレイアウトの構成が解説してあります。
仕切りにはメインページで扱う為の名前(要素)が必要で、文字の種類や余白の設定をするようです。
「メインページ」には、先ほど準備した仕切りをどこに入れるかを指定すればよい感じですね。「メインページ」は通常のHTMLサイトと同じように記述しなければいけないものもあるので、変更した居場所を眺めるのが、一番の方法かな?
エントリー(本文)はMovable Typeのメニュー画面などから登録するし、Movable Typeの関数的なものを使う部分もあるので、全部は理解できないなぁ。

そこから先は実践で確認していくことにしました。失敗しても良いように細かくバックアップ取りつつ進めました。

メインロゴを右上に表示させたい!
メインロゴは旧サイトと同様に右上に表示させます。
場所で言うと「right」の最初ですね。
そのまま、他の要素(class)を使おうとしてたのですが、ついでに「Syndicate this site」をセンター配置して表示させたかったので、新たに作成してみました。
スタイルシートを開き

/*グループ:サイドカテゴリーセンター*/
.side_c {
font-size: small;
text-align:center;
}

「side_c」という要素を書き加えました。

次に、メインページを開き

<!-- ここから右エリア -->
<div id="right">
↓右エリアのちょうど下に記述で右上に来る
<!-- ここからロゴ -->
<div class="side_c"> ←先ほど作成した要素を指定
<img src="<$MTBlogURL$>/rogo.gif" width="180" height="65" BORDER=0><br /> ←右エリアのスペースが180pixel幅なので、180pixel以下の画像を配置

<!-- ここからsyndicate -->
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a><br /> <FONT COLOR="#0000ff">←syndicateを配置</FONT>
<br /> ←リンク要素とのマージン設定が面倒だったので、空白行を追加
</div>

とは言え、自分のやってることで記述違反とか無いかが心配 ^^;

blank_space
投稿者 matsuda : 2004年12月01日 00:00
トラックバック

トラックバック大歓迎!
トラックバックは相互リンクの『友達の輪』だと思っているので、引用して頂いていたり、紹介やリンクを入れていただいていると喜びます。スパムやサイトPRのためだけのトラックバックはお断りしています。
このエントリーのトラックバックURL : http://www.sevencolors.jp/mt-tb.cgi/308

blank_space

 
Copyright (c) T_Matsuda 1998~ All Rights Reserved.