TOP

CSS3menu プルダウンメニューソフト          導入に際してのご注意点

2014 1214更新
シリウスプルダウンメニューカスタマイズテーマ プルダウンCSS3導入

 

当解説は親カテゴリ―グローバルメニューをプルダウンメニューへ変更する方法
コンテンツの jMenuプラウグイン公式サイトで有償 無償で配布される
CSS3menu プルダウンメニューを作成するソフトの利用解説になります

 

以下のようなスタイルもあります

 

 

その他スタイル

 

 

 

縦型のサイドメニュータイプもあり

 

 

CSS3menuを使ってのプルダウンメニューとは?

 

 

公式サイトでご覧いただければご理解いただけますが
海外サイトや 大手のサイト ワールドプレス ブログ等で
使われている形態のプルダウンメニューがいくつも用意されております

 

無償のものは営利目的でないならご利用可能です

 

営利目的のサイト ブログであれば有償バージョンとなりますが
どのように認識しているかは不明です

 

 

たとえば当サイトはシリウス以外は何にもアフィリしてません
シリウス販売ページだけ削除すれば 無償版でも使えます

 

 

私は 最初無償を使い有償へと移行しましたが

 

無償版も有償版も操作自体は同じですね

 

無償版ではデザインの選択肢が限られておりますが 詳細は
ダウンロード以降 ご確認ください

 

無償版を有償版に切り替える際はお支払終了後
ライセンスキー画メールにより案内されますので
CSS3menuソフト ヘルプ内でregisterを開き
入力するだけです

 

 

 

 

公式サイトで 無料ダウンロードを選択致しますと
次の画面でお名前 メールの登録画面へと移動します

 

求められる情報 お名前 メールを入力後
返信メールでソフトのダウンロード指定URLがあり 即ダウンロード可能です

こちらから公式サイトへお進み頂けますので いろんなメニューをご覧ください
英語サイトですが右上の日本マークを選択すれば日本語化されます
http://css3menu.com/?gclid=CMmlqI-n9cACFYeXvQodYHYAkw

 

 

仕組みは
プルダウンメニューをつくるためのMTMLコードやCSSコードを
ソフト操作で作りファイルとしてパソコン内に入れて
ファイルをサーバーにアップロード

 

次はシリウスのHTML内にコード配置
それだけで完了します

 

との説明です

 

ですが シリウスのデフォルト状態ではメニュー表示はされるものの
プルダウンメニューが全然動きません

 

原因がございます

 

それは 文字コードが shift_jisでは動かないんですね
何時間モ頑張ってみても文字コードを変えないとだめなんです

 

このことに気が付くまで 何と丸3日かかりまして もうへたばりました

 

どこかに説明書いとけよ といいたくなります

 

まあ 私ごとですからぐちぐち言ってないで進めましょうね

 


 

操作方法は公式サイトにあるので省きます

 

今回はグローバル形式のスタイルを選び 記事欄上部に設置します

 

 

ダウンロードファイルは二つです

 


ss3menu とファイルがあります

 

Css3menuを開くと 形態が確認できます
メニュ―をクリックしてプルダウン作動を確認しましょう

 

つぎににソースを表示させて

 

トップページでの表示ならトップテンプレートで

 

コピーして HTMLテンプレートを開き head内に以下記載を貼り付けます

 

BODY内の記載もコピーして HTML内の貼り付けたい位置
赤印位置にします ここに貼り付けると記事上部に表示されます

上記札

 

 

でもシリウスなら 記事カラム挿入でも作動しますので
HTML内にこだわらずとも好いと思います

 


 

ダウンロードしたファイルを シリウス機能でアップロードします

 

しかし 当サイトおなじみの解説ですが シリウスのプレビューでは
作動がご確認できません

 

プレビューを見ながら作業をしたい方はシリウスデータにもファ入りを入れてください

 

 

といいましたが このままではアップロードしたとしても
メニューの確認やクリックホバーは確認できますが プルダウンする
形態は見られないのです

 

 

サイト上部でも前置きしておりますが
文字コード shift_jisをUTF-8に変えなければ作動しないのです

 

文字コードをUTF-8に 変える事に不安のある方は 
ここまででお取りやめにするしかありません

 

 

進まれる方は シリウスのサイトデザインで文字コードを
切り替えてください

 

追記 シリウス機能でUTF-8拡張子変更

 

シリウス操作画面より サイトオプション選択

 

次の画面で 拡張子を変更するにチェックします

 

つぎに文字コードを UTF-8に切り替えてOK選択

 

 

スタイルシートで文字コードが切り変わりを確認してください
確認できればOK

 

 


 

 

ネット上にはUTF-8コードはややございますが サイト運営者には
適合するものでもシリウスに適合するかは不明です

 

取り寄せしないでシリウス機能を使用してください

 

 

ミスがありますと サイトが真っ白になったり

 

文字が白黒ハートマークになったりで悲しいサイトになってしまいます

 


 

当サイトも今回UTF-8の文字コードに変りましたが 現在のところ
不具合は見られていません

 

何かしらの不具合が発生することがありましたらご報告させていただきます

 

スポンサーリンク

 

 

CSS3menu|シリウスへプルダウンソフトサイト導入方法
シリウスグローバルメニューをプルダウンメニューへ変更する方法
シリウスカスタマイズトップ

 

CSS3menu|シリウスへプルダウンメニュー導入方法関連解説
シリウストップページのグローバルをプルダウンメニュー変更する手順
シリウスのデフォルトグローバルメニューをトップページのみですがプルダウンスタイルに実装設置するカスタマイズ手順を解説いたします
CSS3menu シリウス導入後の検証報告 
CSS3menuをシリウスに導入致しました結果の検証報告です ソフトシステムにより簡単にプルダウンメニューをカスタマイズ導入は出来るのですが 障害もあります
CSS3menu シリウスグローバルメニューへの切り替え設置方法
SIRIUS|シリウストップページのグローバルメニューカスタマイズでCSS3menuへ切り替える設置方法の解説です
CSS3menu ソフト操作方法
CSS3menuでプルダウンメニューを作成する ソフトの操作方法を解説します 操作は基本を知れば簡単に進められます シリウスカスタマイズテーマ ソフト操作方法