baserCMS公式ガイド「ver4/関数リファレンス/BcBaser globalMenu」を編集中
提供: baserCMS公式ガイド
警告: ログインしていません。
編集すると、IPアドレスがこのページの編集履歴に記録されます。この編集を取り消せます。
下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
| 最新版 | 編集中の文章 | ||
| 行1: | 行1: | ||
## 説明 | ## 説明 | ||
| − | 管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。 | + | 管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。 |
| + | |||
使用中のテーマ内の '''/Elements/global_menu.php''' を読み込む。対象となるファイルは事前に作成しておく必要がある。 | 使用中のテーマ内の '''/Elements/global_menu.php''' を読み込む。対象となるファイルは事前に作成しておく必要がある。 | ||
## 使い方 | ## 使い方 | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
| − | + | $this->BcBaser->globalMenu([$level],[$options]); | |
</syntaxhighlight> | </syntaxhighlight> | ||
| 行11: | 行12: | ||
(array) $level | (array) $level | ||
: 表示する階層 | : 表示する階層 | ||
| − | : | + | : 初期値：1 |
| + | : ※ バージョン4以降のツリー構造に対応するには、2以上を渡さなければならない | ||
(array) $options | (array) $options | ||
: オプションのパラメータ | : オプションのパラメータ | ||
| − | : | + | : 初期値：array() |
| + | : ※ その他のパラメータについては、View::element() を参照 | ||
| + | |||
| + | ## 戻り値 | ||
| + | |||
| + | なし | ||
## 用例 | ## 用例 | ||
### 基本 | ### 基本 | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
####コード | ####コード | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
<?php $this->BcBaser->globalMenu(2) ?> | <?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"> | <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">サービス１</a> </li> | |
| − | + | <li class="menu-content li-level-2"> | |
| − | + | <a href="https://mysite.com/service/service2">サービス２</a> </li> | |
| − | + | <li class="menu-content li-level-2"> | |
| − | + | <a href="https://mysite.com/service/service3">サービス３</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> | </ul> | ||
| + | </nav> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
## 注 | ## 注 | ||
| − | グローバルメニューのマークアップの変更は、バージョン4.1.0. | + | グローバルメニューのマークアップの変更は、バージョン4.1.0.1の時点では困難となっている。 |
デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。 | デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。 | ||
| + | ## 変更履歴 | ||
| + | |||
| + | ### 2018-06-28 | ||
| + | |||
| + | 出力サンプルを追加、マークアップに関する注意を追加 | ||
| + | |||
| + | ## ソースファイル | ||
| + | |||
| + | ## 関連資料 | ||
##類似の関数 | ##類似の関数 | ||
| − | + | ||
| + | [BcBaser->footer](http://wiki.basercms.net/ver4/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/footer) | ||
| + | |||
| + | [[Category:関数リファレンスver4]] | ||
