TwentyEleven サイト全体の文字(サイズ/色/フォント)の変更

ワードプレステーマTwentyElevenのサイト全体の文字サイズ/色/フォントを変更する方法です。

サイズや色はともかく、ぜひともフォントは見やすいモノに変更したいモノです。日本語が特殊なのか、アルファベットでは見やすいフォントでも非常に目が疲れたりしませんか?

ってことで、やはり’メイリオ系フォント’が一番日本語に適したフォントだと感じています。読みやすいですよね?(笑

Elevenのサイト全体の文字フォント/色/サイズの変更方法

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

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

/* =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;
}

ココの部分を、次の様に追加/編集してみて下さい。

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;
}

いかがでしょうか?緑が文字の色/青が文字のサイズ/赤がフォントの変更部分です。お好みで編集してみて下さい。

これで、サイト全体の文字の色/サイズ/フォントが変わったハズです。見やすくなると、記事投稿もすんなりいきますよね(笑

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

 

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

TwentyEleven サイト全体の文字(サイズ/色/フォント)の変更” への2件のコメント

  1. お世話になっております。
    カテゴリメニューの文字はどこを編集すれば変えられるのでしょうか?

    • まさみん さん

      はじめまして。マリアチです。
      この度は、コメントありがとうございます!!

      さて早速ですが、ご質問はカテゴリーメニューの文字の編集と言うことですが、サイドバーメニューの文字(タイトル文字)の編集と言うことでよろしいでしょうか?

      一応、記事ではコチラに記載しております。
      サイドバー/ウィジェットタイトルの表示変更

      もしご質問の意図と違う場合や、その他のご質問などございましたら、再度コメントを頂くかお問い合わせよりご連絡下さい。
      お問い合わせ

      それでは、またどうぞよろしくお願いしますね^^

      by マリアチ

コメントを残す

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