有名な用語集プラグインの無料版「CM Tooltip Glossary」だと、標準の投稿や固定ページには用語ハイライトに対応しているのですが、ACFで登録したカスタムフィールドには対応されていません。有料版の「CM Tooltip Glossary Pro+」を購入するとACFにも対応することができます。
Agenda
用語ハイライトのイメージ
以下は、「昇華印刷」という用語と説明文を登録したため、該当キーワードにマウスを重ねると、説明が表示されます。
なお、キーワードの前後には空白のスペースを入れることで、用語ハイライトとして認識されるようになります。
実際の動作イメージはこちらを参照（「スペック」という箇所に用語ハイライトがあります） → MassdropでALTキーボード購入 - コトコト
ACFのカスタムフィールドへの対応
有料版の「CM Tooltip Glossary Pro+」を購入したあと、該当プラグインの「Settings」メニュー > 「General Settings」タブより、以下の設定を行います。
- Highlight terms in ACF fields? → チェック入れる
- Types of fields to highlight → チェック入れる
ハマりポイント１
「Types of fields to remove the WP functions:」は、チェックを入れると、改行が自動削除されます。意図しない挙動を防ぐため、チェックを外したほうがよいでしょう。
ハマりポイント２
ACFのカスタムフィールドに、ショートコードの文字だけを入力しているような場合（たとえば[Instagram]だけ入力）、CM Tooltip Glossaryプラグインの上記設定と競合してうまく表示されませんでした。
なんでもよいため、カスタムフィールドには冒頭に文字が入力されている必要があります。
カスタム投稿タイプへの対応
カスタム投稿タイプかつACFのカスタムフィールドを利用していますが、そのままの設定で動作しました。特に意識する必要はないようです。
関連キーワードを非表示にする
記事の下部に、以下のような形で「Related Terms:」という関連するキーワードが自動的に表示されてしまいます。
「Settings」メニュー > 「Glossary Terms」タブより、以下の設定で非表示にできます。
- Show linked glossary terms list under post/page? → チェック外す
補足
記事の中身をいろいろと変えてしまうようなので、設定は一通り、ご覧になることをオススメします。