サイトを構成するページを考えます。

ヘッダー・・・ロゴとメニューのみ表示

フッター・・・メニューと検索と個人情報保護を表示

トップページ・・・固定ページ

• ダーンと大きい画像をスライドさせたい！！
• ブログ情報をちょろっと表示したい
• 業務内容と業務実績も表示

　　　　　　　　　

業務案内・・・固定ページ

• 業務案内を表示

サービス・・・固定ページ

• サービスを表示

技術メモ・・・ブログパーツ

新着情報・・・ブログパーツ

お問い合わせ・・・お問い合わせパーツ

 構成は、こんな感じで良いかな？

足りない部分は、後から足せば良いので前に進みます。

 

まずは、簡単そうなヘッダーから作りますかね？

レイアウトに直接書いても良いのですが、メンテナンスしにくくなるので

エレメントとして作成してレイアウトから呼び出す事にします。

<?php echo $this->BcBaser->element('header') ?>

こんな感じで呼び出せます。

/app/webroot/themed/テーマ名/Elements/

ここにheader.phpを作成します。

    

    
        
BcBaser->logo() ?>
    
    
    

        BcBaser->element('global_menu') ?>
    

実にシンプルです。

ロゴの表示は、baserCMS3の新機能ロゴの切り替え機能を使っています。

<?php $this->BcBaser->logo() ?>

どこで設定するのかな？。。。３０秒ぐらい悩んだ末にテーマ一覧のテーマ管理メニューにあるのを発見

画面から設定しなくても、

/app/webroot/themed/テーマ名/img/

に「logo.png」的な名前で置いてあげてもＯＫです。

---

メニューは、

<?php echo $this->BcBaser->element('global_menu') ?>

でメニューを呼び出してるのですが

ちょっとだけさわりたいので触り方を紹介しておきます。

/lib/Baser/View/Elements

ここにある「global_menu.php」を

/app/webroot/themed/テーマ名/Elements/

にコピーします。

テーマの下の物が優先されるので、他のテーマに影響を与えず

テーマ毎に設定出来ます。

元のソースは、こんな感じです

 * Copyright 2008 - 2013, baserCMS Users Community 
 *
 * @copyright        Copyright 2008 - 2013, baserCMS Users Community
 * @link            http://basercms.net baserCMS Project
 * @package            Baser.View
 * @since            baserCMS v 0.1.0
 * @version            $Revision$
 * @modifiedby        $LastChangedBy$
 * @lastmodified    $Date$
 * @license            http://basercms.net/license/index.html
 */
if(Configure::read('BcRequest.isMaintenance')) {
    return;
}
$prefix = '';
if(Configure::read('BcRequest.agent')) {
    $prefix = '/'.Configure::read('BcRequest.agentAlias');
}
?>



    
        BcBaser->getMenus() ?>
        
             $globalMenu): ?>
                

                    BcArray->first($globalMenus, $key)) {
                            $classies[] = 'first';
                        } elseif($this->BcArray->last($globalMenus, $key)) {
                            $classies[] = 'last';
                        }
                        if($this->BcBaser->isCurrentUrl($globalMenu['Menu']['link'])) {
                            $classies[] = 'current';
                        }
                        $class = ' class="' . implode(' ', $classies) . '"';
                    ?>
    
                    base == '/index.php' && $globalMenu['Menu']['link'] == '/'): ?>
    
    >
        BcBaser->link($globalMenu['Menu']['name'], $globalMenu['Menu']['link'])) ?>
    
                    
    >
        BcBaser->link($globalMenu['Menu']['name'], $prefix.$globalMenu['Menu']['link']) ?>
    
                    
                
        
    

何を変更したかと言うと

メニューを日本語／アルファベットの表示にしたかったので

BcBaser->link($globalMenu['Menu']['name'].''.str_replace('/','',preg_replace ('/\/index/','',$globalMenu['Menu']['link'])).'', $prefix.$globalMenu['Menu']['link']) ?>


BcBaser->link($globalMenu['Menu']['name'].'TOP PAGE', $prefix.$globalMenu['Menu']['link']) ?>

ファイル名又はディレクトリ名の余計な部分を消して、メニュー名称に<span>で挟んでひっつけてます。

これでメニューまで終了しました。

なるべく、基本機能をさわらずにスタイルとスクリプトで変更していきたいのですが

情報が無いものについては、しかたがないので変更しました。

次回は、フッターについて進めて行きます。