投稿内に注釈を表示する【Inline Footnotes】の使い方

記事を書いていると、用語の説明などをしたいと思うときがあります。
けれど文章の中に説明を入れようとすると、文脈が乱れて読みにくくなってしまったりすることも。

そんなときは文章中ではなく、欄外に説明や解説を表示するのがおススメ。

Inline Footnotes】は、投稿内に注釈をポップアップ表示するプラグイン。
Footnotes(脚注)の名が付いていますが、本文の下部に表示するスタイルではないので、ツールチップ表示に近いです。

こんな場合におススメ

  • 投稿に注釈を表示したい
  • 補足情報や解説を表示しつつ、文章を読みやすく表示したい

プラグインを使ってできること

  • 投稿に注釈をポップアップ表示する
スポンサーリンク

使用イメージ

Inline Footnotes 使用イメージ

インストール

Inline Footnotes インストール

  1. 管理画面から プラグイン > 新規追加 とクリックする
  2. Inline Footnotes“で検索する
  3. “今すぐインストール”をクリック。インストール後、有効化する

または、配布サイトからダウンロードして、インストール。
Inline Footnotes – WordPress プラグイン | WordPress.org

手動でインストールする方法はコチラ

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする […]

WordPressのプラグインをインストールする方法

脚注の表示方法

Inline Footnotes 注釈の表示方法
注釈を入れたい語句の後ろに、下記のようにショートコードを記述します。

ショートコード

注釈を入れたい語句[footnote]ここに注釈の文章を記述[/footnote]

設定

プラグインを有効化すると、管理画面 > 設定 に【Inline Footnotes】が追加されるので、そこから設定を行います。

Inline Footnotes 設定

Background Color 脚注番号の背景色を選択
Text Color 脚注番号のテキストカラーを選択
Text Popup Background Color 脚注の背景色を選択
Text Popup Text Color 脚注のテキストカラーを選択
Show Footnote on Hover マウスオーバー時に脚注を表示するかの選択。
未選択で、脚注番号をクリックで脚注を表示する

動作確認環境

  • バージョン 2.3.0
  • WordPress 5.2.3
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • Inline Footnotes】は、投稿内に注釈をポップアップ表示するプラグイン。
  • 注釈をポップアップ表示することで、文脈を乱すことなく説明文などを表示することができます。
投稿内に注釈を表示する【Inline Footnotes】の使い方
最新情報をチェックしよう!
スポンサーリンク