「ver4/テーマのデザイン編集」を編集中
提供: baserCMS公式ガイド
警告: ログインしていません。
編集すると、IPアドレスがこのページの編集履歴に記録されます。この編集を取り消せます。
下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 | 編集中の文章 | ||
行4: | 行4: | ||
== テーマの場所 == | == テーマの場所 == | ||
− | テーマは以下の場所に入っています。新たにダウンロードした場合は、以下の場所にいれることで管理画面が自動的に認識します。なおテーマに内包される各種フォルダとファイルの詳細は「[[ | + | テーマは以下の場所に入っています。新たにダウンロードした場合は、以下の場所にいれることで管理画面が自動的に認識します。なおテーマに内包される各種フォルダとファイルの詳細は「[[テーマの構造]]」を参照してください。 |
###Ver.4系統 | ###Ver.4系統 | ||
行12: | 行12: | ||
== HTMLはレイアウトテンプレートに記述 == | == HTMLはレイアウトテンプレートに記述 == | ||
− | [[ | + | [[テーマに関する用語#レイアウトテンプレート|レイアウトテンプレート]]で調整します。(レイアウトテンプレートの設置については「[[テーマの構造#layoutsフォルダ|layoutsフォルダ]]」を参照してください。) |
− | レイアウトテンプレートと[[ | + | レイアウトテンプレートと[[テーマに関する用語#エレメントファイル|エレメントファイル]]等との関係をイメージ図で示すと以下のようになります。 |
− | レイアウトテンプレートに記述出来る内容を、わざわざ別ファイルにしてエレメントファイル化するのは、主に保守性やソースの可視性を高める為ですので、エレメントファイル化せずに全てをレイアウトテンプレート内に書き込む事もできます。なお、エレメントファイルの設置場所については「[[ | + | レイアウトテンプレートに記述出来る内容を、わざわざ別ファイルにしてエレメントファイル化するのは、主に保守性やソースの可視性を高める為ですので、エレメントファイル化せずに全てをレイアウトテンプレート内に書き込む事もできます。なお、エレメントファイルの設置場所については「[[テーマの構造#elementsフォルダ|elementsフォルダ]]」を参照してください。 |
+ | |||
+ | ヘッダー部分のエレメントファイルと、フッター部分のエレメントファイルについては、それぞれ「header.php」「footer.php」という名前でエレメント化しておくと、これらを読み込む為の特別な関数<code>$this->BcBaser->header()</code>と<code>$this->BcBaser->footer()</code>が使えるようになります。通常の<code>$this->BcBaser->element('header')</code>や<code>$this->BcBaser->element('footer')</code>を使っても呼び出せますが、<code>$this->BcBaser->header()</code>や<code>$this->BcBaser->footer()</code>を使う場合、そこに[[テーマに関する用語#テーマフック|テーマフック]]を利用できます。 | ||
− | |||
行37: | 行38: | ||
baserCMSではテーマを利用した際、画像やCSS、JSファイルの設置階層が深くなってしまいます。また、スマートURLの有無など、ルーティングの関係もあり、通常のHTMLタグでの読み込みが煩雑で面倒です。そこでテーマ作成・編集の場面において、それらのファイルを読み込む場合には、一般的にヘルパー(表示用のビューファイルで使われる関数)を利用します。 | baserCMSではテーマを利用した際、画像やCSS、JSファイルの設置階層が深くなってしまいます。また、スマートURLの有無など、ルーティングの関係もあり、通常のHTMLタグでの読み込みが煩雑で面倒です。そこでテーマ作成・編集の場面において、それらのファイルを読み込む場合には、一般的にヘルパー(表示用のビューファイルで使われる関数)を利用します。 | ||
− | 画像の読み込みは<code>$this->BcBaser->img()</code>、CSSは<code>$this->BcBaser->css()</code>、JSファイルは<code>$this->BcBaser->js()</code>を利用します。なお、各ファイルの設置場所については、[[ | + | 画像の読み込みは<code>$this->BcBaser->img()</code>、CSSは<code>$this->BcBaser->css()</code>、JSファイルは<code>$this->BcBaser->js()</code>を利用します。なお、各ファイルの設置場所については、[[テーマの構造]]を参照してください。 |