シリウスカスタマイズＴＯＰ ＞ グローバルメニューをプルダウンメニューへ変更する方法

当サイトにお越しの読者様へご報告

 

当解説は、jMenuプラグインを採用としておりますが、トップページでしか
反映されない

 

また、取り付けが面倒という事情もあり記事は残しておりますが、
あまりお勧めできるカスタマイズ法ではありません

 

別ページでCSSのみで形成するGナビ解説を追加しております

 

当サイトで現在使用しているものですが、取り付けも簡単
構造も理解しやすい
使いかってはとてもよくレスポンシブサイトにも対応加です

 

こちらで詳細をご確認ください
グローバルナビをCSS形成で組み込むカスタマイズまとめ

 

---

 

シリウスグローバルメニューカスタマイズテーマ　プルダウンメニュー

 

当該コンテンツは　シリウスのデフォルトで表示されるグローバルメニューを
非表示としてjMenuプラグイン　もしくはＳＳＳ3メニュースクリプトを配して
グローバルメニューをプルダウンスタイルで表示する方法に切り換える
解説となります

 

 

プルダウンメニューの情報をネット上で探し求めれば　あちこちに設定方等
の解説はございます

 

 

こちらの解説道理進めればすぐに設置できますと...
ハイ　ど～ぞ！

 

何てサイトは沢山ございますが　
まあ　コピペのコピペサイトばかり多くて　さらに詳細まで意味不明

 

で？　どこをどうすればこうなるの．．．が？飛ばされているんですね

 

当サイトもそんな感じのサイトかもしれませんが？

 

プルタウンメニューをシリウスに適合させるために四苦八苦しておりましたが
何とか複数の取り付け可能なものがございましたので解説いたします

 

尚　このページはプルタウンのお取付の前解説で
お取付方法はエントリーページでご案内します

 

---

 

一つ目のご案内は
jMenu　プラウグインを使います
http://www.myjqueryplugins.com/jquery-plugin/jmenu

 

配布サイトの以下のメニューでダウンロードいただけます

 

jMenu　サイトでは無償以外に有償のプラウグインもございますが
有償ご利用は自己判断で願います

 

シリウスに取り付けた場合の状況

 

永くなりますが　私の場合　シリウス機能で効果が現れないときは
作業を素早くプレビューで確認するためにシリウスのデータファイルに
ダウンロードファイルをアップロードして反映確認することがよくございます

 

jMenuも同様の作業で進めましたが　以下状況です

 

プレビューではグローバルメニューからプルタウン化するのですが
アップロード以降はトップページのみの作動？
他　カテゴリーエントリーでは不作動です

 

不作動だけならよいのですが　下層ではグローバルメニュー自体も
一切作動しないとか　グローバルメニューが消えたとか
散々な結果

 

当サイトはスクリプトが多いための影響かと　他サイトの詳細とで
検証しましたが　下層の一部では作動するものの
全体的には不作動が多くを占める結果

 

 

なぜこんなことなのかと？疑問ばかりでしたが
通常はナビゲーションプラグインで　サイトの一部に取り付けるものを
全てのページで表現させようとしている私の間違いカモ？

 

でも　プレビューではすべてのページで正常作動しているんです？？
いやになるプラグイン

 

そんなことで　当サイトにも取りつくはしたのですが
トップページのみの表現法となります

 

---

 

申し訳ありません
現在は　トップページ　カテゴリー　エントリーページでも作動可能な
スクリプトに変更してございます
現在のトップページで採用しているスクリプトはページでこちらです
シリウスのグローバルメニューを軽量プルダウンカスタマイズ備忘録

 

---

 

 

作動としてはトップページのみプルダウンは反映します

 

下層では通常のシリウスのデフォルトグローバルの表現となります

 

又　記事カラムに合わせたシュートナビゲーションでも掲載可能

 

---

 

jMenuサイトでの案内では他のプラグインも無償　有償のものが
ございます

 

当方では有償のプラグインも購入しており　使用経過の解説を
追加しておりますが　好みにもよりますが何とも言えない程度の結果です

 

シリウスによく適合するものとの私評価は２点くらいです

 

お暇つぶし程度にご覧ください
ＣＳＳ３menu｜プルダウンソフトサイト導入方法

 

 

---

 

二つ目はjqueryを使うものでサイトのサイドバーに設置した
メニューをグローバル形式のプルダウンに変えるものです

 

参考サイト
上記プルダウンですと全ての頁に掲載しても軽快に作動します
．．．が

 

ヘッダー画像の下部とグローバルの間に１ＰＸほどの隙間ができるのですね

 

たった１ＰＸですけど　どうにも気に入りません

 

ＣＳＳを編集すれば出来そうなんですが　

 

別なスタイルとしては記事内に横にショートナビとしても設置ができます

 

 

エントリーページで追記しております
下方のメニューまでお下がりください

 

 

 

 

シリウスのグローバルメニューをプルダウンメニューへ変更する方法

 

シリウスカスタマイズ

 

 

---

 

こちらは過去記事です

 

意味不明なこと言ってますが　こんなこともあるんです

 

 

 

記載日　２０１４　０９１３　ＡＭ４００です
今現時点　サイトが完成しませんでした

 

当サイトにプルタウンを取り付けるために
クリックメニュー整理してましたら　時間ばかりが過ぎて行く

 

睡眠不足でギブアップです
０９１３の夜半には解説が完成すると思います

 

グローバルメニューのプルタウン作動は当サイトの
グローバルメニューをクリックしてください
今のところいまいちですが明日には修正します

 

 

 

グローバルメニューをプルタウンメニューへと変更する手順の解説です

 

と...広報しておりますが　実際は違います

 

初めにご説明がございます

 

シリウス機能でのグローバルメニューにプルタウンメニューは取り付けできませんでした

 

でも　当サイトではシリウス機能のグローバルが表示されていて
プルタウンの作動が行われます

 

当サイト解説ではプルダウン式コンテンツメニューを作る方法　アーカイブにつかえるかも？
で解説しているスクリプトを利用して　テーブル機能と合わせれば実装は
出来ましたが　ヘッダー画像とグローバルとの間に２ＰＸ程の隙間が空いてしまい
隙間を詰めることもテーブル枠が障害となり作業を断念

 

で　また異なるスクリプトを使用したところ
何とグローバルのプルタウン化に成功と相成ったのです

 

はじめの段階では　スクリプトで指定されたグローバルが表示できました

 

しかし　カラーは自由に変更できるものの　メニューが単体カラーで
明暗が無いんですね

 

それはそれでよい方はそのまま使えます

 

 

しかし　シリウスのデフォルトグローバルをオリジナルで表現するには
一部追加作業がございます

 

以下は通常のシリウスメニューですけれど　表示させるための手順が
全然異なります

 

 

記事の続編は、
以下のシリウスのグローバルをプルダウンメニュー変更する手順でご確認ください

 

 

 

スポンサーリンク

 

 

 

 

シリウスのグローバルメニューをプルダウンメニューへ変更する方法記事一覧

 

 

シリウスグローバルメニューをプルダウンメニューへ変更する方法

 

シリウスカスタマイズトップ