ワードプレスのテーマ ビズベクトル 文字色と文字タイプを変える

テーマ bizvektor(ビズベクトル)の文字の変更

テーマのbizvektor 文字色は、デフォルト(初期設定)のままですと、灰色なので見づらいです。

bizvektorのテーマはこちらからどうぞ。

20代くらいまでの方ですと、灰色の文字は、かわいいという印象を持つかもしれません。

(私も20代の時は薄い灰色とかをよく使ってました。)

けれど私のように、年齢を重ねてる人には、灰色ってちょっときついです。

なので文字色を黒に変えたいと思います。

ついでに、女性に人気のメイリオフォントも追加しようと思います。

CSSを追加する

ダッシュボード(管理画面)にアクセス

左サイドの

外観>CCSカスタマイズ をクリックする

下記を追加するとフォントサイズ、フォント種類変更できる。

●文字サイズを大きくして文字色も黒にする。

文字サイズを大きくする。
文字色も灰色から見やすい黒にする。
ついでに女性人気のメイリオフォントもいれる。

/*本文の文字サイズを大きくする*/
#content p { font-size:16px; }

/* 文字色黒にしてメイリオも追加 */
body { color: #000; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }

 

●サイドバー文字大きくする

/* サイドバー文字サイズ */
.sideTower .sideWidget li a {
padding-left: 25px;
color: #000;
font-size: 14px;
}

 

●グローバルメニューも調整するとき(文字サイズ大きくする場合)

/*** グローバルメニュー全体調整 ***/
/* メニュー全体のフォントサイズ */
#gMenu .menu li {
    font-size: 16px;
}
 /* 個別メニュー項目のフォントサイズ */
#gMenu #menu-item-235 {
    font-size: 16px;
} 
/* 行間を調整 */
#gMenu #menu-item-235 a {
    line-height: 130%;
}

 

CSSソース計算メモ (デフォルトの文字サイズ)

html { font-size: 87.5%; }  ベースの文字サイズを 14px 相当に指定
h1 { font-size: 143%; }  20px 相当の文字サイズを指定
h2 { font-size: 121%; } 17px 相当の文字サイズを指定
h3 { font-size: 107%; } 15px 相当の文字サイズを指定