記事を書いている際に専門用語などが出てきた場合、少し詳しく解説したい、と思うことがあります。
でも説明を書いていると、文章が長くなってしまったり、文脈がおかしくなってしまう。
そんなときは、文章に脚注をいれてみるのがおススメ。
脚注とは、文章の途中で解説が必要になった場合、その説明を文章内ではなく本文下部などの欄外に注釈したもののこと。
【Modern Footnotes】は、記事に脚注を挿入できるようにするプラグイン。
補足情報を欄外に持ってくることで、文脈が乱れず文章が読みやすくなります。
こんな場合にオススメ
- 記事に脚注をいれたい
- 補足情報を入れつつ、文章を読みやすく表示したい
プラグインを使ってできること
- 記事に脚注を挿入することができるようになる
- ツールチップでの表示、または脚注番号の下部に表示するかを選択することができる
目次
インストール方法
インストール方法
- ダッシュボード > プラグイン > 新規追加 とクリックする
- Modern Footnotesで検索する
- 今すぐインストールをクリック。インストール後有効化する
または、配布サイトからダウンロードして、インストール。
手動でインストールする方法はコチラ
脚注の表示方法
STEP
ショートコードを記述
脚注を入れたい語句の後ろに、下記のようにショートコードを記述します。
ショートコード
脚注を入れたい語句[mfn]ここに注釈文を記述[/mfn]ブロックエディターの場合、『ウィジェット』内の【ショートコード】ブロックを追加し、コードを挿入。
ビジュアルエディタの場合、投稿画面に『Add a Footnote』ボタンが表示されるようになるのでボタンをクリックし、挿入されたコードを書き換えます。
STEP
使用イメージ
ツールチップでの表示
脚注番号の下の行に表示
【Modern Footnotes】の設定
STEP
Modern Footnotesを開く
プラグインを有効化すると、管理画面 > 設定 内に 【Modern Footnotes】項目が追加されるので、そこから設定を行います。
STEP
項目の設定
| Desktop footnote behavior | 脚注の表示方法を選択 Tooltip footnotes that open on click：脚注番号クリックで脚注を表示 Tooltip footnotes that open on hover：脚注番号ホバー時に脚注を表示 Expandable footnotes：脚注番号クリックで下の行に脚注を表示 |
| Show browser tooltip on hover | マウスホバー時に脚注をブラウザのツールチップに表示されるようにするかの選択 |
| Display footnote list at bottom of posts | 投稿の下部に脚注リストを表示するかの選択 |
| When printing, list footnotes at the bottom of posts | 印刷時、脚注を投稿の下部に表示するようにするかの選択 |
| For post content in RSS feeds, list footnotes at the bottom of posts | RSSフィードに脚注を投稿下部に表示するようにするかの選択 |
| Heading for footnote list | 脚注リストに見出しを表示したい場合に記述 |
| Modern Footnotes Custom CSS | 表示デザインをCSSでカスタマイズする場合に記述 |
| Modern Footnotes Custom Shortcode | [mfn]または[modern_footnote]以外のショートコードを使用したい場合は、括弧なしで使用するコードを記述する |
STEP
保存
項目を設定したら変更を保存します。
動作確認環境
- バージョン 1.4.10
- WordPress 5.7.2
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。
まとめ
- 【Modern Footnotes】は、記事に脚注を挿入することのできるプラグイン。
- 補足情報などを解説する場合は、脚注をいれて文章を見やすくするのがおススメです。
