シリウスカスタマイズＴＯＰ ＞ シリウスのグローバルメニューを軽量プルダウンへカスタマイズ備忘録

シリウスのグローバルメニューを軽量プルダウンメニューへ切り替え

 

申し訳ございません　ただいま不作動...修正中です

 

シリウスのグローバルメニューをプルダウンスクリプトフレームに切り替えて
下層メニューを収納しておきますとメニュークリックで収納されていた
メニューが、ブラインド一覧形式で表示されます　
作動例は、当サイトのグローバルナビを参考にしてください

 

アコーディオンメニューともいわれる名称ですが、記述はほとんど同じですので
通常はプルダウンメニューで良いと思います

 

記述をよく見てもどこが違うのか　全然わかりませんが？

 

当ページでの名称は複雑化を防ぐためとりあえずプルダウンで進めます

 

---

 

前置き

 

現在のシリウスではグローバルメニューのプルダウン化は機能の備えが
ありませんので出来ません

 

過去に2014　4月のサポート広報では次のバージョンアップで機能を追加
するよう努力するとの記事がございました？？？でも、まだみたいですね

 

しかし、ワールドプレスやその他のブログサービス
もしくは、シリウスと同じHTMLテンプレート無料も含めでは
簡単にグローバルメニューがプルダウン出来るものが多くございます

 

シリウスは高機能といわれるはずが、プルダウン機能はなし？
何でやねん？

 

そんな不満をなが～く持ちつずけておりまして
シリウスへ簡単に装着できるプルダウンメニューはないものか？と

 

いろいろ探し回りまして、すこしばかり前ですが

 

jmenuプラグインというものに巡り合い当サイトでもグローバルメニューを
プルダウン化して表示をしてまいりました

 

最初は良いものと想えたものですが　

 

使用してみてみることで解ることですが、何ともいまいち...
原因は、トップページでしか反映されないという機能不足とか

 

見出しメニューは良いとして、ページテキストを追加の際
もしくは書き換えの際　ミスしやすい複雑コード

 

グロ－バル表示がデフォルトでは単色でイメージがいまいち

 

シリウスのデフォルトグローバルを複合化することもできたのですが
子メニューのメニューすだれも単色でやはりいまいち

 

見た目や作動スタイルはやはり大事ですね

 

 

そんな事情でもっとよいものがないかとさらに探し求めておりましたが
素敵なものはあってもシリウスでは動かないとか動きが変てこになるとか？
で　たぶん30程のスクリプトは取り込んだかと思いますがすべてダメ！

 

そんな時期偶然にもサイトメニューおよびサイドメニューをプルダウン化
することになりましが、記述を確認してみるグローバルメニューの
プルダウン記述とほぼ同じもので、もしやこのメニューをグローバルメニュー
へとカスタマイズすれば出来るのではないか？
....という発想で完成したものを複数公開してまいります

 

 

現時点の情報は,デフォルトテンプレート
対応ですが、その他のプルダウン化については今後も実証しながら
詳細を公開してまいりますので、たまにはサイトを訪れてみてください

 

追加した情報あり
レイアウトイメージは、大幅に異なりますが、レスポンシブテンプレート
対応の解説を子サイトに追加しております
工程及び取り付け方の詳細はこちらでご確認ください
シリウスレスポンシブテンプレートカスタマイズまとめ

 

 

---

 

どのような仕組なのかですが

 

仕組みとしては　プルダウン化をシリウスの操作環境に組み込むわけでは
ありません

 

シリウスのデフォルトグローバルメニューへプルダウンスタイルを機能として
組み込むことはHTMLの上級者なら出来るかもしれませんが　
私程度には理解すらできませんので、外部スクリプトを採用してすすめます

 

外部から？では作業が面倒と思われるかもしれませんが
最初だけで以降はページ追加の際の記載のみです

 

また　コンテンツを自分で大まかな範囲でグループ分が出来るというのは
手動ならではの利点です

 

 

