プラグイン WordPress

TypeSquare Webfonts for エックスサーバーは必要か?【結論:削除してOK】

2021年8月31日

※ 当サイトではアフィリエイト広告を利用しています

WordPressに最初から入ってるTypeSquare Webfonts for エックスサーバーってプラグインは何?

エックスサーバーでWordPressを簡単インストールしたときに最初から入っているプラグインは3つあります。

  1. Hello Dolly
  2. Akismet Anti-Spam
  3. TypeSquare Webfonts for エックスサーバー(エックスサーバー限定)

『Hello Dolly』は完全に不要なプラグインで、『Akismet Anti-Spam』は人によっては必要なプラグインです。

それでは『TypeSquare Webfonts for エックスサーバーは削除していいものか?』と思う方が多いと思います。

今回はそんな疑問とこのプラグインの使い方について解説していきます。

ちなみにHello DollyAkismet Anti-Spamについては以下の記事を参照下さい。

あわせて読みたい
WordPressのプラグイン『Hello Dolly』は必要なのか?(結論:削除してOK)
WordPressのプラグイン『Hello Dolly』は必要なのか?(結論:削除してOK)

続きを見る

あわせて読みたい
必要か不要か?無料でも使える『Akismet Anti-Spam』の設定方法【WordPressプラグイン スパム対策】
必要か不要か?無料でも使える『Akismet Anti-Spam』の設定方法【WordPressプラグイン スパム対策】

続きを見る

 

完全無料のプログラミングスクール『ZeroPlus Gate』
30日間でWeb制作を学べる無料のプログラミングスクールがこちら
  • 完全無料
  • 30日間でWeb制作を学べる
  • 現役エンジニアへの質問無制限
  • オンラインの動画学習なので時間場所を問わず勉強可能
  • 最大4回の学習サポート面談
  • 毎日人数制限ありの先着制
無料なのに専属のメンターが付き、現役エンジニアへの質問も無制限という破格のサービスです。いきなり数十万するプログラミングスクールは厳しい・・・という人のお試しに最適。
現在は無料ですがいつ有料になるか分からないので、気になる方はお早めに👇
(有料になっていたらすいません🙇‍♂️)

\ 完全無料 /

ZeroPlus Gate公式サイト

毎日先着制!

TypeSquare Webfonts for エックスサーバーとは?

これはモリサワWebフォントが無料で使えるプラグインで、エックスサーバーの簡単インストールでWordPressをインストールしたときに自動でインストールされます。

当然他のサーバーを使用している場合はインストールされずエックスサーバー以外のサーバーでは動作しませんが、他にも『TypeSquare Webfonts for ○○』と同じ種類とプラグインがたくさんあります。

『TypeSquare Webfonts for』で検索して見つかるプラグイン

『TypeSquare Webfonts for』で検索して見つかるプラグイン

 

使用条件

このプラグインは無料で使えますが、いくつか条件があります。

  • 使用出来るサーバーは『エックスサーバー・エックスサーバービジネス・wpX・シックスコア・X2』のみ
  • 使用可能なドメインは初期ドメイン、独自ドメインの中から3つだけ
  • 3つのドメインで月間75000PVまで

もし使用中に75000PVを超えた場合Webフォントは適用外となり、自動的にブラウザ標準のフォントに戻ります。

月間75000PVだとかなりアクセス数のあるサイトなので運用初期は心配ないと思いますが、今後アクセス数を伸ばしてブログで稼いでいきたいなど考えているのであれば、最初から入れない方がいいと思います(急にフォントが変わるのはよろしくないので)

ただ使い方も知りたい方はいるかも知れないので、使い方についても解説していきます。



Webフォントを使うメリットとデメリット

フォントにはデバイスごとにインストールされているデバイスフォントと、サーバ上に置かれていたりインターネット上で配布されているWebフォントがあります。

このプラグインはWebフォントになります。

Webフォントにはメリットとデメリットがあるので、使用する際にはその辺をしっかり理解した上で使用しましょう。

Webフォントについてはこちらの記事を参照下さい。

あわせて読みたい
無料で使えるGoogle Fontsの使い方【商用利用可&日本語フォントあり】
無料で使えるGoogle Fontsの使い方【商用利用可&日本語フォントあり】

続きを見る



TypeSquare Webfonts for エックスサーバーで使用出来るフォント

使用出来るフォントは2022年10月現在モリサワの33種類となり、全部無料で使えます。

明朝体

  • リュウミン R-KL
  • リュウミン B-KL
  • 黎ミン M
  • A1明朝
  • しまなみ

