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

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

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

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

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

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

ちなみに『Hello Dolly』と『Akismet Anti-Spam』については以下の記事を参照下さい。

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

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

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

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

使用条件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPress管理画面：TypeSquare Webfonts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

フォント設定クラス

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

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

個別記事フォント設定

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

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

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

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

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

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

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

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

プラグインを無効化（WordPress管理画面）

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

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

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

エックスサーバー（サーバーパネル）

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

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

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

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

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

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

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

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

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

まとめ

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

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

プラグインの削除

以上になります。

コーディングの時給と作業効率を上げる！

2年間の実務で実際に使ったコードをまとめた『コーディング&WordPressメモまとめ集』をBrainで公開しています。※ 4月15日に値上げ予定

• コピペで使えるWordPressの各テンプレート
• 実務でよく使う見出し一覧
• 実務でよく使うテキストのhoverアニメーション
• 実務でよく使うボタン内の矢印9種類
• Contact Form 7の色々・・・

などなど、他にもコピペで使えるコードがたくさん載せてあるので、時短＝時給アップに繋がります。

さらに『コードのまとめ方が参考になった』というレビューも多数頂いているので、これを元に自分なりの"メモまとめ集"を作るという使い方も出来ます。

800部以上販売し、レビューは430件以上あるので、気になる方は以下のボタンからチェックしてみて下さい👇

今だけ！5大無料特典あり🎁

販売ページとレビューを見てみる

Twitterのレビューはこちら