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

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 - グローバルメニューを取得する

個人用ツール

検索

利用ガイド

制作ガイド ver.4

リンク

ツール

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

提供: baserCMS公式ガイド

2018年12月21日 (金) 02:15時点における最新版

目次

説明

使い方

パラメータ

用例

基本

コード

出力

応用

コード

出力

注

類似の関数

@@ 行1: / 行1: @@
 ## 説明
-管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。
+管理画面の「コンテンツ一覧」の設定を反映した、グローバルメニューを出力する。<br>
 使用中のテーマ内の '''/Elements/global_menu.php''' を読み込む。対象となるファイルは事前に作成しておく必要がある。
 ## 使い方
 <syntaxhighlight lang="php">
-$this->BcBaser->globalMenu([$level],[$options]);
+<?php $this->BcBaser->globalMenu([$level],[$options]); ?>
 </syntaxhighlight>
@@ 行12: / 行11: @@
 (array) $level
 : 表示する階層
-: 初期値：1
+: - 初期値：1
-:  ※ バージョン4以降のツリー構造に対応するには、2以上を渡さなければならない
 (array) $options
 : オプションのパラメータ
-: 初期値：array()
+: - 初期値：array()
-:  ※ その他のパラメータについては、View::element() を参照
-## 戻り値
-なし
 ## 用例
 ### 基本
+グローバルメニューを第1階層まで出力する
+####コード
+<syntaxhighlight lang="php">
+<?php $this->BcBaser->globalMenu() ?>
+</syntaxhighlight>
+####出力
+<syntaxhighlight lang="html5">
+<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>
+</syntaxhighlight>
+### 応用
+グローバルメニューを第2階層まで出力する。
 ####コード
 <syntaxhighlight lang="php">
 <?php $this->BcBaser->globalMenu(2) ?>
 </syntaxhighlight>
 ####出力
-（グローバルメニューの内容を2階層まで表示）
 <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 current"><a href="/">トップページ</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="/news/">新着情報</a></li>
-<li class="nav-item menu-content li-level-1"><a href="https://mysite.com/service/">サービス</a>													<div class="sub-nav">
+    <li class="nav-item menu-content li-level-1"><a href="/service/">サービス</a>
+        <div class="sub-nav">
+            <ul class="menu ul-level-2">
-<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">
+                <li class="menu-content li-level-2"><a href="/service/service2">サービス２</a></li>
-<a href="https://mysite.com/service/service1">サービス１</a>									</li>
+                <li class="menu-content li-level-2"><a href="/service/service3">サービス３</a></li>
-<li class="menu-content li-level-2">
+            </ul>
-<a href="https://mysite.com/service/service2">サービス２</a>									</li>
+        </div>
-<li class="menu-content li-level-2">
+    </li>
-<a href="https://mysite.com/service/service3">サービス３</a>									</li>
+    <li class="nav-item menu-content li-level-1"><a href="/sample">サンプル</a></li>
-</ul>
+    <li class="nav-item menu-content li-level-1"><a href="/about">会社案内</a></li>
-</div>
+    <li class="nav-item menu-content li-level-1"><a href="/contact/">お問い合わせ</a></li>
-</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>
 ## 注
-グローバルメニューのマークアップの変更は、バージョン4.1.0.1の時点では困難となっている。
+グローバルメニューのマークアップの変更は、バージョン4.1.0.1の時点において、プログラムが複雑に混入しており困難となっている。<br>
 デザインを調整する場合は、上記HTMLを参考にCSS側で対応するのが望ましい。
-## 変更履歴
-### 2018-06-28
-出力サンプルを追加、マークアップに関する注意を追加
-## ソースファイル
-## 関連資料
 ##類似の関数
+- [getGlobalMenu](/ver4/関数リファレンス/getGlobalMenu) - グローバルメニューを取得する
-[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]]

	このページの最終更新日時は 2018年12月21日 (金) 02:15 です。このページは 8,082 回アクセスされました。プライバシー・ポリシー baserCMS公式ガイドについて免責事項
	Mozilla Cavendish Theme based on Cavendish style by Gabriel Wicke modified by DaSch for the Web Community Wiki github Projectpage – Report Bug – Skin-Version: 2.3.4