最近は、シリウスを使ったサイトが増えてきています。
サイトの内容は違うのに、レイアウトは全部一緒だから、パッと見た時に、同じサイトと思ってしまいます。
他サイトと格差をつけたい、出来るだけ使い回しができるようなデザインで作成したいという方のために、シリウスのレイアウトについての知識をご紹介したいと思います。
SIRIUSシリウスの見出しの余白をCSSを使って、調整する方法をご紹介したいと思います。外側と内側余白のCSSタグの知識外側の余白外側の余白を指定するCSSタグはmarginです、余白の指定には上図のように：上側の余白を指定する：「margin-top」下側の余白を指定する：「margin-bot...
≫続きを読む
ホームページ作成ソフトSIRIUSでは、ヘッダータイトルや本文、サイト説明文の大きさはサイトオプションから変えることができますが、見出しの大きさは変えることができません。見出しのフォントの大きさを変えるにはCSSをいじることで可能です、ここではCSSを使って、見出しフォントが大きくする方法を説明しま...
≫続きを読む
見出しボックスの背景画像を変えていきたいのは、CSSをいじる必要はありません。画像を差し替えるだけでOKです。ただし、微調整するときはCSSをいじる必要があります。h3の見出しの背景画像を変えたい場合は、『h3.jpg』という画像ファイルを用意して、SIRIUS操作画面から画像を追加して上書きすれば...
≫続きを読む
SIRIUSではサイドバーメニューの見出しは通常左端によっていますが、中央に寄せたい！という方のために、メニューの文字位置を変える方法をご紹介します。サイドバーメニューの文字を中央寄せにする方法上部メニューの編集タブからスタイルシートをクリックします。「スタイルシート」は「Ctrlキー + Wキー」...
≫続きを読む
トップメニューはサイトの中で、最もクリックされやすい場所です、ちょっとしたデザインやキーワードを工夫することで大きくクリック率が変わり、収益率も変わってきます。ここでは、CSSを編集して、より細かくトップメニューをカスタマイズする方法をご紹介します。トップメニューの文字の大きさを変える上部メニューの...
≫続きを読む
SIRIUSシリウスでは、もともとのテンプレートのサイドバーの背景は全体に薄いグレーがかっています。メニュー全体の後ろの背景を消したいときがありますね。ここでは、その消す方法をご紹介します。サイドバーの背景を消す方法上部メニューの編集タブからスタイルシートをクリックします。スタイルシートから『#si...
≫続きを読む
シリウス(SIRIUS)では設定画面より簡単に、トップメニューのデザインを変えていくことが可能です。今回はCSSで、トップメニューの設定する方法を紹介します。CSSで、トップメニューを編集するトップメニューに適応されているCSSについて簡単に説明していきます。（ID名はテンプレートによって異なる場合...
≫続きを読む
行間は狭すぎても広すぎても読みづらいですが、サイトによっては行間を変えたい時もありますよね。SIRIUSシリウスデフォルトの行間は 140% となってます。実際の行間と段落はこのくらいです。↓ ↓ ↓行間と段落変更前 （line-height 140%）（0px）変更後の行間と段落はこんな感じです。...
≫続きを読む
