前回に続いてLearn2テンプレートのカスタマイズです。
今回はメニュー回り。
ページタイプとしてchapter、blogの二つがありどちらもナビゲーションメニューに表示させてるのですが、理想としては、chapterの場合は配下のdocsページが階層表示され、blogの場合は配下を表示させないという風にしたいわけです。
blogの場合はメニューで選択すると日付順に概要表示でitemが並ぶのでメニューに階層表示は必要ないという判断です。
ということで、sidebar.html.twigを修正していきます。
File:sidebar.html.twig
～～～
<li class="dd-item{{ parent_page }}{{ current_page }}" data-nav-id="{{ p.route }}">
<a href="{{ p.url }}" {% if p.header.class %}class="{{ p.header.class }}"{% endif %}>
<i class="fa fa-check read-icon"></i>
<span><b>{% if data_level == 0 %}{{ loop.index }}. {% endif %}</b>{{ p.menu }}</span>
</a>
<!-- 以下の判断条件を -->
{% if p.children.count > 0 %}
<!-- 以下のようにしてblogであれば配下を表示しないように変更 -->
{% if p.children.count > 0 and p.template!='blog' %}
<!-- /ここまで -->
<ul>
{{ _self.loop(p, parent_loop|default(0)+loop.index) }}
</ul>
{% endif %}
</li>
～～～あとは、blogページ関連のスタイルをcssに追加して微調整という感じです。
まあ、ほとんどは"twentyfifteen"のcssから該当classを移植しただけですが、大体は形になったかな(｡･ω･)ﾉﾞ
ツイート いいんじゃね。と感じたらツイートしてもらえると喜びます。タイーツ タイーツもできます。
About Me
好き
嫁と子供。文字を読むこと。文字を書くこと。妄想すること。物語を創ること。歌うこと。おいしい食事。弓と矢。PCゲーム。宝くじ。
苦手
建前と本音。空気を読むこと。本のない世界。団体競技。近接戦闘。持久走。他人とのコミュニケーション。
嫁と子供。文字を読むこと。文字を書くこと。妄想すること。物語を創ること。歌うこと。おいしい食事。弓と矢。PCゲーム。宝くじ。
苦手
建前と本音。空気を読むこと。本のない世界。団体競技。近接戦闘。持久走。他人とのコミュニケーション。
LOVE
Son and wife. Reading. Writing. to fantasize. to create stories. Singing. Good food. Bow and arrow. PC game. Lottery.
NOT LOVE
Tatemae and Honne(true feelings and public facade). Understand the situation. A world without books. Team sports. Close combat. Endurance running. Communication with others.
Son and wife. Reading. Writing. to fantasize. to create stories. Singing. Good food. Bow and arrow. PC game. Lottery.
NOT LOVE
Tatemae and Honne(true feelings and public facade). Understand the situation. A world without books. Team sports. Close combat. Endurance running. Communication with others.