• MENU●●●●
  • グラフのデモページへの作り方 スクリプト全般に応用可能


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

    スポンサー広告

    関連記事


    グラフデモページへの作り方ご案内 ウェブ初心者向け

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

     

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

     

     

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

     

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

     

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

     

    スクリプト例として

     

    スライダー画像

     

    プルダウンメニュー

     

    グラフチャートとか

     

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

     

     

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

     

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

     

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

     


     

    デモページとは?

     

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

     

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

     

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

     

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

     

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

     

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

     

     

     

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

     

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

     

    sampleファイルとかです

     

    作動が確認できましたら

     

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

     

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

     

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

     

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

     


     

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

     

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

     


     

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

     

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

     

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

     

     

    リンククリックで

     

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

     


     

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

     

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

     

     

     

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

     

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

     

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

     

    次にZIPファイルに縮小して 次に解凍

     

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

     

     

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

     

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

     

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

     

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

     

    面倒なんでしょうね

     

     

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

     

     

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

     

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

     

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

     

     

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

     

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

     

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

     

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

     

     

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

     

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

     

     

     

    スポンサーリンク

     

     


     

    サポートへのお便りに

     

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

     

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

     

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

     

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

     

     

    何故でしょうか?

     

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

     

     

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

     

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

     

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

     

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

     

     

    障害を招くサイトとは

     

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

     

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

     

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

     

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

     

     

    貴方が.....

     

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

     

     

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

    グラフのデモページへの作り方 スクリプト全般に応用可能関連解説
    シリウスに超簡単円グラフを導入
    SIRIUS シリウスサイトに超簡単に導入できる円グラフのご案内です ややのカスタマイズで速攻掲載可能 可愛いと評判のオールマイティ円グラフ
    横範囲指定 棒グラフ
    SIRIUS、シリウスサイトにHTML記述で横長表示の棒グラフで範囲を指定するコードのご案内です
    Google Chart AP1利用のグラフ表示
    SIRIUS シリウスサイトにGoogle Chart AP1で発行されるグラフチャートスクリプトコードを張り付ければ 各種のコンテンツに適合する比較グラフの表示が可能です
    chart.jsでグラフチャートを表示する
    SIRIUS シリウスサイトに評価の高いchart.jsでグラフチャートを表示する手順をご案内します
    chart.jsグラフチャート表示例とカスタマイズ
    シリウスで配置するchart.jsのグラフチャート複数表示例とコンテンツに含めるための 範囲や比較などに仕様するカスタマイズ手順をご案内
    シリウスに単独でチャートコンテンツページを組み込む
    シリウスでは構造上 トップページ以外ではチャートscriptが表示されない場合もあります そんな場合は 独自にhtmlサイトをサーバーに置いて読み込みます

       広告

    .













    お勧め目 抜粋






















































    shop

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


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


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


    カスタムに使える情報

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