header.php

出典: Live Commerceドキュメント

デフォルトのテーマではヘッダーに以下のソースコードが記述されています。 ここでは、独自に作成したテーマに対してCSSやJavascriptを追加で記述したい場合にどのような手順で行うのかを解説します。 


<?php echo $this->doctype('XHTML1_TRANSITIONAL');?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo c::get_lang();?>" lang="<?php echo c::get_lang();?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo c::get_charset();?>" />
<?php $this->headMeta()->appendName('keywords', c::get_meta_keywords());?>
<?php $this->headMeta()->appendName('description', c::get_meta_descriptions());?>
<?php $this->headLink()->appendStylesheet($this->theme.'css/common.css'); ?>
<?php $this->headLink()->appendStylesheet($this->theme.'css/layout.css'); ?>
<?php $this->headLink()->appendStylesheet($this->theme.'css/menu.css'); ?>
<?php $this->headScript()->appendFile(c::link('js/index'));
	   echo $this->headMeta();
	   echo $this->headTitle(o::_('STORE_NAME'))->setSeparator(o::_('TITLE_SEPARATOR'));
	   echo $this->headStyle();	
	   echo $this->headLink();
	   echo $this->headScript();
	   //plugin load
	   c::head();	   
?>
</head>


ドキュメントタイプを指定する

ドキュメントタイプ（DOCTYPE 宣言）を指定するには直接ドキュメントタイプを以下のように記述するか、またはZend Frameworkにあるヘルパーを利用する方法があります。

ファイルに直接記述する場合 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ヘルパータグを利用する場合 

<?php echo $this->doctype('XHTML1_TRANSITIONAL');?>

この結果は次のように表示されます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

さらに詳しい使い方についてはZend Framework：ビューヘルパーの使い方（53.4.1.4. Doctype ヘルパー）を参照してください。


CSSを読み込ませる場合

スタイルシートを独自に追加して読み込みさせる場合は次のように記述します。

テーマフォルダのcssフォルダ内に、sample.cssを追加して全体のページでこのファイルを読み込みする場合は echo $this->headStyle();より上の業に次のコードを記述します。 

<?php $this->headLink()->appendStylesheet($this->theme.'css/sample.css'); ?>


特定のページのみにsample.cssを適用させる場合は、読み込みしたいテンプレートファイルの先頭行に同様のコードを追加してください。 さらに詳しい使い方についてはZend Framework：ビューヘルパーの使い方（53.4.1.5. HeadLink ヘルパー）を参照してください。

Javascriptを読み込ませる場合

Javascriptを独自に追加して読み込みさせる場合は次のように記述します。

テーマフォルダのjsフォルダ内に、sample.jsを追加して全体のページでこのファイルを読み込みする場合は echo $this->headScript();より上の業に次のコードを記述します。 

$this->headScript()->appendFile($this->theme.'js/sample.js');

特定のページのみにsample.jsを適用させる場合は、読み込みしたいテンプレートファイルの先頭行に同様のコードを追加してください。 さらに詳しい使い方についてはZend Framework：ビューヘルパーの使い方（53.4.1.7. HeadScript ヘルパー）を参照してください。

"http://doc.live-commerce.com/index.php/header.php" より作成