ワードプレス 投稿記事内のフォント変更

ワードプレスの投稿記事内のフォント変更する方法です。ご利用中のテーマにより若干の違いがありますので予めご了承下さい。

投稿記事内だけではなく、表示に関連した変更(カスタマイズ)は’スタイルシート’を編集する必要があります。特に初心者の方は、ご注意下さい。

ココでは主に、テーマTwentyシリーズのカスタマイズを書き残しています。この投稿記事のフォント変更についても同様です。その他のテーマをご利用の方は、それに類似した部分を探して頂きカスタマイズする様にして下さい。

テーマTwentyシリーズ 投稿記事内のフォント変更

それでは、管理画面より「外観」⇒「テーマ編集」から’スタイルシート’を開いて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)

’スタイルシート’の中から、次の部分を探して下さい。

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background: #e2e2e2;
}
#page {
	background: #fff;
}

これは、テーマ’Twenty Eleven’のスタイルシートです。その他のテーマにおいても、同様の箇所があるハズです。TwentyTenTwentyTwelveをご利用中の方は、コチラも合わせてご覧下さい。

テキスト内の色/サイズ/フォントなどを指定している部分です。これを、以下の様に追加/編集してみて下さい。

>body, input, textarea {
	color: #373737;
	font-size: 14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background: #e2e2e2;
}
#page {
	background: #fff;
}

オススメは、

  1. :真っ黒(#000000)よりは多少薄めの黒が良いと感じます。
  2. サイズ:推奨サイズはだいたい12px~15pxくらいがちょうど良いと感じます。
  3. フォント:やっぱりメイリオフォントが日本語表記には適しているでしょう。

もちろん決まりはありませんので、お好みに応じて変更/修正して下さい。やっぱり見やすい文字になると、記事投稿もはかどりますよね(笑

WordPressデザインブック ステップバイステップ形式でマスターできる
WordPressデザインブック ステップバイステップ形式でマスターできる

 

にほんブログ村 ブログブログ ブログノウハウへ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です