個人用ツール

「ver4/関数リファレンス/BcBaser globalMenu」の版間の差分

提供: baserCMS公式ガイド

移動: 案内, 検索
(文言をheader・footer関数の表現と統一)
行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側で対応するのが望ましい。

変更履歴

ソースファイル

関連資料

類似の関数

BcBaser->footer