WordPressのテーマで使用するフォントなどを簡単に変更できるプラグイン「Easy Typography」

公開日：2016年10月3日／最終更新日：2017年10月29日デザイン

【この記事の目次】－　必要な部分だけ見たいときにどうぞ　－ [表示する]

1 【Easy Typography】プラグインの基本的な機能・できること
2 【Easy Typography】プラグインの設定画面や表示の日本語化と翻訳
3 【Easy Typography】プラグインのインストールと設定
4 【Easy Typography】プラグインの基本的な使い方

Wordpressのテーマで使用されているフォントや行間などの設定を変更するには通常CSSを編集して行うのですが、「Easy Typography」はテーマカスタマイザー上でライブプレビュー表示を見ながらフォントや行間などの変更ができるプラグインです。

文字や行間、文字の間隔、色など変更したいけどCSSはよくわからないという方にピッタリのプラグインです。

【Easy Typography】プラグインの基本的な機能・できること

本文内のフォントや行間などが変更できる
hタグ（見出しタグ）のフォントや行間などが変更できる
変更はテーマカスタマイザーから簡単にできる

この記事の内容について

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います

すべての環境で動作するとは限りません

できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります

有料版と無料版がある場合、テストは原則無料版のみで実施しています

テスト環境については本文中に記載しています

使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

【Easy Typography】プラグインの設定画面や表示の日本語化と翻訳

このプラグインは言語の変更に対応しているのですが、何等かの不具合により一部しか反映されないため翻訳ファイルを作成していません。カスタマイザーで変更した設定は右側のライブプレビューですぐに確認できるため問題ないと思います。

【Easy Typography】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

Knowledge Base

【Wordpress】プラグインのインストール＆追加方法とエラー対処の方法

https://www.momosiri.info/cms/wordpresspluginerror/

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。いちばん簡単にプラグインを...

を参照ください

【Easy Typography】プラグインの基本的な使い方

設定はすべて「外観」→「カスタマイズ」から行います。テーマカスタマイザーが起動すると、「Typography Options」という項目が追加されますのでそこから行います。
画面先頭に「RESET」というボタンがありますので、変更した設定をすべて初期状態に戻すことがいつでもできます。
主な設定項目は

Body Typography／ページ全体の文字設定
Headline H Typography／見出しタグ（h1～h6）の文字設定
Paragraph Typography／段落の文字設定
Unorder Order List UL OL Typography／リストタグの文字設定

で各項目に対して

Font Family／フォントの種類
Variant／バリアント型
Subset／文字セット
Font Size／文字の大きさ
Line Height／行間
Letter Spacing／文字間
Text Align／文字の位置
Text Transform／テキストの変換（入力通り、全て大文字、全て小文字など）
Color／文字の色

を設定していきます

変更した内容は画面右側のライブプレビューですぐに反映されますので確認しながら作業できます
※ライブプレビューの投稿などをクリックするとトップページだけでなく各ページの感覚も見ることができます

Wordpressの本

Amazonの人気商品楽天市場の人気商品

(無料電話サポート付)できるWordPress WordPress Ver. 5.x対応本格ホームページが簡単に作れる本 (できるシリーズ)

￥ 1,628

Amazon.co.jp

ASIN: 4295006270
インプレス

いちばんやさしいWordPressの教本第4版 5.x対応人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)

￥ 1,738

Amazon.co.jp

ASIN: 4295006661
インプレス

いちばんやさしいWordPressの教本第4版 5.x対応人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) / 石川..

1,738 円 (税込)

HMV＆BOOKS online 1号店

基本情報ジャンル建築・理工フォーマット本出版社インプレス発売日2019年07月ISBN9784295006664発売国日本サイズ・ページ280p　21×19cm関連キーワード 9784295006664 出荷目安の詳細はこちら＞＞楽天市場内検索『在庫あり』表記について　

いちばんやさしいWordPressの教本第4版人気講師が教える本格Webサイトの作り方 [ 石川栄和 ]

1,738 円 (税込) 送料込

楽天ブックス

人気講師が教える本格Webサイトの作り方石川栄和大串肇インプレスイチバンヤサシイワードプレスノキョウホンイシカワ,ヒデカズオオグシ,ハジメ発行年月：2019年08月予約締切日：2019年06月26日ページ数：280p サイズ：単行本 ISBN：9784295006664 石川栄和（イ..

記事の作者: ひまあーと（管理人）

☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。