ディーエムガジェット

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[Acunetix WP Security] セキュリティー対策としてユーザー名(admin)を変更
WordPress[Acunetix WP Security] セキュリティー対策としてユーザー名(admin)を変更
WordPress[Yet Another Related Posts Plugin] RSSに関連記事を追加
WordPress[Yet Another Related Posts Plugin] RSSに関連記事を追加
wordpress人気テーマSTINGER3の広告を2つ並べるカスタマイズ
WordPress[Stinger3] 広告を2つ並べるカスタマイズ
WordPressテーマ「Stinger3」にプラグインなしでGoogleアナリティクスを導入する方法
WordPressテーマ「Stinger3」にプラグインなしでGoogleアナリティクスを導入する方法
WordPressテーマ「Stinger3」のfavicon(ファビコン)を変更する方法
WordPressテーマ「Stinger3」のfavicon(ファビコン)を変更する方法
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法
WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法
WordPress[Twitter] ツイッターのツイートをブログに載せる方法
WordPress[Twitter] ツイッターのツイートをブログに載せる方法
WordPressの過去記事を決まった時間に自動ツイートする方法
WordPressの過去記事を決まった時間に自動ツイートする方法
WordPress[Stinger3] RSSフィードにアイキャッチ画像を表示
WordPress[Stinger3] RSSフィードにアイキャッチ画像を表示