itWordPressのようにシリウスでもスライドショーを表示させることができます。慣れるまでは面倒ですが、ここに書いてある通りにやれば動くところまでできるので、試してみてくださいね。今回利用するjQueryは「bxSlider」というjQueryになります。http://bxslider.com/右上の「Download」ボタンをクリックすると一式をまとめてダウンロードできます。ダウンロードしたファイルは暗号化されているので解凍してください。解凍すると以下のようになります。この中で今回使用するのが、jquery.bxslider.cssjquery.bxslider.min.jsimagesフォルダになります。これらのファイルをシリウスをアップロードした場所へアップロードします。最後にjQueryを使用するためのファイルも以下から入手して同じ場所にアップロードしておいてください。http://jquery.com/download/このファイルはjQueryを使用するときに必要になるので、パソコンの中に残しておくと今後も便利です。準備が一通り完了したら、シリウスのHTMLファイルに設定を入れていきます。シリウスのHTMLテンプレートを開きます。シリウスではトップページエントリページカテゴリページなどでHTMLが分かれています。スライドショーを表示したいHTMLを編集してくださいね。ここでは、トップページに設置するように解説します。</head>の上辺りに以下のコードを貼り付けます。URLの部分については、あなたのサーバの構成に合わせて当てはめてください。/></head>次に</body>の上辺りに以下のコードを貼り付けます。--></body>この部分は設定値を色々変えることで表示方法を変えることができます。左右の矢印が表示されなくなる画像の準備スライドショーで使用する画像は通常通りシリウス内で画像を追加すればOKです。追加された画像は「http://あなたのURL/img/ファイル名」に追加されます。(FTPソフトで接続して確認しておきましょう)このファイルへのURLを指定するときに使います。最後にスライドショーを設置したい場所に以下のコードを貼り付けます。以下の例では2つの画像を記入していますが、もっと多い数を指定することも可能です。-->メインコンテンツの部分に設置したいときは、上記の内容を以下のコードの下に設置すればOKです。id="main">ここに貼り付ける以上でサイトにスライドショーが表示されるようになります。今回の設定を入れたのが以下のサンプルサイトです。サンプルサイト今回ご紹介した手順で設定するとこのようなスライドショーになります。スライドショーはグラフィカルで目を引くので、使ってみてくださいね。(8)トラックバックは利用できません。初めまして、ありと申します。現在SIRIUSでHPを作成していてこちらのサンプルサイトの様にスライドショーを入れたいと考えています。引用ありさんコメントありがとうございます。スライドショーに指定する画像ですが、サンプルサイトの画像は1000×200のものを使用しています。試しで大きいまま入れてみたのですが、大きいサイズの画像は勝手に調整して収まってくれました^^ピッタリ作成するのであれば、500~550pxぐらいが丁度いいサイズになりますよ。画像については、記事の方に補足を追加して更新しておきましたので、ご確認頂けますでしょうか。簡単に説明するとシリウスのアップロード先の「img」フォルダ内の画像のURLをコード内で指定する形になります。今後ともよろしくお願い致します。引用とてもわかりやすい説明、役に立つ情報ありがとうございます。現在SIRIUSでHPを作成しています。こちらの説明通りにやっていますが、画像が表示されません。何が原因でしょうか?よろしくお願いいたします。返信が遅れてしまい申し訳ありません。解決しているかもしれませんが画像がバツ印になってしまう場合、画像ファイルの指定が間違っている可能性があります。画像ファイルを指定している部分を再度確認してみると良いかと思います。引用お返事ありがとうございます!指定が間違っていました(^^;)画像が左側に寄る場合はどうすれば良いでしょうか?よろしくお願いいたします。何も指定しなければ左に寄るのは標準な状態です。等で中央揃えの指定をしてあげると良いかと思います。引用いつもわかりやすい情報ありがとうございます!無事にbxSlider設置できました。explorer、iPadでは画像が真ん中になってますが、グーグルでサイトを見ると画像が左にずれます。解決方法ありますか?よろしくお願いします。常に真ん中に表示したい場合は中央寄せのタグを使ってあげれば真ん中に表示できます。style=”text-align:center;”>○○○○</div>これで試してみてもらえますでしょうか。この記事へのトラックバックはありません。返信をキャンセルする。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)検索:当ブログへのご訪問ありがとうございます。普段はサラリーマンですが、副業としてアフィリエイトに取り組んでいます。右も左もわからない初心者さんにもわかりやすくアフィリエイトについて解説していきます。究極のサイト作成ツール「シリウス」サイトアフィリエイトをより効率的に効果的に進めるサイト作成ツールならシリウス一択です。本気で稼ぐために必要なノウハウがギュッと詰め込まれた、全てのアフィリエイターのバイブルとなる教材です。アフィリエイトの基礎からしっかりと取り組めます。副業としてアフィリエイトをやっている本業はサラリーマンです。