カスタマイズの手順(テンプレート)

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

MTの自己流のカスタマイズの手順 Version 3.33-ja

私はデザインはしない(出来ない)ので、デザイナーさんからデザインを頂く。

デザインからパーツを書き出してgifやjpgにする、この時にimgタグで挿入するかバックに貼るかも考えておく。

FTPパスがわかっている時はFFFTPで画像をアップする。MTのIDとパスしかない時はファイルのアップロードを使って画像をアップして、ソースをエディタで保存しておく。

テンプレート>インデックス>メインページ>テンプレートの内容を全てコピーして、index.tplとして保存する。

保存したindex.tplをDreamweaverで開く、Dreamweaver 8のMTタグ自動補完を使って編集していく。

元からあるMTのdivのidやクラスをなるべくそのまま使い、足らない時はオリジナルのidやクラスを作る。

完成したソースをメインページのテンプレートにコピペして、再構築します。

サイトを確認して、ソースをindex.htmlとして保存して、CSSへのリンクだけを下記のように変更します。

<link rel="stylesheet" href="http://web.p-jisoku.com/styles-site.css" type="text/css" />

<link rel="stylesheet" href="styles-site.css" type="text/css" />

index.htmlと同階層にstyles-site.cssを作りDreamweaverでCSSの編集をしていきます。

CSSとindex.tplを作りこんでから、カテゴリーや日別やエントリーのテンプレートを同様の方法で編集して完成です。

トラックバック(0)

トラックバックURL: http://web.p-jisoku.com/mt4.2/mt-tb.cgi/459

コメントする

Google AdSense

バナー

プチ自給自足、野菜、果物、柑橘、栽培日記
晴耕雨読夜web
WEB備忘録(うぇぶびぼうろく)
blogranking
にほんブログ村 ネットブログへ
FC2 Blog Ranking
Powered by Movable Type 4.261