MT4xカスタマイズ(1)レウアウト変更

| | コメント(0) | トラックバック(0)

 現在進行形|MT4.01:カスタマイズ報告

 昨日はヘッダー画像の差し替えを中心に作業を進めました。

 サーバーを移転して、ストレスなく作業が出来るようになりました。これで、やる気が出る!

 

 あわせて、仕事場も最上階に移転しました。(アホは高いところに昇りたがる...)

 前のビルの屋上が少しだけ視界を遮りますが、ヌーディストのおねえ様が日光浴をしてくれると、

 うっ、うれしいです。

 暖かくなるまで待つのじゃ。(後半はうそです。願望、ガンボー)

 

作業手順です。

ログインした画面の上部にあるページ・ナビゲーションから、

【デザイン】→【スタイル】をクリックします。

 

 

sisco.gif 

 

このような画面になりますね。

 ここで、自分のイメージに合ったものをとりあえず選択しておき、設定しましょう。

 ヘッダー部に画像を使いたい場合は、画像のあるテンプレート、画像を使わない場合は画像のないものを選んで下さい。

 今回はシスコのデザインSFを選びました。これをもとに、手直しをしました。

 

 選択の基準は...何もなかったです。後から変更する手間を省くため、バックが白で、ヘーダー画像を使っていて、見出しの文字色などを一応考えました。

 すべて、後から変更出来ます。

 

 ☆この時にやる作業は、右に出てくる選択された画像の左下に薄くブルーで表示されている「スタイルシート」のリンクをクリックして、

 →スタイルシートの内容をコピーし、テラパッドの編集画面に貼り付けることです。

 →TeraPadを起動して、ペースト。ファイル名はデフォルトと同じ「screen.css」にします。

...ノートパッドで見た時は、改行もなくずらずらと記述されていたのが、CSS本来の書式で表示されるでしょう。

 

 MT4のデザインを設定するCSSは2つです。

 ・基本設定...blog.css

 ・レイアウト...選択したCSS「screen.css」

 これらのファイルがどこに格納されているのかは、【デザイン】→【テンプレート】→【スタイルシート】

 をたどると確認できます。次のような2行が記述されていると思います。

 @import url(/mt/mt-static/themes-base/blog.css);
 @import url(/mt/mt-static/themes/itodenwa/screen.css);

 

 itodenwa/というのは、私のテンプレート名です。

 普通は最初に選択したスタイルのセット名が表示されます。

 FFFTPでディレクトリをたどって、確認してみて下さい。

 

 そのときに、【blog.css】をダウンロードして、同名で保存しておきます。

 これで、レイアウト変更の準備は整いました。(次回に続く)

 

 

トラックバック(0)

このブログ記事を参照しているブログ一覧: MT4xカスタマイズ(1)レウアウト変更

このブログ記事に対するトラックバックURL: http://ancbiz.net/mt/mt-tb.cgi/2

コメントする