baserCMS公式ガイド「ver4/関数リファレンス/BcBaser globalMenu」の版間の差分
提供: baserCMS公式ガイド
Webbingstudio (トーク | 投稿記録) 細 |
|||
| 行1: | 行1: | ||
## 説明 | ## 説明 | ||
| − | 管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。 | + | 管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。<br> |
| − | + | ||
使用中のテーマ内の '''/Elements/global_menu.php''' を読み込む。対象となるファイルは事前に作成しておく必要がある。 | 使用中のテーマ内の '''/Elements/global_menu.php''' を読み込む。対象となるファイルは事前に作成しておく必要がある。 | ||
## 使い方 | ## 使い方 | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
| − | $this->BcBaser->globalMenu([$level],[$options]); | + | <?php $this->BcBaser->globalMenu([$level],[$options]); ?> |
</syntaxhighlight> | </syntaxhighlight> | ||
| 行12: | 行11: | ||
(array) $level | (array) $level | ||
: 表示する階層 | : 表示する階層 | ||
| − | : 初期値：1 | + | : - 初期値：1 |
| − | + | ||
(array) $options | (array) $options | ||
: オプションのパラメータ | : オプションのパラメータ | ||
| − | : 初期値：array() | + | : - 初期値：array() |
| − | + | ||
## 戻り値 | ## 戻り値 | ||
| 行27: | 行24: | ||
### 基本 | ### 基本 | ||
| − | + | グローバルメニューを第1階層まで出力する | |
####コード | ####コード | ||
<syntaxhighlight lang="php"> | <syntaxhighlight lang="php"> | ||
| − | <?php $this->BcBaser->globalMenu( | + | <?php $this->BcBaser->globalMenu() ?> |
</syntaxhighlight> | </syntaxhighlight> | ||
####出力 | ####出力 | ||
| − | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
| − | |||
| − | |||
| − | |||
<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=" | + | <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=" | + | <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=" | + | <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> | ||
| + | </syntaxhighlight> | ||
| + | ### 応用 | ||
| + | グローバルメニューを第2階層まで出力する。 | ||
| + | ####コード | ||
| + | <syntaxhighlight lang="php"> | ||
| + | <?php $this->BcBaser->globalMenu(2) ?> | ||
| + | </syntaxhighlight> | ||
| − | <ul class=" | + | |
| − | <li class="menu-content li-level- | + | ####出力 |
| − | <a href=" | + | <syntaxhighlight lang="html5"> |
| − | <li class="menu-content li-level-2"> | + | <ul class="ul-level-1 nav-menu"> |
| − | <a href=" | + | <li class="nav-item menu-content li-level-1 current"><a href="/">トップページ</a></li> |
| − | <li class="menu-content li-level-2"> | + | <li class="nav-item menu-content li-level-1"><a href="/news/">新着情報</a></li> |
| − | <a href=" | + | <li class="nav-item menu-content li-level-1"><a href="/service/">サービス</a> |
| − | </ul> | + | <div class="sub-nav"> |
| − | </div> | + | <ul class="menu ul-level-2"> |
| − | </li> | + | <li class="menu-content li-level-2"><a href="/service/service1">サービス１</a></li> |
| − | <li class="nav-item menu-content li-level-1"><a href=" | + | <li class="menu-content li-level-2"><a href="/service/service2">サービス２</a></li> |
| − | <li class="nav-item menu-content li-level-1"><a href=" | + | <li class="menu-content li-level-2"><a href="/service/service3">サービス３</a></li> |
| − | <li class="nav-item menu-content li-level-1"><a href=" | + | </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> | </ul> | ||
| − | |||
</syntaxhighlight> | </syntaxhighlight> | ||
| 行76: | 行84: | ||
## 関連資料 | ## 関連資料 | ||
| + | [[Category:関数リファレンスver4]] | ||
##類似の関数 | ##類似の関数 | ||
| − | + | - [getGlobalMenu](/ver4/関数リファレンス/getGlobalMenu) - グローバルメニューを取得する | |
| − | [ | + | |
2018年11月20日 (火) 21:27時点における版
目次
説明
管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。
使用中のテーマ内の /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側で対応するのが望ましい。
変更履歴
2018-06-28
出力サンプルを追加、マークアップに関する注意を追加
ソースファイル
関連資料
類似の関数
- getGlobalMenu - グローバルメニューを取得する
