SIRIUSで作成したサイトにスライダーを挿入してみよう「SIRIUS」は２０２２年５月に販売終了致しました。そして、新『SIRIUS２』として生まれ変わりました！新しい機能満載で使いやすくなった「SIRIUS２」ご覧ください→SIRIUS2以下の記事は、SIRIUSの解説になります。SIRIUSでサイト作成している方で、広告をスライダーで表示させたいという方が多いのではないでしょうか。という私も、昔苦労して表示させたものでした。私のこの「アダルトアフィリエイトを始めよう」にも何名か教えていただけなしでしょうかというお問合せいただくようになり、アダルトアフィリエイトは画像を多く使用しますから、少ないスペースで多くの画像を表示できるのはいいですよね。この程度でしたら簡単に表示できますので、参考にTRYしてみてください。スライダーにはbxSliderを使用しますbxSliderをダウンロードbxSliderは英語表示が多いので心配になりますが大丈夫です。私の書いている通りに進めれば簡単にダウンロードできます。無料ですのでご安心ください。まずはこちらからダウンロード→bxslider上記の画像が表示されたら赤色のボタンをクリックします少しスクロールするとこの画面が出てきますので、少しわかりずらいですが「Download jquery.bxslider.zip here」をクリックします「bxslider-4-4.2.12」という圧縮フォルダーがインストールされますので、クリックして解凍してください。そのフォルダーの中からdist→vendor→「jquery.easing.1.3」src→css→「jquery.bxslider」この２つのプラグインを使用しますSIRIUSのサイト保存先にインストールご自分のパソコンの中のたぶん皆さんのwindows(C)の中にSIRIUSのデーターが保存されていると思います※保存データーの中に「ACES WEB」があると思いますのでクリック→「SIRIUS」をクリック→「data」をクリック→スライダーを表示させたいサイトをクリック?jsというホルダーの中に先ほどダウンロードしておいた「jquery.easing.1.3」をコピー＆ペーストしてください。?cssというホルダーのなかにも、同じく「jquery.bxslider」をインストールします。（インストール方法は先ほどダウンロードしておいたものを右クリックしてコピーをすれば、あとはインストール先にマウスを持っていき右クリックで張り付けをクリックすればインストールできます）これで、まずは下準備は終了です。次に、「テンプレートの編集」にjQueryのコードを記載していきますSIRIUSのテンプレートにjQueryコードを記入SIRIUSの上部メニュー「テンプレート」から「HTMLテンプレート編集」を選択「トップページ」「カテゴリーページ」「エントリーページ」のそれぞれに、＜head＞＜/head＞内、赤い枠の部分に下記のオレンジの枠内をコピーして貼り付けてください。自分のサイトのURLを記入する部分が2か所あります。※注）間違えるとサイトのテンプレートが崩れてしまうのでコピーして元を控えておいてください。もし、壊れても責任は負えませんので自己責任でお願いしますね(#^.^#)<!-- jQuery library (served from Google) --><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><!-- bxSlider Javascript file --><script src="https://自分のサイトのURL/js/jquery.bxslider.min.js"></script><!-- bxSlider CSS file --><link href="https://自分のサイトのURL/css/jquery.bxslider.css" rel="stylesheet"><script type="text/javascript">$(document).ready(function(){var obj = $(.bxslider).bxSlider({auto: true, //自動再生有効pause: 5000, /* 表示間隔 */onSlideAfter: function () { obj.startAuto(); }});});</script>いよいよサイトに表示させる設定ですあとは、自分のサイトの表示させたい部分（記事作成の部分でOKです））に下記のオレンジの枠内の部分をコピーして貼り付ければ完了です。2カラムであれば、サイド広告掲載部分に直接貼り付けてもOKです。ただし、画像は同じサイズのものを用意して置くことできれいに表示されます。画像の数は増やすことも減らすことも、この部分で好きなように変更してください<pcc><div class="bxslider"><div class="slide">ここにリンクを付けて画像を挿入（ASPのタグでもOK）</div><div class="slide">ここにリンクを付けて画像を挿入（ASPのタグでもOK）</div><div class="slide">ここにリンクを付けて画像を挿入（ASPのタグでもOK）</div></div></pcc>どうでしょう？表示されましたでしょうか私のサイトではこれで表示されています。私が試したところでは、ドメインに記号が入っていたり、日本語ドメインの場合に表示されないケースがありました。また、スマホには表示されないようです。SIRIUSとの相性があまりよくないのかもしれません。スマホにも表示させたいときには、自分でjQueryを作って見てください。時間短縮にモジュールを活用私は作業の効率化も図れるのでモジュールを使用しています。「サイト全体設定」→「モジュールの設定」→「新規追加」「モジュール名」には自分が分かりやすい名前を付けます。今回はトップページへの表示でしたのでこのようにしました。記事作成の部分には、表示させたいpccで始まるコードを記入します。最後にOKすれば完了です後は、表示させたい部分にカーソルを持っていき右クリックすると「モジュールの挿入」という表記があるので、そこで挿入したい項目を選んでクリックすれば完了です。モジュールは、コード表記だけでなく、同じ文面だとか同じ広告などを使いまわすときに登録しておくと時間短縮になりますので活用してみてください以上でSIRIUSにスライド広告を表示させる方法の説明は終了です。テンプレートやドメインなど、様々な要因で表示されないケースも多々あるようですがTRYしてみてくださいねsirius公式ページへ
