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 シリウスグローバルメニューへの切り替え設置方法
- SIRIUS|シリウストップページのグローバルメニューカスタマイズでCSS3menuへ切り替える設置方法の解説です
- CSS3menu ソフト操作方法
- CSS3menuでプルダウンメニューを作成する ソフトの操作方法を解説します 操作は基本を知れば簡単に進められます シリウスカスタマイズテーマ ソフト操作方法