「ver4/関数リファレンス/BcBaser globalMenu」の版間の差分
提供: baserCMS公式ガイド
Webbingstudio (トーク | 投稿記録) 細 (文言をheader・footer関数の表現と統一) |
Webbingstudio (トーク | 投稿記録) |
||
行11: | 行11: | ||
## パラメータ | ## パラメータ | ||
(array) $level | (array) $level | ||
− | : | + | : 表示する階層 |
: 初期値:1 | : 初期値:1 | ||
+ | : ※ バージョン4以降のツリー構造に対応するには、2以上を渡さなければならない | ||
(array) $options | (array) $options | ||
行29: | 行30: | ||
####コード | ####コード | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
− | <?php $this->BcBaser->globalMenu() ?> | + | <?php $this->BcBaser->globalMenu(2) ?> |
</syntaxhighlight> | </syntaxhighlight> | ||
####出力 | ####出力 | ||
+ | (グローバルメニューの内容を2階層まで表示) | ||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
− | + | <!-- /Elements/global_menu.php --> | |
+ | <nav> | ||
+ | |||
+ | <ul class="ul-level-1 nav-menu"> | ||
+ | <li class="nav-item menu-content li-level-1 current"><a href="https://mysite.com/">トップページ</a> </li> | ||
+ | <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/news/">新着情報</a> </li> | ||
+ | <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/service/">サービス</a> <div class="sub-nav"> | ||
+ | |||
+ | |||
+ | <ul class="menu ul-level-2"> | ||
+ | <li class="menu-content li-level-2"> | ||
+ | <a href="https://mysite.com/service/service1">サービス1</a> </li> | ||
+ | <li class="menu-content li-level-2"> | ||
+ | <a href="https://mysite.com/service/service2">サービス2</a> </li> | ||
+ | <li class="menu-content li-level-2"> | ||
+ | <a href="https://mysite.com/service/service3">サービス3</a> </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/sample">サンプル</a> </li> | ||
+ | <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/about">会社案内</a> </li> | ||
+ | <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/contact/">お問い合わせ</a> </li> | ||
+ | </ul> | ||
+ | </nav> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
## 注 | ## 注 | ||
+ | |||
+ | グローバルメニューの詳細なマークアップの調整は、バージョン4.1.0.1の時点では困難となっている。 | ||
+ | デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。 | ||
## 変更履歴 | ## 変更履歴 |
2018年6月28日 (木) 14:02時点における版
説明
管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。
使用中のテーマ内の /Elements/global_menu.php を読み込む。対象となるファイルは事前に作成しておく必要がある。
使い方
$this->BcBaser->globalMenu([$level],[$options]);
パラメータ
- (array) $level
- 表示する階層
- 初期値:1
- ※ バージョン4以降のツリー構造に対応するには、2以上を渡さなければならない
- (array) $options
- オプションのパラメータ
- 初期値:array()
- ※ その他のパラメータについては、View::element() を参照
戻り値
なし
用例
基本
コード
<?php $this->BcBaser->globalMenu(2) ?>
出力
(グローバルメニューの内容を2階層まで表示)
<!-- /Elements/global_menu.php --> <nav> <ul class="ul-level-1 nav-menu"> <li class="nav-item menu-content li-level-1 current"><a href="https://mysite.com/">トップページ</a> </li> <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/news/">新着情報</a> </li> <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/service/">サービス</a> <div class="sub-nav"> <ul class="menu ul-level-2"> <li class="menu-content li-level-2"> <a href="https://mysite.com/service/service1">サービス1</a> </li> <li class="menu-content li-level-2"> <a href="https://mysite.com/service/service2">サービス2</a> </li> <li class="menu-content li-level-2"> <a href="https://mysite.com/service/service3">サービス3</a> </li> </ul> </div> </li> <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/sample">サンプル</a> </li> <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/about">会社案内</a> </li> <li class="nav-item menu-content li-level-1"><a href="https://mysite.com/contact/">お問い合わせ</a> </li> </ul> </nav>
注
グローバルメニューの詳細なマークアップの調整は、バージョン4.1.0.1の時点では困難となっている。
デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。