記事を書いている際に専門用語などが出てきた場合、少し詳しく解説したい、と思うことがあります。
でも説明を書いていると、文章が長くなってしまったり、文脈がおかしくなってしまう。
そんなときは、文章に脚注をいれてみるのがおススメ。
脚注とは、文章の途中で解説が必要になった場合、その説明を文章内ではなく本文下部などの欄外に注釈したもののこと。
【Modern Footnotes】は、記事に脚注を挿入できるようにするプラグイン。
補足情報を欄外に持ってくることで、文脈が乱れず文章が読みやすくなります。
- 記事に脚注をいれたい
- 補足情報を入れつつ、文章を読みやすく表示したい
- 記事に脚注を挿入することができるようになる
- ツールチップでの表示、または脚注番号の下部に表示するかを選択することができる
使用イメージ
インストール方法
- 管理画面 > プラグイン > 新規追加 とクリックする
- Modern Footnotesで検索する
- 今すぐインストールをクリック。インストール後有効化する
または、配布サイトからダウンロードして、インストール。
手動でインストールする方法はコチラ
WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]
脚注の表示方法
脚注を入れたい語句の後ろに、下記のようにショートコードを記述します。
ショートコード
脚注を入れたい語句[mfn]ここに注釈文を記述[/mfn]ビジュアルエディタの場合、投稿画面に『Add a Footnote』ボタンが表示されるようになるのでボタンをクリックし、挿入されたコードを書き換えます。
【Modern Footnotes】の設定
- STEP1Modern Footnotesを開くプラグインを有効化すると、管理画面 > 設定 内に 【Modern Footnotes】項目が追加されるので、そこから設定を行います。
- STEP2項目の設定
Expandable footnotes on desktop 脚注番号の下の行に脚注を表示するかの選択 未チェックで、脚注番号をクリックするとツールチップを表示する
Modern Footnotes Custom CSS 表示デザインをCSSでカスタマイズする場合に記述 .modern-footnotes-footnote：脚注番号を表示する上付き文字要素
.modern-footnotes-footnote–selected：現在アクティブな上付き要素
.modern-footnotes-footnote__note：モバイルとデスクトップの両方の脚注に適用されるスタイル
.modern-footnotes-footnote__note–mobile：モバイル脚注のスタイル
.modern-footnotes-footnote__note–desktop：デスクトップの脚注のスタイルModern Footnotes Custom Shortcode [mfn]または[modern_footnote]以外のショートコードを使用したい場合は、括弧なしで使用するコードを記述する - STEP3保存項目を設定したら変更を保存します。
動作確認環境
- バージョン 1.3.8
- WordPress 5.3
まとめ
- 【Modern Footnotes】は、記事に脚注を挿入することのできるプラグイン。
- 補足情報などを解説する場合は、脚注をいれて文章を見やすくするのがおススメです。
