• MENU ●●●●
  • 外部導入スクリプトなど?カスタマイズ予備知識


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    スポンサー広告

    当該サイトコンテンツ関連記事

    スクリプトを導入する際、関連する工程も含めて知っておくこと

    シリウス機能でサイトの表現、掲載物、作動するが主体の置物でしょうか?

     

    備えられないものは、外部より作動する原因、スクリプトをサーバーに、
    呼び出しコードをHTMLに作動スタイルをスタイルシートで指示するが
    理解です

     

    しかし、HTMLとCSSのみでも作動する例も多々ございます
    まずは、組み分けして理解しましょう

     

    何をいってる?ですね
    サイトでいえば、スライダー画像、フェード画像 プルウン式グローバルナビ
    などなど、ま、特殊効果を表すものとご理解ください

     

    とは、いってもウェブ初心者の時期にあれこれと導入しようにも、まずは
    工程で言ってる意味が...わからん?

     

    でも、皆さん欲求が強いので、あれこれ調べて物事を理解する....
    でしょうね

     

    その工程を一つでも素早く行うため、理解することをシリウス機能に
    当てはめての記事....

     

    まだ、曖昧な起債がございます
    修正中....

     


     

    シリウスでスクリプトが発動するには?

     

    通常、配布サイトでファイルをダウンロード
    関連するjqueryファイルをダウンロードして解凍し、ばらしてサーバーに
    アップします...(まれに解凍扶養も例もある)

     

    次にHTML head内に提供元の配布ファイル jqueryををサーバーから
    呼び込む記載コードを配置

     

    次は、どこで反映させるか?
    シリウスでいえば、反映させたいページに、ここで表示、反映する指定を
    追加します

     

    しかし、単体ページではなく、全体共通で反映させるなら全てテンプレート
    HTMLにコードを配置

     

    作動する動きは、スタイルシートに追加

     

    で、通常は作動するわけなんですが、どこかで一つミスすると動かない
    解説の意味合いを理解違いでミスコードということもあります

     

     

    もう一つ
    シリウスのプレビューで反映が確認できるもの..できないものとの二つに
    分類されます

     

    プレビューでは反映されていない...
    しかし、アップ後は確認できる..という例も多々ございますのでプレビューでの
    確認だけで反映の是非判断はしないことです

     

    プレビューでも反映を確認したいならデータファイルにスクリプト入れれば
    見れます...です
    (プレビュー画面でページタイトルリンクで到達)

     


     

    最初に軽量なスクリプトについて...以降scriptで記載

     

    あなたが見ている当ページのグローバルナビはプルダウン系にカスタマイズ
    していますが、CSSでscript 効果は発生しているものの、jquery avascript
    は使用せずとも反映される例もあるとご理解ください

     

    上記でいう説明のなら、そのまま解説に従いコードを追加すれば
    ほぼ完了します

     

     

    面倒なのはそれ以外のこと...ですが、ここからはこうすれば理解が
    早くなる例え記事とご理解ください


     

    まず、他サイト、当サイトも含めてスクリプトの導入解説はございますが、
    意味合いをどのように理解するか?

     

    初めての導入でよくつまずくこと例

     

    まず、head内にjquery..と省略のコード解説をよく見かけますがここで?..
    と行きずまる
    例...これなんか理解できますか?
    <script src="js/jquery-min.js"></script>

     

    さて、jqueryといわれても正確な記載はと?
    できる限りは、同種の解説記事で詳細のあるものを探すべきかと思いますが、
    それでもどこもかしこも同じような内容で正確性がつかめない事も...

     

    こんな場合、配布サイトの解説をよく精査してみる...
    しかし、何が何やらでさらに意味不明となることもございます

     

    次の提案
    DEMOサイトへ進んでソースを確認しましょう

     

    bxSliderサイトのDEMOソース例
    <head>
    <title>jQuery Content Slider | Responsive jQuery Slider | bxSlider</title>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="keywords" content="content slider, responsive image gallery, responsive image gallery, image slider, image fade, image rotator" />
    <meta name="description" content="Respsonsive jQuery content slider." />
    <meta name="google-site-verification" content="25AuAMRK4hudMM4ZYCQnmQp9W9XtTtsutIDiZmKnjOo" />

     

    <link rel="stylesheet" href="/lib/jquery.bxslider.css" type="text/css" />
    <link rel="stylesheet" href="/css/styles.css" type="text/css" />
    <link rel="stylesheet" href="/css/github.css" type="text/css" />
    <link rel="stylesheet" href="/css/magnific-popup.css" type="text/css" />

     

    <!--[if lt IE 9]>
    <script src="/js/html5shiv.js"></script>
    <![endif]-->

     

    <script src="/js/jquery.min.js"></script>
    <script src="/lib/jquery.bxslider.js"></script>
    <script src="/js/rainbow.min.js"></script>
    <script src="/js/magnific-popup.min.js"></script>
    <script src="/js/scripts.js"></script>

     

    <script type="text/javascript">

     

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-36499930-1']);
    _gaq.push(['_trackPageview']);

     

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

     

    </script>
    </head>

     

    ほとんどは、CSSTPで構成されているのでいろいろ読み取れるはず...
    でも、ほとんど海外サイトなのでCSSTP構成なんですね
    で、さらにわからなくなってしまうというなら、解説を案内する国内サイトで
    DEMOが掲載されるなら ソースを確認

     

    国内のサイトであれば、配布サイトを修正して導入している例がほとんど
    なので意味が理解できると思います

     


     

    混乱、意味不明、何が何やらはサポートへ

     

    ま、どうしても導入できないものは、シリウス機能に合わない...とかの
    事情もございますで、そんな時は合わせるようどこかを変更する...

     

    でも、どれがどれやら..でしょう

     

    そんな時は、当サポートへ質問をお寄せください
    全てを知り尽くしているなんてことは絶対ありませんが、何とか入れ込むよう
    努力します.....暇ですからご遠慮なく

     

    一度、サポート対応で理解すると次に応用が利くので今後はやりやすくなる
    ...ということもございます

     

    費用?ボケ防止対策で無理に頭使わないといけません理由がございまして
    逆に難題はありがたいものです
    で.....発生しません

     

    スポンサーリンク

     

     

     

    外部導入スクリプトなど?カスタマイズ予備知識記事一覧

    スクリプトをサーバーにアップロードするFTPの選択肢は二つ?

    ウェブ上で言うFTP機能とは、サイト ブログの原稿ファイルをサーバーへ送り出す仕組み、工程を推し進めるプログラムを言い表します。よく使われるFTP(FTTP)機能とシリウスに備えあるFTPとは、おおまかな部分では同じ性能を表しますが、ややの違いも見られるものの特異な事情を除いてデフォルト仕様でまかな...

    ≫続きを読む

     

     

     

    外部導入スクリプトなど?カスタマイズ予備知識
    トップページ

       広告

    .













    お勧め目 抜粋






















































    shop

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


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


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


    カスタムに使える情報

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