シリウスでサイト全体の文字色、文字サイズ、行間を変更
シリウスではメニューボタンの『サイト操作』⇒『サイトオプション』と
画面を開くことで、文字サイズに対するデフォルト設定が可能です。
よって、
簡単にタイトル文字を大きくして訪問者の注意を引いたり、
記事の文字を大きくして文字を読みやすくすることが可能です。
さらに、
CSSを変更することで、文字のデフォルトの色を変更したり、
行間を変えることも可能です。
シリウスはデフォルトでは記事中の文字色が
若干灰色がかっています。
そちらのほうがデザイン的には良いのですが、
サイトアフィリエイトのように多くの人に
立ち止まって読んでもらいたい場合は、
より黒っぽい文字のほうが読んでもらいやすいです。
そういった変更を行いたい場合には、
下記内容を参考にして変更をかけてみてください。
シリウス(SIRIUS)で文字色/行間を変更する方法
メニューボタンの『テンプレート』⇒『スタイルシート編集』とすすみ
スタイルシート編集画面で下記の箇所を変更することによって、
文字の色を変更したり、行間を変更することが可能です。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
/* 基本スタイル */ body { margin: 0px; padding: 0px; text-align: center; color: #333333; /*サイト全体の文字色を変更*/ font-size: 0.9em; /*サイト全体の文字サイズを変更(メニューで設定可)*/ line-height: 140%; /*行間の幅を変更*/ background-color: #F5F5F5; <% backgroundImage %> <% backgroundDisplay %> <% backgroundColor %> <% bodyFontSize %> } |
これらの変更を行なうことで、訪問者の注目度を上げたり、
記事を読んでくれやすくなっていきます。
こういった事の積み重ねで成約率が上がっていきますので、
ぜひあなたの訪問者の特性に合わせてサイトを変更していって下さい。
シリウス(SIRIUS)のカスタマイズをまとめました。
シリウスの全てのカスタマイズをまとめました。
他の場所をカスタマイズされたい場合は
是非参考にしてみてくださいね。
⇒シリウス 【全カスタマイズ一覧まとめ】 HTMLテンプレート
Warning: Declaration of Social_Walker_Comment::start_lvl(&$output, $depth, $args) should be compatible with Walker_Comment::start_lvl(&$output, $depth = 0, $args = Array) in /home/su620620/netbe.jp/public_html/wp-content/plugins/social/lib/social/walker/comment.php on line 0
Warning: Declaration of Social_Walker_Comment::end_lvl(&$output, $depth, $args) should be compatible with Walker_Comment::end_lvl(&$output, $depth = 0, $args = Array) in /home/su620620/netbe.jp/public_html/wp-content/plugins/social/lib/social/walker/comment.php on line 0
はじめまして、にしぴんです。
シリウスの購入を考えているのでとても役に立ちました。
応援クリック完了です。
にしぴんさん、コメントありがとうございます。
参考にして頂けたようで良かったです。
ぜひこれからも遊びに来て下さい。
お返しクリック完了です。
はじめまして。サニーと申します。
シリウスの細かい操作説明をしているところがなくて
非常に勉強になりました。
応援していきます^^
サニーさん、参考にして頂いたようで良かったです。
これからも内容を充実させていこうと考えていますので、
ぜひまた遊びに来て下さい。
お返しポチしました。