www.wanichan.com

Web > FrontPage > FrontPage 2003 (初級編) > テンプレート

カスタムテンプレートの作成

テンプレート

自分でテンプレートを作りたい!

よく使うホームページのデザインは、テンプレートに保存しておきましょう。
予め「ここまではみんな共通して作業をするよね」というところまで作業を済ませてから
テンプレートとして登録しておくと、効率が上がります。

まず、あなたのホームページのレイアウトを整えておいてください。
ここまでならほとんどしょっちゅうやってるな、というところまで大まかに予め作っておきましょう。
作業中のWebにテンプレートを保存する場合は、既存の外部スタイルシートのリンクや画像の挿入もOKです。
角の丸み画像は使っても構いません。テンプレートに保存されます。
 

出来上がったら、メニューバーより[ファイル]→[名前を付けて保存]をクリックします。
図:名前を付けて保存
ファイル名は適当に名前を付け、ファイルの種類は「FrontPage テンプレート」を選択して、保存ボタンをクリックします。

テンプレートとして保存のダイアログボックスが表示されます。
タイトルは左側のテンプレート一覧のタイトル、
名前はファイル名と同じ、
説明はそのテンプレートの説明を入力してOKボタンをクリックします。
図:テンプレートとして保存
作業中のWebにテンプレートを保存したいときは、「作業中のWebにテンプレートを保存する」にチェックを付けておいてください。
チェックしておいた方が無難かもです(^^;

何か画像が使われている場合は、テンプレート内に保存されます。名前を変えたい場合は適宜変更して、OKボタンで保存するようにしてください。
図:埋め込みファイルの保存
チェックしておくと、作業中のWeb直下に_sharedtemplatesというフォルダが生成され、そのフォルダ内のPagesフォルダの中にも保存されます。

テンプレートとして保存すると、「マイテンプレート」が追加され、このように追加されました。
右側のプレビューに見本画像が自動的に保存されます。
図:ページテンプレート

▲Page TOP

テンプレートを削除したい

テンプレートの保存先は以下の通りになります。

以下の場所にテンプレートが保存されます。
C:\Documents and Settings\<ユーザー名>\Application Data\Microsoft\FrontPage\Pages

では、自分で作ったテンプレートを消したいときはどうすればいいのでしょうか?
エクスプローラで消す作業になるのですが、ここで注意点が一つあります。
Application Dataというフォルダは隠し属性のついたフォルダであり隠れて見えないことがあります。
フォルダオプションで「すべてのファイルを表示する」にチェックを入れておいてください。

まず、Application Data\Microsoft\FrontPage\Page内の消したいテンプレートフォルダ丸ごと削除します。
図:テンプレートフォルダ
作業中のWeb内に保存した場合、作業中Web内の_sharedtemplates\Pagesフォルダ内の消したいテンプレートフォルダも削除します。

ただし!作業中のWeb内に保存した場合、作業中Web内のテンプレートデータだけを消しても完全に消えません。注意してください。

▲Page TOP

お気に入り自作テンプレートを配布したい

テンプレートデータは末尾に.temが付加されたフォルダの中に3つ以上のファイルが入っています。
図:テンプレートフォルダ内のファイル一覧
<template>.dib → プレビューイメージ画像
<template>.htm →テンプレートのHTMLファイル
<template>.inf → 説明に表示される設定ファイル
埋め込みファイルを保存するように設定した場合は、埋め込みファイルも保存されます。

<template>.temというフォルダ丸ごとフロッピーディスクなどに保存しておくと配布できます。

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