baserCMS公式ガイド「ver4/関数リファレンス/BcBaser globalMenu」の版間の差分
提供: baserCMS公式ガイド
| 行16: | 行16: | ||
: オプションのパラメータ | : オプションのパラメータ | ||
: - 初期値：array() | : - 初期値：array() | ||
| − | |||
| − | |||
| − | |||
| − | |||
## 用例 | ## 用例 | ||
| 行72: | 行68: | ||
## 注 | ## 注 | ||
| − | グローバルメニューのマークアップの変更は、バージョン4.1.0.1の時点において、プログラムが複雑に混入しており困難となっている。 | + | グローバルメニューのマークアップの変更は、バージョン4.1.0.1の時点において、プログラムが複雑に混入しており困難となっている。<br> |
デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。 | デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。 | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
##類似の関数 | ##類似の関数 | ||
- [getGlobalMenu](/ver4/関数リファレンス/getGlobalMenu) - グローバルメニューを取得する | - [getGlobalMenu](/ver4/関数リファレンス/getGlobalMenu) - グローバルメニューを取得する | ||
2018年12月21日 (金) 02:15時点における最新版
説明
管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。
使用中のテーマ内の /Elements/global_menu.php を読み込む。対象となるファイルは事前に作成しておく必要がある。
使い方
<?php $this->BcBaser->globalMenu([$level],[$options]); ?>
パラメータ
- (array) $level
- 表示する階層
- - 初期値：1
- (array) $options
- オプションのパラメータ
- - 初期値：array()
用例
基本
グローバルメニューを第1階層まで出力する
コード
<?php $this->BcBaser->globalMenu() ?>
出力
<ul class="ul-level-1 nav-menu"> <li class="nav-item menu-content li-level-1 current"><a href="/">トップページ</a></li> <li class="nav-item menu-content li-level-1"><a href="/news/">新着情報</a></li> <li class="nav-item menu-content li-level-1"><a href="/service/">サービス</a></li> <li class="nav-item menu-content li-level-1"><a href="/sample">サンプル</a></li> <li class="nav-item menu-content li-level-1"><a href="/about">会社案内</a></li> <li class="nav-item menu-content li-level-1"><a href="/contact/">お問い合わせ</a></li> </ul>
応用
グローバルメニューを第2階層まで出力する。
コード
<?php $this->BcBaser->globalMenu(2) ?>
出力
<ul class="ul-level-1 nav-menu"> <li class="nav-item menu-content li-level-1 current"><a href="/">トップページ</a></li> <li class="nav-item menu-content li-level-1"><a href="/news/">新着情報</a></li> <li class="nav-item menu-content li-level-1"><a href="/service/">サービス</a> <div class="sub-nav"> <ul class="menu ul-level-2"> <li class="menu-content li-level-2"><a href="/service/service1">サービス１</a></li> <li class="menu-content li-level-2"><a href="/service/service2">サービス２</a></li> <li class="menu-content li-level-2"><a href="/service/service3">サービス３</a></li> </ul> </div> </li> <li class="nav-item menu-content li-level-1"><a href="/sample">サンプル</a></li> <li class="nav-item menu-content li-level-1"><a href="/about">会社案内</a></li> <li class="nav-item menu-content li-level-1"><a href="/contact/">お問い合わせ</a></li> </ul>
注
グローバルメニューのマークアップの変更は、バージョン4.1.0.1の時点において、プログラムが複雑に混入しており困難となっている。
デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。
類似の関数
- getGlobalMenu - グローバルメニューを取得する
