パッケージ共通/カスタマイズしよう!/文言を修正しよう!
をテンプレートにして作成
開始行:
*文言の変更 [#x7ff1693]
#contents
**デザインテンプレートについて [#m96a65ca]
#ref(toppage01.gif,wrap,nolink,求人サイト構築システムのト...
弊社のシステムは、プログラムとデザインを分離する為に、~
表示はデザインテンプレート(htmlファイル)を元に行なって...
デザインや文言の変更は、htmlの知識のみで可能となります。~
**デザインテンプレートの場所 [#g3268509]
#ref(pack_dir01.gif,wrap,nolink,デザインテンプレートの格...
デザインテンプレートはtemplateフォルダ以下に格納されてお...
まずmobile,pcとモバイルデザインとPCデザインのフォルダへと...
次に求職者(nUser)、求人情報(job)等、機能別のフォルダと...
その下はログイン状態別、未ログイン(nobody)、求人企業(cUse...
ログイン状態別フォルダの下に各ログイン状態での表示される...
※モバイル対応でない場合はmobileフォルダは存在しません~
※一部システムではログイン状態別フォルダが存在せず~
RegistAdmin.html
RegistcUser.html
と言ったように各テンプレートファイルの末尾にログイン状態...
また、other以下は特別なフォルダとなっており、~
common には各機能で共有して利用されるテンプレート
page にはシステムとは関係ない静的なページのテンプレート
users にはログイン状態に応じた共通ページのテンプレート
が格納されています。~
※ログイン状態別フォルダが存在しないシステムではcommonでは...
***デザインテンプレートの確認 [#ie35b822]
今回は例としてヘッダーの記述を変更しますが、~
まずはトップページのデザインがどのように表示されているか...
未ログイン状態のトップページデザインは下記のファイルとな...
template/pc/other/users/nobody/Index.html
ファイルを開きソースコードを確すると~
最初の方と最後の方に下記のようなコードが書かれていると思...
<!--# include head #-->
~省略~
<!--# include foot #-->
このソースコード&color(red){(※以降このような形式のソース...
このコマンドコメントでは、下記の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
ここで一つ覚えて頂きたい事があります。~
ブラウザでは1ページで表示されていても、それらが単体のテン...
システムは様々な方法で指定されたデザインテンプレートを呼...
また、ページの基盤となるテンプレートの読み込み処理前と読...
template/pc/other/common/Head.html
template/pc/other/common/Foot.html
1ページとして表示されているトップページが''最低でも5枚の...
つまり一言でトップページを修正するといっても、修正したい...
**デザインテンプレートの修正 [#h7b30008]
それでは、いよいよデザインテンプレートを修正してみましょ...
***H1タグで書かれている箇所を修正する [#k82cc9ff]
ページを表示したときの最上部に''求人サイト構築システム''...
この箇所の文言を変更します。
#ref(step1_head.gif,wrap,nolink,H1タグで囲まれている箇所)
以下のテンプレートファイルを開いてください。
template/pc/other/users/nobody/Head.html
今回のステップで修正する箇所が、ソースコードの上のほうに...
<h1><!--# ecode getSiteProfile site_title #--></h1>
この箇所を、今回は以下のように修正することにします。
<h1>求人サイト構築システムをカスタマイズしてみよう!デザ...
この変更を保存し、テンプレートファイルを上書きアップロー...
#ref(step1_head_comp.gif,wrap,nolink,H1タグで囲まれている...
終了行:
*文言の変更 [#x7ff1693]
#contents
**デザインテンプレートについて [#m96a65ca]
#ref(toppage01.gif,wrap,nolink,求人サイト構築システムのト...
弊社のシステムは、プログラムとデザインを分離する為に、~
表示はデザインテンプレート(htmlファイル)を元に行なって...
デザインや文言の変更は、htmlの知識のみで可能となります。~
**デザインテンプレートの場所 [#g3268509]
#ref(pack_dir01.gif,wrap,nolink,デザインテンプレートの格...
デザインテンプレートはtemplateフォルダ以下に格納されてお...
まずmobile,pcとモバイルデザインとPCデザインのフォルダへと...
次に求職者(nUser)、求人情報(job)等、機能別のフォルダと...
その下はログイン状態別、未ログイン(nobody)、求人企業(cUse...
ログイン状態別フォルダの下に各ログイン状態での表示される...
※モバイル対応でない場合はmobileフォルダは存在しません~
※一部システムではログイン状態別フォルダが存在せず~
RegistAdmin.html
RegistcUser.html
と言ったように各テンプレートファイルの末尾にログイン状態...
また、other以下は特別なフォルダとなっており、~
common には各機能で共有して利用されるテンプレート
page にはシステムとは関係ない静的なページのテンプレート
users にはログイン状態に応じた共通ページのテンプレート
が格納されています。~
※ログイン状態別フォルダが存在しないシステムではcommonでは...
***デザインテンプレートの確認 [#ie35b822]
今回は例としてヘッダーの記述を変更しますが、~
まずはトップページのデザインがどのように表示されているか...
未ログイン状態のトップページデザインは下記のファイルとな...
template/pc/other/users/nobody/Index.html
ファイルを開きソースコードを確すると~
最初の方と最後の方に下記のようなコードが書かれていると思...
<!--# include head #-->
~省略~
<!--# include foot #-->
このソースコード&color(red){(※以降このような形式のソース...
このコマンドコメントでは、下記の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
ここで一つ覚えて頂きたい事があります。~
ブラウザでは1ページで表示されていても、それらが単体のテン...
システムは様々な方法で指定されたデザインテンプレートを呼...
また、ページの基盤となるテンプレートの読み込み処理前と読...
template/pc/other/common/Head.html
template/pc/other/common/Foot.html
1ページとして表示されているトップページが''最低でも5枚の...
つまり一言でトップページを修正するといっても、修正したい...
**デザインテンプレートの修正 [#h7b30008]
それでは、いよいよデザインテンプレートを修正してみましょ...
***H1タグで書かれている箇所を修正する [#k82cc9ff]
ページを表示したときの最上部に''求人サイト構築システム''...
この箇所の文言を変更します。
#ref(step1_head.gif,wrap,nolink,H1タグで囲まれている箇所)
以下のテンプレートファイルを開いてください。
template/pc/other/users/nobody/Head.html
今回のステップで修正する箇所が、ソースコードの上のほうに...
<h1><!--# ecode getSiteProfile site_title #--></h1>
この箇所を、今回は以下のように修正することにします。
<h1>求人サイト構築システムをカスタマイズしてみよう!デザ...
この変更を保存し、テンプレートファイルを上書きアップロー...
#ref(step1_head_comp.gif,wrap,nolink,H1タグで囲まれている...
ページ名: