賢威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変更前の見にくかった文字列を、画像に撮ることを失念しておりましたので、比較はできないのですが、下の画像のように、明らかに見やすくなりました!

上記が、メインおよびサブキャッチコピーの文字になります。



Pz-LinkCardをWordPressに入れてリンクをカード表示!おすすめ記事です!

様々な資格学習が980円でウケホーダイ!【オンスク.JP】