技術メモ詳細detail

はじめて?のCMS3

レイアウトを作成したのでさっそく中身を作っていきます。

いやいや、まずは設計しないとですね

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

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

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

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

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

         

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

  • 業務案内を表示

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

  • サービスを表示

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

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

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

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

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

 

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

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

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

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

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

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

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

BcBaser->logo() ?>

BcBaser->element('global_menu') ?>

実にシンプルです。

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

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

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

temeset1.png

テーマ設定を選択

temeset2.png

こんなところにいたのね^^;

 

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

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

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


メニューは、

<?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->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>で挟んでひっつけてます。

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

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

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

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

baserCMS   2013/12/30   muryoku

はじめて?のCMS3にコメントを書き込む

Loading...
 画像の文字を入力してください

SITE INFO

サイトロゴ

Welcome !!

夢力のページにようこそ
いらっしゃいました。

業務内容の紹介と技術的メモを
中心に掲載していく
予定にしております。

暖かい目でよろしく
お願いいたします。

9月 2021年10月 11月
     12
3456789
10111213141516
17181920212223
24252627282930
31

月別アーカイブ一覧



Copyright © Muryoku. All Rights Reserved.