タグ「テンプレート」 の検索結果(1/1)

2009年1月19日

小粋空間さんのテンプレート導入

今のままではブログのレイアウトがどうしようもないので、小粋空間さんが配布しているテンプレートを導入させていただくことにしました。
「Movable Type 4.2 テンプレートセット(スタイル対応版)」の記事を見ながら、ダウンロード、インストール、テンプレートセットの初期化、新しいテンプレートセットの適用、再構築の手順で無事新しいレイアウトにすることができました。
とりあえず今日はここまでにしますが、小粋空間さんには感謝、感謝です。

2008年12月 6日

スタイルシートの分割(テンプレート化)

このブログをカスタマイズし始めた1年くらい前から比較的最近まで、適用されていたスタイルシートはテンプレートにある2つ(メインとベーステーマ)と、テンプレート以外の1ファイル(screen.css)でした。
しかし、スタイルシートに手を加えることが多くなると、テンプレートを修正した方が何かと便利なことが分かり、今年の10月、「テンプレート修正に伴う余白」に書いたとおり、テンプレートでないscreen.cssの内容をコピーしてテンプレートのスタイルシート(ベーステーマ)にペースト、両者を合体させました。
それで修正はやりやすくなったのですが、2つのファイルをくっつけたため、とても長いファイルになり、目的の場所を探すのが大変になってしまいました。
そこで、スタイルシートを分割し、以前のscreen.cssの部分をテンプレート化することにしました。何でもないことですが、当時はテンプレートを新たに作るという発想がなく(というか、そういう知識がなく)、合体という「暴挙」に出たのでした。
新しいインデックステンプレートに「スタイルシート(オリジナル)」と名前をつけ(完全なオリジナルではないのですが)、ファイル名を"kim.css"としました。
そして、スタイルシート(メイン)にこのスタイルシートを読み込む指定を以下のように追加しました。

@import url(kim.css);

これだけです。もっと早くやるべきでした。

2008年10月 7日

「先頭に戻る」の画像化など

今回は微調整です。
1月ほど前にページのトップ(先頭)に戻るリンクを設定しましたが、そのテキストを画像に変えてみました。
テンプレートモジュールの「フッター」中の「ページのトップに戻る」というテキストを削除、以下のような画像のパスに差し替えました。
<img src="<$MTBlogURL>images/to-top.gif" width="135" height="23" alt="ページの先頭に戻る" />
次に、フッターの文字をセンタリングしてみました。
テンプレートのスタイルシート(ベーステーマ)の最後の方に#footer .widget-powerd .widget-contentというセレクタがあるので、その中のtext-alignの値をleft→centerに変えるだけです。以上です。
ページの先頭に戻る