プラグイン

Easy Google Fontsの導入から設定まで図解入りで解説

Easy Google Fontsの導入

こんにちは(こんばんは)♪けんです!

最近家ではパソコン、外ではiPhoneやiPadでサイトを見るけど同じサイトなのに、webフォントが違うことがありませんか?

実はデバイス(Windows、Macやスマホ等)によって異なってしまうのが当たり前でした。
だから、デバイス毎にフォントを指定する必要性があったりと面倒なんです。

そこで、簡単にwebフォントを統一するプラグインの登場です♪
これが、あればデバイスを気にすることなく同じフォントでサイトを見ることが出来ちゃいます!

それが【Easy Google Fonts】になります。
導入は簡単なのでサクッと解説していきたいと思います。
ではさっそくいってみましょう♪

Easy Google Fontsの導入から設定まで図解入りで解説

やり方は超簡単です!
まずは、ワードプレスの左側にある「プラグイン」⇒「新規追加」をクリックしましょう。

Easy Google Fontsの導入
次に右上にあるキーワードで【Easy Google Fonts】を入力します。
自動的に該当のプラグインがいくつか表示されます。

Easy Google Fonts

該当のプラグインを探して「インストール」⇒「有効化」の順にクリックしましょう。
恐らくプラグインのページに自動的に移るかと思います。

フォントを変更する方法について

フォントを変更する方法

「外観」⇒「カスタマイズ」をクリックします。
「Typography」⇒「Default Typography」をクリックします。

efault Typography

Paragraphsにて本文、Heading1~6がh1~h6までを変更します。
実際の文字などを見ながら「あなたのサイトテーマ」に合う文字フォントを探してみてくださいね♪

Paragraphs設定

右側のプレビューを見ながらお好みのフォントを選択して「公開」を押すとサイトに反映されます。
以上で導入から設定までが完了です♪
サイトはフォント一つで見え方が物凄くかわってきます。
なので、記事をある程度増えてきたら見やすいフォントに変えることも、あなたの記事が読まれるきっかけになることと思います。

Easy Google Fontsの導入から設定まで図解入りで解説のまとめ

今回は【Easy Google Fontsの導入から設定まで図解入りで解説】についてお話してきましたが、いかがでしたか?

少しフォントが変わるだけでサイトのイメージが変わります!
テーマにあったフォント選びが今後は重要なのかなと思いますので、記事を更新する時間が無い時、やる気があまり出ないようであればたまにはこのようなデザインに目を向けてみてはいかがでしたか?(*´▽`*)

ちょっとした変化が、あなたの記事を飛躍させることになるかもしれませんね♪
最後まで読んでくださってありがとうございます^^
今日も笑顔が一つ増えますように^^

ABOUT ME
けん
けんです。僕の理想はただ一つです! 子育て、家事、仕事と毎日があっという間に過ぎ去ってしまう今のあなたの「お金のゆとり」「時間のゆとり」「心のゆとり」を生み出すためのお手伝いがしたい! 将来に不安があるあなたの手助けが出来ればと思います。お問い合わせはいつでも受け付けていますのでお気軽にどうぞ。 メールしてね♪