文言の変更 †デザインテンプレートについて †弊社のシステムは、プログラムとデザインを分離する為に、 デザインテンプレートの場所 †デザインテンプレートはtemplateフォルダ以下に格納されており、 RegistAdmin.html RegistcUser.html と言ったように各テンプレートファイルの末尾にログイン状態が記述されています。 また、other以下は特別なフォルダとなっており、 common には各機能で共有して利用されるテンプレート page にはシステムとは関係ない静的なページのテンプレート users にはログイン状態に応じた共通ページのテンプレート が格納されています。 デザインテンプレートの確認 †今回は例としてヘッダーの記述を変更しますが、 template/pc/other/users/nobody/Index.html ファイルを開きソースコードを確すると <!--# include head #--> ~省略~ <!--# include foot #--> このソースコード(※以降このような形式のソースコードをコマンドコメントと記述)は、指定されたデザインファイルを、その箇所に読み込む物です。 このコマンドコメントでは、下記の2つのデザインテンプレートが読み込まれます。 template/pc/other/users/nobody/Head.html template/pc/other/users/nobody/Foot.html ※未ログイン時のデザインテンプレートとなります。求職者ログインの場合下記のファイルが読み込まれます template/pc/other/users/nUser/Head.html template/pc/other/users/nUsre/Foot.html ここで一つ覚えて頂きたい事があります。 また、ページの基盤となるテンプレートの読み込み処理前と読み込み処理後に、以下の2つのテンプレートが読み込まれます。 template/pc/other/common/Head.html template/pc/other/common/Foot.html 1ページとして表示されているトップページが最低でも5枚のテンプレートから構成されている事がお分かり頂けましたか? つまり一言でトップページを修正するといっても、修正したい箇所によりテンプレートファイルの場所が変わるのです。 デザインテンプレートの修正 †それでは、いよいよデザインテンプレートを修正してみましょう。 H1タグで書かれている箇所を修正する †ページを表示したときの最上部に求人サイト構築システムと表示されています。 以下のテンプレートファイルを開いてください。 template/pc/other/users/nobody/Head.html 今回のステップで修正する箇所が、ソースコードの上のほうに見付かります。 <h1><!--# ecode getSiteProfile site_title #--></h1> この箇所を、今回は以下のように修正することにします。 <h1>求人サイト構築システムをカスタマイズしてみよう!デザインの変更!機能の追加!なんでもできちゃう♪</h1> この変更を保存し、テンプレートファイルを上書きアップロードすると変更が適用されます。 |