ゴシック体

  • 新ゴ R
  • 新ゴ B
  • ゴシックMB101 B
  • 見出ゴMB31
  • 中ゴシックBBB

丸ゴシック体

  • じゅん 201
  • じゅん 501
  • 新丸ゴ R
  • 秀英にじみ丸ゴ B

デザイン書体

  • 丸フォーク M
  • フォーク M
  • シネマレター
  • はるひ学園
  • G2サンセリフ-B
  • 那欽
  • 竹 B
  • ぶらっしゅ
  • トーキング
  • すずむし

装飾書体

  • 新ゴ シャドウ

筆書体

  • 教科書ICA M
  • 陸隷
  • TB古印体
  • さくらぎ蛍雪

UD書体

  • TBUDゴシック R
  • TBUDゴシック E
  • UD新ゴ コンデンス90 L
  • UD新ゴ コンデンス90 M

書体の見本については、エックスサーバーのページで確認出来ます。

Webフォント機能で利用可能な書体について



TypeSquare Webfonts for エックスサーバーの設定方法

それでは設定方法について解説していきます。

まずはエックスサーバーのサーバーパネルにログインします。

≫ サーバーパネルにログイン

こちらがサーバーパネルになります。

ここで『ホームページ』の項目にある『Webフォント設定』を開きます。

エックスサーバー:サーバーパネルの『Webフォント設定』を開く

エックスサーバー:サーバーパネルの『Webフォント設定』を開く

ドメイン選択画面が表示されるので、Webフォントを設定したいドメインを選んで『選択する』をクリックします。

Webフォント設定:ドメイン選択画面

Webフォント設定:ドメイン選択画面

するとこちらの画面が表示されます。

Webフォント設定:『Webフォント設定の追加』をクリック

Webフォント設定:『Webフォント設定の追加』をクリック

下の方に現在のPV数が表示されていますね。

ここではタブメニューの『Webフォント設定の追加』を選択して、こちらの画面を表示させます。

Webフォント設定:Webフォント設定の追加

Webフォント設定:Webフォント設定の追加

ここで『設定対象ドメイン』と『サイト』を選択したら『設定する』をクリックします。

そしてこちらの画面が表示されたら完了です。

Webフォント設定:Webフォント設定の追加完了

Webフォント設定:Webフォント設定の追加完了



TypeSquare Webfonts for エックスサーバーの使い方

それでは設定が終わったので使い方を解説して行きます。

プラグインはインストール済みだと思いますが、もし削除していたら先ほどの一覧にもあったように『プラグイン → 新規追加』から『TypeSquare Webfonts for エックスサーバー』と検索すれば見つかるので、再度インストールしましょう。

そして有効化までしておきましょう。

『TypeSquare Webfonts for エックスサーバー』を有効化

『TypeSquare Webfonts for エックスサーバー』を有効化

有効化すると管理画面に『TypeSquare Webfonts』というメニューが現れます。

WordPress管理画面:TypeSquare Webfonts

WordPress管理画面:TypeSquare Webfonts

クリックするとこちらの設定画面が表示されます。

TypeSquare Webfonts for エックスサーバー:設定画面

TypeSquare Webfonts for エックスサーバー:設定画面

初期設定では『テーマを設定しない』になっているので、ドロップダウンメニューで使用したいフォントテーマを選択します。

TypeSquare Webfonts for エックスサーバー:フォントテーマ選択

TypeSquare Webfonts for エックスサーバー:フォントテーマ選択

フォントテーマは複数のフォントを組み合わせた物になっており、こちらが一覧になります。

テーマ名見出しリード本文太字
ベーシック新ゴ B新ゴ B新ゴ R新ゴ B
スタイリッシュ見出ゴMB31見出ゴMB31TBUDゴシック RTBUDゴシック E
カジュアル秀英にじみ丸ゴシック B丸フォーク Mトーキング秀英にじみ丸ゴシック B
ニュースリュウミン B-KLリュウミン B-KL黎ミン Mリュウミン B-KL
ビジネスリュウミン B-KLリュウミン B-KLTBUDゴシック RTBUDゴシック E
ファッション丸フォーク M丸フォーク M新ゴ R新ゴ B
エレガントA1明朝A1明朝黎ミン Mリュウミン B-KL
繊細A1明朝しまなみリュウミン R-KLリュウミン B-KL
ポップぶらっしゅぶらっしゅじゅん 501G2サンセリフ-B
コミカル新ゴ シャドウ新ゴ シャドウじゅん 501G2サンセリフ-B
和風さくらぎ蛍雪しまなみリュウミン R-KLリュウミン B-KL
はんなり那欽那欽黎ミン Mリュウミン B-KL
伝統教科書ICA Mさくらぎ蛍雪さくらぎ蛍雪教科書ICA M
ナチュラルはるひ学園はるひ学園シネマレター竹 B
レトロ秀英にじみ丸ゴシック Bシネマレタートーキングじゅん 501
ホラーTB古印体TB古印体陸隷陸隷

