検索結果

ＳＩＲＩＵＳのサイドメニューに広告を貼ってみよう《step.5》「SIRIUS」は２０２２年５月に販売終了致しました。そして、新『SIRIUS２』として生まれ変わりました！新しい機能満載で使いやすくなった「SIRIUS２」ご覧ください→SIRIUS2以下の記事は、SIRIUSの解説になります。SIRIUSは、広告を簡単に表示することが出来ます。表示箇所も、ヘッダー部分・フッター部分・両サイドメニュー、さらに、スマホように表示することも可能です。その設定方法は簡単で、どの場所へも同じ要領で出来ます。今回はサイドメニューに広告を表示させてみましょう。サイドメニューを活用しよう！このサイトは２カラムで右側にメニューを表示させています。（３カラムであれば両サイドに表示されます)このサイドメニューに実際に広告を貼ってみましょう。トップページからスタートまずはサイト構成画面のトップページを表示させてください。その後、工具のような表示の詳細設定をクリックします。フリースペースの設定サイト全体の設定画面が表示されたら、フリースペース設定の部分をクリックして表示させます。メインメニューを使用どのスペースを使用するか選択します。メインカラム(上段)メインカラム(下段)メインメニュー(上段)メインメニュー(下段)サブメニュー(上段)サブメニュー(下段)とありますが、今回はメインメニュー(上段)を選びます。(※今回は２カラムのテンプレートを使用しているのでメインメニューを使用してますが、３カラムの場合には左側がメインメニュで右側がサイドメニューになります)広告を選びます今回はインフォトップから、SIRIUSの広告を選択してみましたメインメニューに広告を掲載します見出し部分に、表示させてたい文字を打ち込みます。今回はおすすめ商品と記入します。内容と書かれた大きいスペースには、先ほど選んだインフォトップの広告をコピーして貼り付けます。さらに、何か書き加えたいことがあれば付け加えましょう。サイドメニューに広告が表示されましたいかがでしたか？簡単に広告を表示することが出来ました。フリースペースの設定部分で、メインカラムを選択すればサイトの上部や下部にも、広告を表示できます。メインカラムの上部には、インパクトのある画像などを張り付けると、サイト全体が引き締まりお客様を釘づけにするような素晴らしいサイトを作成する事も可能でしょう。

ＳＩＲＩＵＳのサイドメニューの幅を広げてみましょうSIRIUSのテンプレートは、既存のままだとサイドのメニューの幅が結構狭くて、広告を張り付けるとはみ出したりします。下図のような感じです。この広告は幅が２５０ですが端が表示されてません。今回は２５０の広告が入るように設定してみましょう。SIRIUSテンプレートをカスタマイズトップページをまずは表示させます。次にテンプレートの部分へカーソルを移動し、スタイルシートの編集をクリックしましょう。（※ここで、スタイルシートをメモ帳などにコピーしてバックアップしておきましょう。テンプレートをカスタマイズすることは,ＳＩＲＩＵＳでは自己責任になりますのでご了承ください)テンプレート全体の幅を変更していきます赤枠で囲まれた９１６の部分を１０００に変更して、保存をクリックします。トップメニューもカスタマイズトップメニューと書かれたところを探して、赤枠の910の部分を、1000に変更します。サイドメニューをカスタマイズサイドメニューと表示されている部分を探し、２１０の部分を３００に変更します。最後に保存をクリックします。ここがサイドメニューの幅を変更する部分で、もし、さらに広くしたい場合には、数字を大きくすれば可能です。ただし、全体の表示にも影響してくるので考慮しながら変更していきましょう。サイドメニューのカスタマイズ完了これで、サイドメニューの幅は変更されましたが、今度は、ヘッダー画像が途切れています。ヘッダー画像の幅もカスタマイズしましょう。ヘッダー部分のカスタマイズheaderと書かれた部分を探し、９００を１０００に変更して、最後に保存をクリックします。これですべて完了です。このサイトはこのサイズで作成されています。本来であればさらにカスタマイズが必要で、細かい部分がずれています。でも、あまり詳しくない方はこれくらいの変更でも良いと思います。SIRIUSのテンプレートによって、多少スタイルシートの表示が変わっていますが、基本は同じです。また、テンプレートを変更するたびに、カスタマイズが必要になりますのでご注意ください。以上がSIRIUSテンプレートのサイドメニューのカスタマイズについての説明でした。