賢威7-1のrwd.cssのみ若干変更しました!
rwd.cssは、スマートフォンの画面の制御を担当しているcssファイルです。
このブログはXサーバを使用、かつ、ブログ自体はワードプレスを使用しています。
したがって、パソコンやスマートフォンの画面の制御を変更するには、ワードプレスのテーマ変更(今回はCSS)を行う必要があります。
なお、ワードプレスのテーマは、賢威7-1を使用しています。
賢威も、秀丸メールも1度購入したら、バージョンアップは全て無料ですので、ズーッツと使い続けています。
両者は機能やカスタマイズの方法が、沢山あり、カスタマイズにのめり込んだらキリがないので、ロビンは基本的な設定のみ行い、使い続けています。
しかし、ここにきて、老眼のためスマートフォンのブログ画面をチェックがしにくくなったため、若干、メインキャッチコピーと、サブキャッチコピーの文字の大きさなどを変更しました!
スマートフォンの画面の文字や行間の変更
賢威7-1の外観⇒テーマの編集。テーマファイルにrwd.cssがあります。
解像度736px以下のファイルのみ変更します。
メインビジュアルの中の以下の部分だけ変更します。
.main-copy{
margin-bottom: 10px;
font-size: 1.2em;
text-align: center;
}
.sub-copy{
font-size: 1em;
}
スマートフォンの画面の文字や行間の変更後のrwd.css
.main-copy{
margin-bottom: 10px;
font-size: 1.2em;
text-align: left;
line-height:180%;
}
.sub-copy{
font-size: 1.2em;
text-align: left;
line-height:180%;
}
見やすくなったスマートフォンのブログ画面!
サブコピーのフォントサイズを1.2に変更sub-copyのfont-size: 1.2em;に!
メイン・サブともに、line-height:180%;にし、行間を多めにしたので、見やすくなりました!
rwd.css変更前の見にくかった文字列を、画像に撮ることを失念しておりましたので、比較はできないのですが、下の画像のように、明らかに見やすくなりました!
上記が、メインおよびサブキャッチコピーの文字になります。