Home＞ホームページ作成ソフト＞テンプレートの更新

テンプレートの更新

ここでは、HTML Project2でMovable Typeのテンプレートを編集し更新する設定、手順を紹介します。

これから紹介する方法だと、HTML Project2でのMovableType独自タグ入力支援機能を使うことができるので、テンプレートのカスタマイズ作業が簡単！になりますよ。

１．テンプレートの設定変更

テンプレートの編集画面にて【このテンプレートにリンクするファイル】の設定をします。

(1)まず、左側のメニューより、「テンプレート」を選択して、テンプレートの一覧から設定をしたいテンプレートの名前をクリックします。

すると下記のような『テンプレートの編集』画面が開きます。

ここでは、「メインページ」テンプレートの設定をすることにしましょう。

(2)【このテンプレートにリンクするファイル】の設定

【このテンプレートにリンクするファイル】の欄に、リンクするファイルの場所を入力します。

HTML Project2の設定にて、作成した「template」フォルダの下にリンクするファイルをおきましょう。

ここでは「メインページ」のテンプレートですので、ファイル名を”index.html”としましょう。

（フォルダを作っていない方は、HTML Project2の設定をみて、フォルダを作ってくださいネ。）

※ロリポップの場合には、

/home/sites/lolipop.jp/users/lolipop.jp-○○/web/template/index.html

となります。

２．テンプレートの更新

(1)あなたのパソコンにて、テンプレートファイルを作成します。

テンプレートファイルを作成する場所は、HTML Project2の設定にて設定した、

マイドキュメント￥HP￥template￥

の下です。

(2)HTML Project2のMovableType独自タグ入力支援機能を活用してテンプレートをカスタマイズしましょう。

※カスタマイズのしかたは別途紹介しますので、お楽しみに！

テンプレートの編集が終了したら、ファイルを保存します。

(3)HTML Project2の左側のファイルリストから、保存した”index.html”を選択し、右クリックをします。

そこで、「外部ツール」－「UpPage」を選択すると、

１で設定したテンプレートにリンクしているサーバー側の”index.html”ファイルが更新されます。

(4)Movable Typeの管理画面にて「サイトの再構築」を行えばテンプレートの更新をホームページに反映させることができます。

これで、HTML Project2を使ってスムーズにテンプレートの更新作業ができるようになります。

テンプレートの更新は、サイトの再構築をして、できたホームページを確認しながらの作業になりますので、更新作業がスムーズにできると作業効率もアップして気分も上々！ですよ（笑）。


≪ MovableTypeタグの入力支援 | このページのトップへ

このエントリーをはてなブックマークに追加 このページをはてなブックマークに追加

注目記事

⇒MovableTypeを使うのにおすすめのレンタルサーバーってどれ？

⇒MovableType独自タグの入力が簡単にできるホームページ作成ソフトは？

⇒MovableTypeをカスタマイズするのにどんな本が参考になる？

⇒「元気パワー」が増幅されるツールがあるって？

⇒初心者の方・ホームページ作成中心の方へのおすすめのパソコンは？


トラックバック

このエントリーのトラックバックURL：

http://cms-mt.com/cgi/mt/mt-tb_.cgi/16