記事に注釈・脚注を挿入できるWordPressプラグイン「Easy Footnotes」

記事に注釈・脚注を挿入できるプラグイン

記事中の単語に注釈を入れたい時ってありませんか？

用語の説明をする時に注釈や脚注を挿入したい場合があると思います。ただし、注釈がいくつもあると見づらくなったり、文章の流れを止めてしまう可能性があります。

そこで単語にカーソルを合わせた時だけ説明（脚注）が表示されるWordPressプラグイン「Easy Footnotes」をご紹介します。これで文章の流れを止めることなく、自然に注釈を挿入できるようになります。

「Easy Footnotes」機能概要

記事中の単語に脚注を追加できるシンプルなプラグインです。有効化すると、記事内で専用のショートコードが使えるようになります。

管理画面から「Easy Footnotes」を検索してインストールするか、下のボタンからもダウンロード可能です。プラグインファイルを wp-content/pluginsディレクトリにアップした後、管理画面から有効化してください。

プラグインのイメージ

Easy Footnotes

プラグインのインストール方法はこちらを参考にご覧いただけます。

2010.10.10

WordPressのプラグインをインストールしてみよう

2021/2/16 情報を更新いたしました。 WordPressで制作したサイトは、プラグインを使って簡単に機能を拡張することができますよね。当記事では、プラグインのインストール方法について解説してきます。 …

有効化するだけですぐに使えますが、以下で注釈の入れ方とオプション機能について説明いたします。

有効化したらダッシュボードの設定から「Easy Footnotes」をクリックしてください。

設定箇所

下記画面に表示されているショートコードをコピーします。

ショートコードの位置

有効化した方は、上記をそのまま文中にコピペしてもお使いいただけます。注釈を入れたい単語のすぐ後ろにショートコードを貼り付けます。例えば、「WordPress」という単語に注釈を入れたい場合は以下のように貼り付けます。

ショートコードの追加箇所

あとは、「Insert your note here.」の部分を表示したい文言に書き換えればOKです。

WordPress²

と入力するとフロント画面にはこのように表示されます。

フロント画面のサンプル

適用しているテーマによって見え方は異なりますが、基本的には単語の右横に小さな数字が表示されます。

デフォルトでは記事の最下部に「Footnotes」（脚注の意）として文中に追加した注釈がリスト表示される仕様です。文末のリンクをクリックして該当箇所へと移動できるので、注釈を複数追加した際に便利です。

また、以下のように単語の横の数字にカーソルを合わせることで、入力した注釈を確認できます。

簡単な説明を追加するぐらいなら、上記gifのように記事下部の脚注一覧は無くてもいいですね。用意されている設定項目でいつでも非表示にできます。

必須ではありませんが、下記の設定項目があるので任意で設定してみてください。それぞれ上から順に説明しています。

オプション項目

Easy Footnotes Label:	記事下部に表示する脚注の見出し（デフォルトでは「Footnotes」）
Insert Easy Footnotes Label:	上記で設定した見出しの表示設定。チェックを入れて表示。
Hide Footnotes after post content:	下部に表示する脚注一覧の表示設定。チェックを入れて非表示。
Show Footnotes on Front Page:	フロントページに表示する脚注の表示設定。基本的にチェックは入れなくてOK。

各設定を行った後は、上記赤枠の「Update Opstions」を押して保存しましょう。記事中に注釈が多い場合は、脚注として記事下部に一覧表示してもいいと思います。