ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

WordPress[Stinger3用 子テーマ]フォントを変更する方法

      2015/02/16

WordPress[Stinger3用 子テーマ]フォントを変更する方法

前回は、WordPress[Stinger3用 子テーマ]サイトマップ(目次)を設置する方法の備忘録を投稿しました。しばらく「子テーマシリーズ」で投稿を地道に増やして行こうと思います(笑)今回は「Stinger3子テーマ使用時のフォントの変更の仕方」です。以前、親テーマのみの場合のフォントの変更方法、

スポンサーリンク

を投稿させて頂いていますが、子テーマを使用した場合の変更方法が分からない方もいらっしゃると思い記事にしました。今回も、OSXローカル環境にwordpressをインストールする方法で構築したローカル環境のWordPressで作業したいと思います。子テーマはroom9さんの「CANDY CRAZY」

を使用させて頂いています。カスタマイズ性が高くてオススメです。子テーマをまだ導入していない方は、こちらからチャレンジしてみてください!

スポンサーリンク

Stinger3の子テーマ「CANDY CRAZY」のフォントは見やすい

「CANDY CRAZY」の元々のフォントは非常に見やすくお気に入りです。現状このようなフォントになっています。

WordPress[Stinger3用 子テーマ]フォントを変更する方法

変更するフォントですが、以前の投稿で設定したフォント(dmgadgetディーエムガジェットで使用しているフォント)を設定したいと思います。完成するとこのような見栄えになります。

WordPress[Stinger3用 子テーマ]フォントを変更する方法

それでは始めましょう!

スポンサーリンク

子テーマのstyle.cssを開く

管理画面 → 外観 → テーマ編集 → stinger3 child theme -room9 custum 003 “CANDY CRAZY”-: スタイルシート (style.css)か、
何かしらのFTPアプリで子テーマのstyle.cssを開いてください。自分はTransmit4を使用しています。多くのブロガーさん達が使っています。オススメ!

WordPress[Stinger3用 子テーマ]フォントを変更する方法

開いた子テーマのsytle.cssの14行目からはこのような表記になっています。

/*-----------------------------
基本設定のカスタマイズ
------------------------------*/
* {
  font-family: Tahoma,hiragino maru gothic pron,meirio,arial,helvetica,osaka,"MS PGothic",sans-serif;
  margin: 0;
  padding: 0;
}

5行目の「font-family:」の行を変更します。下記のコードをコピーして、

  font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;

5行目に貼付けてください。最終的に下記のようになれば完成です。

/*-----------------------------
基本設定のカスタマイズ
------------------------------*/
* {
  font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;
  margin: 0;
  padding: 0;
}

ブログを確認しましょう。どうでしょうか? 正しく変更出来ましたでしょうか?読んで頂いてありがとうございました!

 - WORDPRESS

Message

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

CAPTCHA


  関連記事

WordPress[MarsEdit] 過去記事を30件以上に変更
WordPress[MarsEdit] 過去記事を30件以上に変更
WordPress[Stinger3用 子テーマ]サイドバーのNEW ENTRYを削除する方法
WordPress[Stinger3用 子テーマ]サイドバーのNEW ENTRYを削除する方法
WordPress[.htaccess] 管理画面へのアクセスを日本国内限定にする
WordPress[.htaccess] 管理画面へのアクセスを日本国内限定にする
WordPress 検索エンジン用サイトマップを作成する方法
WordPress 検索エンジン用サイトマップを作成する方法
wordpress人気テーマSTINGER3の広告を2つ並べるカスタマイズ
WordPress[Stinger3] 広告を2つ並べるカスタマイズ
WordPress[nend] スマホ用広告(アフィリエイト)の導入方法
WordPress[nend] スマホ用広告(アフィリエイト)の導入方法
WordPressのテーマ「Stinger3」のサイト名を画像に変更する方法
WordPressのテーマ「Stinger3」のサイト名を画像に変更する方法
WordPress[MarsEdit] プレビュー画面を自分のブログデザインに変更
WordPress[MarsEdit] プレビュー画面を自分のブログデザインに変更
WordPress[Stinger3] コメントスパムを減らすプラグイン
WordPress[Stinger3] コメントスパムを減らすプラグイン
WordPressの過去記事を決まった時間に自動ツイートする方法
WordPressの過去記事を決まった時間に自動ツイートする方法