• MENU●●●●
  • CSS3menu|シリウスへプルダウンメニュー導入方法


    シリウスカスタマイズ アコーディオンブラインドメニューシリウスへ取り付け完了 詳細は外部カスタマイズメニューでご覧ください

    スポンサー広告

    関連記事


    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でプルダウンメニューを作成する ソフトの操作方法を解説します 操作は基本を知れば簡単に進められます シリウスカスタマイズテーマ ソフト操作方法

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト