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

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

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

Inline Footnotes】は、投稿内に注釈(脚注)をポップアップ表示するプラグイン。

注釈をポップアップ表示することで、文脈を乱すことなく説明文などを表示することができます。

こんな場合におススメ

  • 投稿に注釈を表示したい
  • 補足情報や解説を表示しつつ、文章を読みやすく表示したい
プラグインを使ってできること

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

使用イメージ

注釈番号をクリックまたはマウスオーバーで注釈文章がポップアップされます。

Inline Footnotes 使用イメージ

インストール

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

または、配布サイトからダウンロードして、インストール。

Inline Footnotes

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

関連記事

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

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

注釈の表示方法

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

ショートコード

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

Inline Footnotes 使用方法

【Inline Footnotes】の設定

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

    Inline Footnotes 設定

  • STEP2
    項目の設定
    Inline Footnotes 設定

    Background Color注釈(脚注)番号の背景色を選択
    Text Color注釈番号のテキストカラーを選択
    Text Popup Background Color注釈文章の背景色を選択
    Text Popup Text Color注釈文章のテキストカラーを選択
    Show Footnote on Hoverマウスオーバー時に注釈を表示するかの選択
    未選択で、注釈番号をクリックで注釈文章を表示する
  • STEP3
    保存
    項目を設定したら変更を保存します。
スポンサーリンク

動作確認環境

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

まとめ

  • 【Inline Footnotes】は、投稿内に注釈をポップアップ表示するプラグイン。
  • 注釈をポップアップ表示することで、文脈を乱すことなく説明文などを表示することができます。

他に脚注を表示するプラグイン

投稿内に注釈を表示する【Inline Footnotes】の使い方
最新情報をチェックしよう!
スポンサーリンク