フォントテーマを選択したら『フォントテーマを更新する』をクリックすれば完了です。

『フォントテーマを更新する』をクリックする

『フォントテーマを更新する』をクリックする

するとこのように様々なフォントが表示されるようになります。

『TypeSquare Webfonts for エックスサーバー』のフォント例

『TypeSquare Webfonts for エックスサーバー』のフォント例

 

上級者向けのカスタマイズ

あとは設定画面の下の方に上級者向けのカスタマイズがあります。

TypeSquare Webfonts for エックスサーバー:『上級者向けのカスタマイズ』をクリック

TypeSquare Webfonts for エックスサーバー:『上級者向けのカスタマイズ』をクリック

ここをクリックすると設定項目が開きます。

TypeSquare Webfonts for エックスサーバー:『上級者向けのカスタマイズ』編集画面

TypeSquare Webfonts for エックスサーバー:『上級者向けのカスタマイズ』編集画面

 

フォント設定クラス

ここはHTMLタグ(h1など)とclass属性(.entry-title)を設定することが出来ます。

変更後は初期設定に戻すというボタンはないので、元に戻す可能性がある場合は初期設定をどこかにメモしておきましょう。

 

個別記事フォント設定

有効化にチェックを入れると、記事ごとにフォントを設定することが出来ます。

こちらが投稿画面です(上がクラシックエディタ、下がブロックエディタ)

個別記事フォント設定ON:クラシックエディタの場合

個別記事フォント設定ON:クラシックエディタの場合

個別記事フォント設定ON:ブロックエディタの場合

個別記事フォント設定ON:ブロックエディタの場合

下にフォントテーマを選択する項目が追加されました。

ここで記事ごとにフォントテーマを変えることが出来ます。

 

Webフォントの適用を解除する方法

最後にWebフォントの適用を解除する方法を解説します。

 

プラグインを無効化(WordPress管理画面)

まずはプラグインを無効化しましょう。

管理画面の『プラグイン → インストール済みプラグイン』から『TypeSquare Webfonts for エックスサーバー』の『無効化』をクリックすればOKです。

TypeSquare Webfonts for エックスサーバー:無効化をクリック

TypeSquare Webfonts for エックスサーバー:無効化をクリック

 

エックスサーバー(サーバーパネル)

今度は設定した時と同じように、エックスサーバーのサーバーパネルにログインして『ホームページ』の『Webフォント設定』を開きます。

するとドメイン選択画面が表示され、現在Webフォント設定が1個されているのが分かります。

Webフォント設定:ドメイン選択画面

Webフォント設定:ドメイン選択画面

これを解除するので、ここの『選択する』をクリックするとWebフォント設定が表示されます。

Webフォントの設定:『削除』をクリック

Webフォントの設定:『削除』をクリック

ここで削除をクリックしたあと確認画面で削除するをクリックします。

Webフォントの設定:『削除する』をクリック

Webフォントの設定:『削除する』をクリック

あとはもう一度Webフォント設定を開いて、先ほど1個と表示されていた所が0個になっているのを確認出来れば完了です。

Webフォント設定:ドメイン選択画面

Webフォント設定:ドメイン選択画面

まとめ

以下の項目に全て該当する人このプラグインを使ってもいいかと思います。

  • 個性的なフォントを使いたい
  • ページ速度が多少遅くなっても構わない
  • 月間PV数は75000以下
  • 月間PV数が75000を超えたら自動でフォントが戻っても構わない

個人的には個性的なフォントをどうしても使いたいという場合以外は使わない方がいいと思うので、そういった場合は削除してしまいましょう(使わないプラグインは無効化ではなく削除した方がいいです)

プラグインの削除

プラグインの削除

以上になります。

この記事が役に立ったと思ったら、シェアボタンからX(旧Twitter)などにシェアすると、いいねされてフォロワーが増えたりすることがあるよ!

 

  • この記事を書いた人

じゅんぺい

37歳からWeb制作とブログ開始。Web制作歴5年目でコーディングとWordPressオリジナルテーマ制作が中心。これまで120件以上を納品。当ブログ月間最高15万PVで、370記事以上はWeb制作の技術記事。コンテンツ販売→累計売上1200万円&1500部超え。X(旧Twitter)フォロワー7200人以上。2024年3月からブログの経験を活かしてライターとしても活動を開始。

-プラグイン, WordPress
-