50代から理数を学ぶ - XOOPS Cube Legacy メインメニューの変更方法。

Home > ブログ > 時空解 > パソコンソフト関連 > XOOPS Cube Legacy メインメニューの変更方法。

時空解さんの日記

2016

11月 30

(水)

23:00

XOOPS Cube Legacy メインメニューの変更方法。

前の日記次の日記

カテゴリーパソコンソフト関連

本文

みなさん、こんにちは。時空解です。
昨日、やっとキーボードテーブルが設置できました。腰掛から立ったり座ったりする時にチョット不安定ですのでイマイチですが、キー入力時はいたって快適になりました。これで後は慣れれば大丈夫でしょう。

さて、私が管理しているホームページ「50代から理数を学ぶ」ですが、チョコチョコとデザインなどを変更して、何とか軌道に載せようとしているところです。

今日は二日前から初めていたメインメニューのデザイン変更、やっと終えたところです。時間が掛かってしまいました。( ^^;A

XOOPS Cube Legacy には "テーマの変更" と言って、基本的なデザインを一気に変更する方法があります。これを考慮に入れていると、とてもデザインをするのが複雑になります。

でも、これも利用できるくらい HTML や CSS に詳しくなれると良いのですがね。

今はコンテンツの充実が先だと思っています。ホームページのデザインは最低限に絞って考えいるところです。

とりあえずメインメニューのデザインは大切ですので、分かり易くしてみました。

みなさん参考にしてみてください。

下記の示す変更例は、テンプレートを変更する事で実現しています。

　　　　変更前　　　　　　　　　　　　　　変更後

　　
変更前はメニューとサブメニューの通し番号の区別がありません。
しかし変更後は通し番号がメニューとサブメニューで分かれています。

これはテンプレートを変更する事で実現できます。

（本当はトップページを修飾するスタイルシート CSS との関連も重要ですが、ここでは割愛します。）

テンプレートのソースコードを下記に示します。

変更前：互換モジュールの legacy_block_mainmenu.html テンプレート

<ul id="mainmenu">

      <li><a class="menuTop" href="<{$xoops_url}>/"><{$smarty.const._MB_LEGACY_HOME}></a></li>

<{foreach item=module from=$block.modules}>

      <li><a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a></li>

      <{foreach item=sublink from=$module.sublinks}>

            <li><a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a></li>

      <{/foreach}>

<{/foreach}>

</ul>

変更後

<ul id="mainmenu">

      <li><a class="menuTop" href="<{$xoops_url}>/"><{$smarty.const._MB_LEGACY_HOME}></a></li>

<{foreach item=module from=$block.modules}>

      <li><a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a></li>

        <ul>

        <{foreach item=sublink from=$module.sublinks}>

                <li style="list-style-type: lower-alpha;"><a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a></li>

        <{/foreach}>

        </ul>

<{/foreach}>

</ul>

二つ目の foreach 文を ul で入れ子にしてあるところがポイントですよ。一度試してみてくださいね。

では今日はこの辺で。
千里の道も一歩から。

----------------------------------------------------------------------------------------------
「千里の道の一歩計画」成果：１／千里
　　(1) 人のためになる情報を、ホームページに一つ掲載する事を「１歩」と考えて
　　　情報提供を行って行く。…現在１提供（１歩）
　　　一歩目…モジュール d3diary ( ブログモジュール )：本文の書式変更方法
　　　二歩目…上記の動画作成。

　　(2) 数学・物理学の参考書・問題集を一冊こなしたら「１歩」と考えて
　　　参考書・問題集をこなして行く。…勉強済み、現在１冊（１歩）
　　　一歩目…「数学I 高速トレーニング三角比編］
　　　（勉強中の書籍…「実用数学技能検定５級：要点整理、過去問題集」）

----------------------------------------------------------------------------------------------
「良い習慣化計画」
　　　朝は七時に起きます。
　　　夜は１１時に寝ます。
　　　数学、物理の勉強をします。
　　　ブログを毎日更新します。
----------------------------------------------------------------------------------------------
独学協友会の動画は YouTube チャンネルでご覧になれます。

閲覧(5201)

コメントを書く
コメントを書くにはログインが必要です。