今回はシリウスで何かしらのウェブ解説などのテーマへお進みの方へ
スクリプトの反映を読者に確認してもらうデモページの作り方を
ご案内します

 

向上心のある方は　カスタマイズをウェブ解説サイトなどに
求めているかと思いますが　知識を得たなら経緯を公開する事も
ございますね

 

 

今までに多くのウェブ解説サイトを訪れた経緯はあるかと判断しますが

 

作動確認はこちらと
デモページへ誘導されたことはありませんか？

 

当ページのキーワードはとりあえず　グラフデモページへの作り方
としておりますが　スクリプト全般で対応可能です

 

スクリプト例として

 

スライダー画像

 

プルダウンメニュー

 

グラフチャートとか

 

他にもたくさんございますが　書ききれない事情

 

 

内容は　あ～して　こ～してと　記述が掲載されていまして

 

デモ確認をど～ぞ...ですね

 

 

当サイトでデモ導入のページ　ご参照ください
chart.ｊｓグラフチャート表示例とカスタマイズ

 

本サイトより多くのデモページへリンクしている例は　多く見かけますが
一つのページをサイトとして作成し　個別にサーバーへアップロード
しているかのような？

 

もしくは　無料のサーバーか　ブログにでも誘導しているのか？

 

そんな仕組みかと理解している方もおられるかもしれませんが？

 

私は過去にはそう理解してました...

 

ですが　そこまで面倒でもありません

 

シリウスでもできる　いやシリウスに限ることでもなく難しくもなく
理屈が理解できればすぐにできます

 

シリウスでウェブカスタマイズ等のコンテンツを進める方には　
いつしか　解説で使うことになる手法ですのでご参照ください

 

 

---

 

デモページとは？

 

一般的に言えば　シリウスを例にあげると　シリウスページ内でも
エントリ―ページなどでデモページは作れますが

 

皆さん　同サイトにデモページは置いていない例が見られます

 

スクリプトをシリウスに入れることは出来ますが　設定に時間も
費やされるし　作動するかどうかも不安

 

多く導入すればスクリプトが反響して　動くものも動かないとか

 

更に言えば　サイトのレイアウトへ　

 

又は　他の何かしらへ影響してしまうこともあります

 

 

 

そこで　皆さんがよく利用する手法ですが

 

スクリプトをダウンロードしてみると　作動を確認出来るファイルが
確認できます

 

sampleファイルとかです

 

作動が確認できましたら

 

ファイル一覧をサイトを置いてるサーバーの階層へアップロードします

 

ファイルをデフォルトのスタイルでで表示させたくない場合は　
編集してください

 

サーバーには動きを表示させるため作動に必要なファイルを
すべてアップロードします

 

サーバー内ファイルの読み込みを指定するには　動きを表示するファイルに
リンクを追加します

 

---

 

ページ内に置く記述preview.html

 

<a href="http://サイトＵＲＬ/ファイル名.html">スライダー画像デモ</a>

 

---

 

サイトＵＲＬは　シリウスサイトのサイト全体設定に記載したもの

 

ファイル名.は　小文字です
数字は読み込まれません

 

サーバーに置くファイルをページ内からリンクしてサイトとして表示させる
....ですね

 

 

リンククリックで

 

アクセスしようとしたページは見つかりませんでした
404が表示されましたら　記述ミスです

 

---

 

独自にデモページを作る場合は　例としてhtmlの無料で配布されている
テンプレートなどを利用して　編集後アップすることもできます

 

アップする場合　スクリプトを反映させるため作動に必要なファイルは
いれてください

 

 

 

シリウスのテンプレートで試してみました

 

新規でサイト選択して　トップページに記事およびスクリプトを
配置して　ページをプレビューで表示して　ソースをコピー

 

エディタに張り付け　ファイル保存でＰＣに入れて

 

次にＺＩＰファイルに縮小して　次に解凍

 

デ...　ファイルを開きますと　記事は表示されるもののスクリプトが
反映されない？

 

 

そこで　同フォルダーにスクリプトファイルを全部入れて表示されましたが

 

スタイルシートが不足していると　表示はすべて左より...でした

 

デモ　ページをあちこち拝見してみますと　左よりが多いみたい

 

皆さん　スタイルシートは入れていない

 

面倒なんでしょうね

 

 

でも　デモページのみならそれでよいのかもしれません

 

 

しかし　これでは納得できないのでシリウスをバックアップした
過去サイトのファイルがありましたので再挑戦

 

すると　シリウス内でもう一つのシリウスを正常に反映させることが
出来るんでね

 

しかし　この方法ではファイルのアップに手動作業がありやはり面倒

 

 

で...シリウス機能で新規サイトを作り　そのアップ先を当サイトの
サーバー内にフォルダーとして入れ込んでみましたら

 

何と　デモページ云々ではなく　サイト内にもう一つサイトを
置くことが出来ました

 

通常サイトとして反映されますが　当ページ関連のchart.js等は
トップページでしか反映されません

 

トップでのみの反映スクリプトの場合　シリウス機能で複数のサイトを
入れ込むことは可能なので　下層は作らずのデモページが良いと思われます

 

 

ここからは　コンテンツ違いとなるのでページを追加します
解説は以下でご確認ください

 

次のページには　デモページのキーワードは置いておりません
追加するサイトでスクリプトは導入してください
シリウス内にサブディレクトリを追加して幅広い範囲でサイト構築する

 

 

 

スポンサーリンク

 

 

---

 

サポートへのお便りに

 

ウェブ解説サイトのデモページを確認すると　

 

作動はしている....ならこの解説に従えばスクリプトは動くはず！！

 

しかし　いざシリウスへ導入してみると...全然動かない？？
なぜ..？

 

との趣旨のご質問がございますが　よくあることです

 

 

何故でしょうか？

 

それは実働の検証をしていないからです

 

 

スクリプトを配布している本家サイトでは　ファイルの配布　
そしてカスタマイズするためのオプションやら　
ある程度のカスタマイズ記述は公開しています

 

けれど　ウェブ初心者向けではない
ある程度ウェブに携わる期間を経過していないと理解するに至らない　

 

致し方なく求められるであろう解説を主体としているサイトへ出向くのですが

 

ここで更なる障害　全然動かん？とかにぶち当たることもあります

 

 

障害を招くサイトとは

 

アドセンスを主体とする誘導サイトなどでは　ファイルのサンプルで
導入記述を確認してサイトに記載....
.
デモページは　サンプルで作動するものをサーバーに取り込んで
ファイルへリンクを張っているだけで

 

記事道理に　作動しなくとも一応は作動確認ができる状態に
しておくだけなのですね

 

とりあえず実証なしでも　キーワードでサイトへ誘導する...ですが
そんなサイトはウェブ関連に限りませんが　いやになるほど氾濫しています

 

アドセンス広告への偶発クリックを狙うサイト関連の一部に
そんな事情がみられますが　無駄な時間を浪費しないためにも
正しく導いてくれるサイトで検証しましょう

 

 

貴方が.....

 

ウェブ解説のコンテンツへ進まれるなら　できる限り正常な作動を
確認してみることですね

 

 

グラフデモページへの作り方
シリウスサイトにグラフチャートを表示させよう
シリウスカスタマイズ