シリウス機能のグローバルメニューを変化させるでもなくそのものを
使いません　

 

シリウスデフォルト機能であるグローバルは使わないで
同スタイルの形式のメニューを外部から組み込む事になりますが
手動での取り付けです

 

手動は面倒と感じ取られる方もおられると思いますが
記述コードは理解できるよう整列したものを用意してあります

 

 

テキストページメニューリンクについては自己記載が必要となりますが

 

メニューテキスト＆リンクを書き入れる記述コードは解り易く書き換えて
書き入れるか貼り付けるだけです

 

後にページ追加の際も行を書き加えるだけで容易に進められるよう
手配しております

 

工程もわずかのステップで完了します

 

 

---

 

作動スタイル

 

通常のグローバルメニューは、メニューをクリックするとリンク移動しますが

 

プルダウンメニューでの作動は

 

メニュ―をクリックするとリンク移動はせず、メニュー名コンテンツに合う
項目のテキストページメニューがブラインド表示で複数表示され
求める情報をクリックすればリンク移動するというスタイルです

 

ネット上ではＣＳＳのみで構築されたグローバルメニューをクリックすると
瞬間的にブラインドメニューが表示されるスタイルもあるようですが

 

当サイトで用意しているものは柔らかく作動します

 

こちらデモですが作動をご確認ください

 

カラムに置いてるもので途中折れしておりますが
９００PXにぴたりと収まるサイズです

 

 

 

 

 

 

 

 

 

 

上記メニューはもともとはサイドメニューに配置するプルダウン要素でしたが
グローバルで作動するようカスタムしたものです

 

以上の原本スクリプトは　
一つのサイト　一つのページにサイドバー　カラムと
複数取り付けてもエラ－しないので使いやすいのでこの形態から
異なる表現をカスタマイズしてまいります

 

 

スクリプトはHTMLhead内に一つ

 

スタイルシートの指定記述コード配置

 

プラグインをサーバーにアップしておけば　複数のデザインで作動OK

 

 

 

取り付けに至る解説はこちらでご確認下さい
h4タグ要素でグローバルメニューをプルタウンメニューカスタマイズ

 

 

スポンサーリンク

 

 

---

 

こちらは初期記事です

 

うだうだ一つてますが読み物程度に参照してください

 

しかし
ネット上には、グローバルメニューのプルダウンメニューや
アコーディオンメニューなど様々な情報がございますが、いざシリウスへと
設置してみるとなぜかスタイルが適合しません

 

横一列のHTML記述をシリウスに入れるとなぜか縦並びになってしまう

 

横一列にしようとテーブルで囲んでも、背景にテーブル機能の配色が
表れてスタイルがへんてこりん

 

いいものもあったのですが？

 

Weblabさんでいいスタイルのスクリプトがあったんでカスタムしたんですが
デモでのスタイルは良いのですが　なぜかシリウスに入れると
黄色の丸点が表示されてしまうのです

 

他では正常に表示されるものでも、なぜかシリウスではうまく表示できない

 

そんなことばかりの毎日でしたが毎日プルダウンやアコーディオンメニューを
弄り回していると多少は物事の理解力が進み出来るかもしれんと！
光明が見えてきたのです

 

 

現在もあれこれと模索中ですが　　
現段階でデフォルトならば3カラム、サイト幅は９００PX限定で
とりあえずは一応は使えるんじゃないかというものが？

 

ですが、素人のやることですから全てに対応できるようなものでもないので
無理にはお勧めしません

 

デフォルト3カラムでも適合サイトは限られてしましますので
その辺の前置きを最初に説明します

 

 

 

当ページは　カテゴリーページですが、これから下層で一つずつ
カスタマイズをご案内してまいります

 

 

でも今は一つです
順次情報はお待ちください

 

シリウスのグローバルメニューを軽量プルダウンへカスタマイズ備忘録記事一覧

 

 

シリウスのグローバルメニューを軽量プルダウンカスタマイズ備忘録
シリウスカスタマイズトップ