このエントリーをはてなブックマークに追加  役に立ちましたら、こちらをポチッと!

WordPress プラグイン

【WordPress初心者必見】ビジュアルエディタに日本語フォントを追加する方法

 

ブログの記事を書いていると、

OLさん
OLさん
もうちょっといいフォントがないかなぁ

OLさん
OLさん
日本語フォントがいろいろ使えると、記事作成も楽しくなるのに...

と思うことありませんか?

 

 

フォントを増やしたくていろいろなやり方の記事を見てみると、

Google先生
Google先生

CSSを作成...

functions.phpにコードを追加...

 

 

プログラミングやHP作成が得意な方にとっては簡単なことかもしれませんが、初心者にとっては

???

ですよね

 

 

ここで解説する方法は、Japanese Font for WordPress』というプラグインをインストールし有効化するだけです。

これであれば、WordPress初心者でも安心で簡単な作業ですよ

 

 

 

『Japanese Font for WordPress』とは

『Japanese Font for WordPress』とは、インストールし有効化するだけで日本語フォントをTinyMCE AdvancedプラグインとGutenbergに追加してくれるプラグインです。

旧名は「Japanese Font for TinyMCE」です。

 

 

『Japanese Font for WordPress』のインストール方法

ダッシュボードの「プラグイン」「新規追加」を選択し、キーワードに「Japanese Font for WordPress」と入力します。

 

「Japanese Font for WordPress」が表示されたら、「今すぐインストール」をクリックしましょう。

 

インストールが完了したら、「有効化」をクリックします。

 

 

設定はたったこれだけです

 

さっそくビジュアルエディタを確認してみましょう。

 

 

『Japanese Font for WordPress』で追加される日本語フォント

『Japanese Font for WordPress』で追加される日本語フォントは以下の9種類です。

 

ふい字

こんな日本語フォントです。

 

Noto Sans Japanese

こんな日本語フォントです。

 

太字なNoto Sans Japanese

こんな日本語フォントです。

 

細字なNoto Sans Japanese

こんな日本語フォントです。

 

エナセパJ

こんな日本語フォントです。

 

ほのか丸ゴシック

こんな日本語フォントです。

 

こころ明朝体

こんな日本語フォントです。

 

青柳衡山フォントT

こんな日本語フォントです。

 

狸油性マジック

こんな日本語フォントです。

 

 

CSSやfunctions.phpなどを触らずにこれだけの日本語フォントが追加されるので、初心者にとってはありがたいですね

 

 

このページ作成に使用しているテクニック・プラグイン

このページを作るのに、僕が使用している個人的なテクニックやプラグインを紹介します

れぞれの項目をクリックしていただくと、詳しく手順を追って説明するページに移動しますので、ぜひ参考にして下さい!

 

テクニック

アイキャッチ画像や挿入画像の作成 ・・・アイキャッチ画像や挿入画像に文字やイラスト、図形などを作成しています。

○記事内のアイコン ・・・『ICOOON MONO』よりダウンロードしました。商用利用可能なモノトーンのアイコン素材をフリー(無料)でダウンロードできる素材配布サイトです。

○ 目次のカスタマイズ ・・・ハイジ(@haiji_blog)さんがカスタマイズしたデザインを参考にさせて頂きました。

 

 

プラグイン

○ Word Balloon(ふきだし) ・・・会話形式の吹き出しプラグインです。

AddQuicktag ・・・HTML エディター・ビジュアルエディターへのクイックタグの追加を容易にするプラグインです。

○ WP Emoji One ・・・投稿やページに絵文字を追加することができるプラグインです。

○ DrawIt(draw.io) ・・・画像に文字や図形が挿入できるWordPressプラグインです。

Japanese Font for WordPress ・・・インストールし有効化するだけで日本語フォントをTinyMCE AdvancedプラグインとGutenbergに追加してくれるプラグインです。

 

いろいろなテクニックや同じようなプラグインが他にもありますし、必ずしもプラグインを使わないとできないわけでもありません。

こちらのテクニックやプラグインは僕の個人的なやり方ですので、あなたが取り組みやすい方法を実践してみて下さい。

 

 

このエントリーをはてなブックマークに追加  役に立ちましたら、こちらをポチッと!

おすすめ記事

1

  これからあなたのサイト(ホームページ)を作っていきましょう。サイト作成にはWordPressを使用します。 WordPressでサイトを構築する前 ...

2

  「WordPressでサイトを作ろう ~準備編~」にて、レンタルサーバーの契約、独自ドメイン取得、WordPressのインストールについて解説させ ...

3

  2019年4月1日の午後2時頃にGoogle AdSenseの申し込みをしたんですが・・・ なんと!投稿5記事でGoogle AdSenseの審査 ...

-WordPress, プラグイン