Affiliate Re:Life

アフィリエイトで最高の人生を取り戻す(リライフする)方法についてご紹介します。

ブログ

ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法!

投稿日:

この記事では、ブログフォントをおすすめの「メイリオ」や「游ゴシック」へ変更する方法について解説していきます。

あなたは、ブログを作成するときに、

フォントを「メイリオ」や「游ゴシック」へ変更する方法ってどうすればいいんだろう?

と、考えたことはありませんか?

ブログのフォントの中でも、見やすく読み込みが早くておすすめなので、変更方法が気になるところですよね。

これ結論からお伝えしますと、

  • ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法はコチラです。

フォント変更方法

  1. 「外観」→「カスタマイズ」をクリックする
  2. 「追加 CSS」をクリックする
  3. 「メイリオ」又は「游ゴシック」のCSSをコピーする
  4. 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

それでは詳しく見ていきましょう。


スキマ時間を使いポイントサイトで稼ぐ方法

アフィリエイト・転売・情報発信など、すべてのビジネスのハードルが上がっています。

具体的には、書籍は数十冊は読んで、休日は1日12時間以上作業する覚悟が必要です。

「手軽に稼げると思ったのに…」と思うかもしれませんが、素人が稼げる時代は残念ながらもう終わってしまいました。

しかし…。数万円ほど稼ぐ道ならまだ残されています。

それは、ポイントサイトを使って取り組む方法となります。

還元率の高いポイントサイトを使うことで、誰も1万~5万円程度なら稼ぐことは出来ます。

もちろん、毎月自動で稼げるなんて方法ではありません。

ですが、ポイントサイト経由で無料登録を行ったり、クレジットカードを作るだけで数百円~数万円入ったりします。

イメージとしては、楽天などで商品を購入したらポイントもらえるのと同じです。

ポイントサイトを利用して、無料登録や有料登録などをすることで、キャッシュバックが行われるのです。

過去に様々な副業に取り組んできましたが、初心者さんが短期間で稼ぐ方法は正直コレしかありません。

ポイントサイトの登録方法なども、1から手順を解説していますので良かったらご覧ください。

→ ポイントサイトのハピタスの登録方法&使い方はこちら

 

ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法

ブログのフォントでおすすめな、「メイリオ」「游ゴシック」へと変更する方法はコチラでしたね。

フォント変更方法

  1. 「外観」→「カスタマイズ」をクリックする
  2. 「追加 CSS」をクリックする
  3. 「メイリオ」又は「游ゴシック」のCSSをコピーする
  4. 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

それでは1つ1つ見ていきましょう。

step
1
「外観」→「カスタマイズ」をクリックする

カスタマイズ

まずは、WordPressへとログインをして、左のメニューにあります、

  1. 「外観」をクリック
  2. 「カスタマイズ」をクリック

と、この手順でクリックを進めていきましょう。

step
2
「追加 CSS」をクリックする

追加CSS

「カスタマイズ」をクリックしたら、メニューの下の方にあります「追加 CSS」をクリックしましょう。

step
3
「メイリオ」又は「游ゴシック」のCSSをコピーする

「追加 CSS」をクリックしたら、次は下記にあります「メイリオ」又は「游ゴシック」のCSSコードをコピーしましょう。

【コピペOK】メイリオCSS

/*フォントの設定 */
body {
font-family: "メイリオ", Meiryo;
}

【コピペOK】游ゴシックCSS

/*フォントの設定 */
body {
font-family: "游ゴシック", "Yu Gothic", YuGothic;
}

step
4
「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

コピーしたCSSを「追加 CSS」へと貼り付けて、上にあります「公開」をクリックしたら完了となります。

上記画像はメイリオですが、游ゴシックも同じように貼り付けて公開をクリックするだけです。

メイリオ

游ゴシック

すると上記のように、貼り付けたフォントCSSが反映されるようになります。

ただし、お使いのWordPressテーマ(テンプレート)によって、対応していないフォントもありますので表示が変わらないこともあります。

フォントサイズとカラーを簡単に変更するプラグイン「Easy Google Fonts」の使い方!

Easy Google Fonts

ここでは、フォントのサイズやカラーを簡単に変更出来る、「Easy Google Fonts」の使い方を解説します。

サイズとカラー変更

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「Easy Google Fonts」を検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「外観」→「カスタマイズ」をクリックする
  5. 「Typography」をクリックする
  6. 「Default Typography」をクリックする
  7. 「Paragraphs」→「Appearance」をクリックする
  8. 「Font Color」をクリックして色を選択する
  9. 「Font Size」でフォントのサイズを変更して「公開」をクリックする

それでは1つ1つ見ていきましょう。

step
1
「プラグイン」→「新規追加」をクリックする

まずは、WordPressの左メニューにあります、

  1. 「プラグイン」をクリック
  2. 「新規追加」をクリック

と、この順番で進めていきましょう。

step
2
「Easy Google Fonts」を検索して「今すぐインストール」をクリックする

するとプラグイン追加の画面になりますので、

  1. 「Easy Google Fonts」を入力して検索
  2. 「今すぐインストール」をクリック

と、この手順で進めていきましょう。

step
3
プラグインの「有効化」をクリックする

インストールが完了になったら、プラグインのボタンが「有効化」に変わるので、この「有効化」をクリックしましょう。

step
4
「外観」→「カスタマイズ」をクリックする

カスタマイズ

次は、左メニューにあります、

  1. 「外観」をクリック
  2. 「カスタマイズ」をクリック

と、この手順でクリックを進めていきましょう。

step
5
「Typography」をクリックする

「カスタマイズ」をクリックしたら、次は「Typography」をクリックしましょう。

step
6
「Default Typography」をクリックする

そして、次は「Default Typography」をクリックしましょう。

step
7
「Paragraphs」→「Appearance」をクリックする

「Default Typography」をクリックしたら、下にあります、

  1. 「Paragraphs」をクリック
  2. 「Appearance」をクリック

と、この順番でクリックしましょう。

step
8
「Font Color」をクリックして色を選択する

「Appearance」をクリックすると、下に表示されます、「Font Color」をクリックして色を選択しましょう。

step
9
「Font Size」でフォントのサイズを変更して「公開」をクリックする

色を変更したら、少し下にスクロールすると出てきます「Font Size」のバーをスライドして、フォントサイズを変更しましょう。

フォントサイズを調整したら、上にあります「公開」をクリックしたら、フォントサイズとカラーの変更が完了となります。

ちなみにですが、もし間違えたとしても上に表示されています、「Reset」をクリックしたらデフォルトに戻りますので安心してください。

ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法のまとめ

まとめますと、

フォント変更方法

  1. 「外観」→「カスタマイズ」をクリックする
  2. 「追加 CSS」をクリックする
  3. 「メイリオ」又は「游ゴシック」のCSSをコピーする
  4. 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

サイズとカラー変更方法

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「Easy Google Fonts」を検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「外観」→「カスタマイズ」をクリックする
  5. 「Typography」をクリックする
  6. 「Default Typography」をクリックする
  7. 「Paragraphs」→「Appearance」をクリックする
  8. 「Font Color」をクリックして色を選択する
  9. 「Font Size」でフォントのサイズを変更して「公開」をクリックする

以上が、ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法についてでした。

是非、意識してチャレンジしてみてください。

-ブログ

Copyright© Affiliate Re:Life , 2020 All Rights Reserved.