おしゃれに見せよう!WordPressのフォントを変更・カスタマイズに便利なプラグインまとめ

WordPressでフォントを変更したいときに使えるプラグインをまとめています。いつも見るような字体ではなく、おしゃれなフォントにカスタマイズしたいと思ったらぜひ活用してみてください。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。

WordPressのプラグインにはコードなどを編集せずに直感的操作でフォントデザインを変えることのできるものが存在します。
公式や個人で配布されている各種テーマをインストール・有効化した後で、フォントの大きさや種類などを更に細かく設定したい時などにも役立ちます。
ここでは、「テーマの編集」メニューなどを使わずにWordPressのフォントやサイトデザインを調整することのできるプラグインを紹介していきます。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

Font

fonc_pl_1

WordPressの管理画面ではなく、サイトを表示させたままの状態で上の管理バーからフォントの変更をすることができるプラグインです。
手描き風の文字など独特なデザインのフォントを使用することができます。
デフォルトで使用できるフォントは英語対応のものばかりですが、TTFやOTF形式のファイルを自分でアップロードして利用することもできるので日本語サイトでも活用することができます。

Font

 

Visual Theme Customizer

fonc_pl_2r

Font同様、サイトを表示させながらフォントの調整ができるプラグインです。
フォントの種類・太さ・色・イタリック表記や打ち消し線などの一通りの設定もここで変えることが可能です。
Undo・Redoなどの編集時に便利な機能もショートカットやメニューアイコンで操作できるのでじっくりデザインにこだわりたい人にもおすすめです。
スマホやタブレットでサイトを表示させた場合のプレビューが見れるのも特徴です。
アニメーションなどの追加機能がついた有料版もあります。

Visual Theme Customizer

 

[PR] WordPressで挫折しない学習方法を動画で公開中

Easy Google Fonts

fonc_pl_3

このプラグインをインストールすると、WordPressの管理バー「カスタマイズ」からフォントの編集ができるようになります。
見出し1~6それぞれを別々のフォント設定にすることも可能なので、各テーマデフォルトの見出し表示を好きなものに変えたいときにも便利です。
フォントの大きさや種類の他にline-heightなども操作することができるのでサイトデザインの調整に役立ちます。

Easy Google Fonts

 

以上、フォントをカスタマイズできるプラグインを紹介しました。

フォントの種類を知っている人はなかなかいないですし、一つずつ確認しながら好きなフォントに変更したいところ。サイトなどで調べながら行うとどうしても時間がかかってしまうので、プラグインを活用しましょう。

ぜひ、WordPressの使い方を覚えましょう!

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。