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

シリウスカスタマイズＴＯＰ＞外部導入スクリプトなど？カスタマイズ予備知識

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

シリウス機能でのサイトの表現は、不動形態の掲載物、動的なものはページ
戻るボタンぐらいでしょうか？

備えられないものは、外部より作動する原因、スクリプトをサーバーに、
呼び出しコードをＨＴＭＬに作動スタイルをスタイルシートで指示するものと
ＨＴＭＬとＣＳＳのみでも作動する例に分かれますね...
まずは、組み分けして理解しましょう

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

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

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

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

まだ、曖昧な記載がございます
修正中....

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

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

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

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

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

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

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

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

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

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

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

あなたが見ている当ページのグローバルナビはプルダウン系にカスタマイズ
していますが、ＣＳＳで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" />

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

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

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

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

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

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

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

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

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

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

スポンサー広告

レスポンシブオンリー