今度はブログMT4のヘッダーを変えてみた。
やりたくてもやれない人のために手順でも書き留めておこうと思います。
(工具屋の娘さんに取っ掛かりを教えて頂いた)
1.まず小粋空間のこのページから:XHTML 1.0 Strict(utf-8 版):スタイル対応版(フッタ付きリキッドレイアウト対応)を自分はまずダウンロードした。それを解凍ソフト+Lhacaで解凍。
2.テンプレートセットのインストール
●ダウンロードしたテンプレートセットアーカイブを解凍し、中にある plugins 配下にある KoikikukanTemplateSet フォルダを Movable Type の plugins フォルダに丸ごとアップロードしてください。
●また、mt-static/plugins 配下にある KoikikukanTemplateSet フォルダを Movable Type の mt-static/plugins フォルダに丸ごとアップロードしてください。
●「システムメニュー」→「プラグイン」でプラグインの一覧が表示されるので、「KoikikukanTemplateSet」が表示されていればインストールOKです。
3.テンプレートセットの入れ替え
ここではインストールされた状態で入れ替える方法を説明します。
●ブログ管理画面より「デザイン」→「テンプレート」をクリック。
右下にある「ブログのテンプレートを初期化」をクリック。
●「新しいテンプレートセットを適用」を選択し、セレクトボックスから「小粋空間テンプレートセット」を選択。「既存のテンプレートのバックアップを作成する」をチェックすると、入れ替え前のテンプレートのバックアップがとれます。
選択後、右下の「次へ」をクリック。
●「確認」をクリック。これでテンプレートセットの入れ替えが開始します。
●「テンプレートの初期化を完了しました。」が表示されれば完了です。
●「すべてのファイル」を選択して「再構築」をクリック。
●「すべてのファイルを再構築しました。 」が表示されたら再構築完了です。
前の画面の「サイトを見る」をクリックするか、ブログ管理画面の「サイト表示」のアイコンをクリック。
当サイトのテンプレートセットのデザインで表示されれば完了です。デフォルトデザインのままであればブラウザをリロードしてください。
4.スタイルの切り替え
ここではカラムレイアウトを切り替える方法を説明します。
●ブログ管理画面より「デザイン」→「スタイル」をクリック。
●「既定のスタイル」の左側にある + マークのアイコンをクリック(「既定のスタイル」の部分は選択状態によって異なります)。
●開いたウィンドウに小粋空間テンプレートセットをインストールしたスタティックディレクトリのテーマURLを入力。
●具体的には、次のような URL になります。
http://ここはMTに行くまでの自分のドメイン/mt-static/plugins/KoikikukanTemplateSet/themes/5.スタイルの編集
スタイルを変更する場合は、インデックステンプレートにある、「スタイルシート(styles-site.css)」を編集してください。
以上のことは絵付で小粋空間の中のページに有りますが始めは良くわからないところもありましたが。
6.ヘッダー画像の入れ替え
●ブログ管理画面より「新規作成」→「ファイルのアップロード」をクリック。
●あらかじめ用意していたヘッダ画像を参照し「アップロード」をクリック。
7.CSSの変更
●ブログ管理画面より「デザイン」→「テンプレート」をクリック。
●「テンプレート」のなかの「スタイルシート」をクリック。
●「スタイルシート」の自分の場合は
/* ヘッダ */
#header {
padding: 0px; 自分の場合はそのまま
border-bottom: 1px solid #669; 自分の場合はそのまま
color: #999; 自分の場合はそのまま
width: 850px; アップロードした画像のヘッダ画像の横の長さ
height: 293px; アップロードした画像のヘッダ画像の縦の長さ
background-image: url(5733obi.jpg); 〔 〕の中にアップロードした画像のファイル名
text-align: left; 自分の場合はそのまま
}
●変更後は下の「保存と再構築」をしないと変更されない、上の「再構築」を
いくらやってもスタイルシートは変更されないので注意が必要!!

コメントする