MovableTypeをおしゃれにカスタマイズ♪

カテゴリー・アーカイブのパンくずリスト下の部分には次のふたつをMTのコンテナタグで表示させています。この部分のスタイルをスタイルシートで修正します。

"「カテゴリー・アーカイブ」のパンくずリスト下のスタイルを修正する　NO.61" の続きを読む»

各テンプレートで記事のタイトルや見出し部分が「h3」でマークアップされています。
この「h3」はボーダーで囲むようにスタイルシートで指定してあります。


最初ヘッダー画像の茶系の色に合わせて、「赤」にしてましたが、サイトを更新していくうちになんか浮いてきたので、グリーンのパステル調に変更しました。


こういう部分は完全にひとそれぞれの好みですね。
私は今回、ページの中の同系色にしましたが、逆に目立つ色にするとか、1つの記事ごとに枠をつけるとか・・・・。こういうデザインの部分はスタイルシートで変更します。
スタイルシートで変更したい部分を修正し、「保存して再構築」します。サイトを確認します。
思ったとおりだったり、ちょっと違うかも～だったり・・・。


バックアップをとってさえおけば、すぐに戻せますから怖いものなしです♪


追記：
2006年11月
また変えました(^-^;

右サイドのメニューに「小見出し」をつけたら、リストマークと合わないような気がしたので修正したいと思います。リストマークは今回も自作です。素材置き場にもアップしてあるので気に入ったら使ってください。


リストマークはからに変更しました。

"右サイドメニューのリストマークを変更する　NO.57" の続きを読む»

右サイドメニューの「Customizing Menu」の項目が増えてきたので、「小見出し」を付けることにします。作業はメニューモジュールに小見出しのテキストを追加してスタイルシートで装飾します。


ここで大事なのは、「カテゴリー一覧で特定のカテゴリーを表示・非表示にする」プラグインです。そのままカテゴリーを表示させるタグを記述すると小見出しがつけられません。このプラグインで小見出しの下に表示するカテゴリーをコントロールします。サブカテゴリーを使う方法もあると思いますが、タグが複雑になるしサイトの構成も複雑になるので私はこの方法ですっきりシンプルに行きます♪

"右サイドメニューに「小見出し」をつける　NO.56" の続きを読む»

右サイド、メニュー部分のリストマークを画像に変更します。


リストマークを画像に変更すると、後ろに続くテキストズレてしまうので、リストマーク用の画像を背景に設定する方法にしたいと思います。参考にさせていただいた記事はこちらです。

　ブログ別！作成・カスタマイズ講座

"右サイドをカスタマイズその４　NO.26" の続きを読む»

右サイドの枠で囲った部分に見出しをつけたいと思います。
メインテンプレートの該当箇所を<div class="aaaaa">～</div>で囲み、スタイルシートを指定します。

"右サイドをカスタマイズその３　NO.24" の続きを読む»

アクセスアップ系の記事が続いてましたが、そろそろ見苦しい右サイドも修正していきます(^^;

"右サイドをカスタマイズその１　NO.23" の続きを読む»

現状では左サイドと右サイドの間隔がギチギチなのでスタイルシートで修正します。


変更前の状態

"左サイドに余白のスタイルを指定する　NO.17" の続きを読む»

左側（メイン）部分のテキストのフォント、色などを変更します。
自分の好みのスタイルを指定できます。

"左側（メイン）部分のテキストを変更する NO.14" の続きを読む»

赤枠の部分を付箋のような枠で囲みます。

"エントリーのタイトルを装飾する NO.13" の続きを読む»

日付の表示も修正します。

"エントリーの日付の位置と文字サイズを変更 NO.12" の続きを読む»

NO.8の記事でメインページのテンプレートの不要な部分をスッキリさせましたが、
スタイルシートを見てみるとこれまた複雑でわけわからない・・・ヘ(x_x;)ヘ
こんなにわかりにくいスタイルシートでは、修正したい部分が探せないじゃん！
と思うのは私だけでしょうか(^-^;


スタイルシートのメリットを生かすためにも、スッキリとダイエット♪
必要なスタイルは後から自分がわかるように記述して行きましょう(^^


で、とりあえずメインページのテンプレートに必要なスタイルだけをのこしたものは下記のようになります。
どうぞご自由にコピペしてくださいね。
・・・こんなの欲しいひといないかも知れないけど（汗）


注意！
テンプレートを入れ替えたりするときは、
必ずテキストエディタに作業前のコピーをバックアップとして保存してくださいね。


バックアップがあれば怖いもの知らず。どんなカスタマイズだってどんどん試せます。
もし、このサイトを参考にして不利益があっても金銭的な保障はできかねます。
ですが、デザインとかカスタマイズどころか、崩れちゃったよ～など、
この手の質問はお受けできますので遠慮なくどうぞ♪

"スタイルシートもダイエット！ NO.9" の続きを読む»