カテゴリー
plugin Synology WordPress

[WordPress] 用語の説明を吹き出しする「Glossary / Tooltip 」プラグインを導入すべきか – △[2020/04/20]

[WordPress] 用語の説明を吹き出しする「Glossary / Tooltip 」プラグインを導入すべきか – △[2020/04/20]

ID7146

はじめに

blog記事の中で、一般的でない用語について説明した方が読者にとっていいはずです。しかし、読みづらくなるのは本末転倒。手頃なプラグインはあるでしょうか?

スポンサーリンク: ID6183593457

WordPressの投稿にGlossaryまたはTooltipsはあった方がいい

説明したい用語について、末尾に説明しておき、投稿内でアンカーを貼るのもいい。しかし、記事を読んでいる途中で用語の意味を知りたくてジャンプしてしまうと読書性が低下する。

それなら、吹き出し式のGlossaryかTooltipsではどうかと考えた。吹き出しなら本文を読みながら、必要な用語の意味を確認が可能であり、今回の目的にマッチする。

スポンサーリンク: ID4219953367

日本語環境で使えるものは?

4つをテストしてみた。WordPress TooltipsとEncyclopediaが、日本語環境でも使えそうです。

  1. CM Tooltip Glossary : 英語と日本語が混じっている場合、その間に空白がないと英単語を抽出できない
  2. Glossary : 同上
  3. WordPress Tooltips : 英語日本語混じりでも、登録した単語を正確にTooltipしてくれる
  4. Encyclopedia : WordPress Tooltipsと同等の機能を持ってる(ドイツ製)。

Text Hover

ワードを登録する形式である。エディタに一括入力する(ex. WP => wordpress)

Text Hover

Tooltip CK

ワードを登録する形式ではない。

Tooltip CK

CM Tooltip Glossary

ワードを登録する形式である

Glossary

Glossary

WordPress Tooltips

ワードを登録する形式である

WordPress Tooltips

Enclyclopedia

ワードを登録する形式である

2020/02/23

結局、Encyclopedia(有料版)を導入することにした。iPhone/iPadを使っていて、Pageにジャンプせず吹き出し表示が可能だったこと、日本語/英語まじり可能なこと、などが決め手になった。

2020/04/20

「amp」を登録すると「Sample」が「Sample」となってしまう。この場合、設定を以下のようにすることで、完全な単語にマッチさせることで回避できる。

Complete words ☑️

スポンサーリンク: ID6183593457

総評

GlossaryやTooltipsのPluginは、最も古いもので11年前のものが確認できた。3~5年のGlossary Pluginは結構ごろごろあり、忘れ去れている感じだ。

最近でもUpdateしていてメンテナンスされているものは、5個程度である。

それでは、なぜ、忘れ去られたものが多数あり、最近のももは少ないのか。全てのGlossary Pluginは、Getenbergエディターには対応していない。旧エディター(Classic)で編集するようになっている。

GlossaryのWordPress上での原理を考えてみた。投稿を保存する前に、その記事からワードを拾い出し、Glossaryに登録してあれば、リンクや吹き出しコードを付加してから、保存される。

スポンサーリンク: ID4219953367

AMP対応

2020/04/20

これらコードは、JavaScriptが用いられているため、ページをAMPに対応して以来、これらのプラグインが正常に動作しなくなりました。

AMPは、基本的にJavaScriptを許さない。その代わりにAMP版のJavaScriptのサブセットが開発されており、AMPに対応するためには、そのルールに従った前処理が必要です。AMP対応、且つ,吹き出しの機能の付加は、ちょっとハードルが高そうです。現在のところAMPに対応している「吹き出し」プラグインはありません。

用語の解説、関連タグ付き投稿の抽出

glossary

Plugin

[Synology] セキュリティ改善法 – Threat Preventionとファイヤーウォールの運用を連携する – [2021/08/01]
[WordPress] 2020年初心者によるWordPressを構築し快適に運用するための必須プラグイン一覧 (2020/03/10現在) – ID10673
[WordPress] キャッシュプラグインの比較 – 「WP Fastest Cache」 vs 「WP-Optimize」- △ID9787 [2020/07/23]
[WordPress] Google Adsense導入 – 必要な手順とセッティング – 広告プラグインを選ぶ – 運用の実際 – ID9539 [2021/01/04]
[WordPress] PhastPress プラグイン Ver.1.33 – Databaseを不適正にいじってしまう(バックアップ教訓)- △ID14393 [2020/1/29]

tooltip

WordPress

[WordPress] 2020年初心者によるWordPressを構築し快適に運用するための必須プラグイン一覧 (2020/03/10現在) – ID10673
[WordPress] Google Adsense導入 – 必要な手順とセッティング – 広告プラグインを選ぶ – 運用の実際 – ID9539 [2021/01/04]
[WordPress] Google AdSense登録の手順 △ID8940 [2020/08/24]
[WordPress] アバターを作る方法 – Gravatar – ID8936 [2020/02/09]
[WordPress] 初期設定でblogサイトに作ってしまったサブディレクトリを外す方法 – Google AdSenseには、サブディレクトリは不要 – △ID8814

プラグイン

[WordPress] プラグイン: GT3 Photo とTooltips は相性が悪い – △[2020/01/21]
[WordPress] Gutenbergエディター対応のプラグイン – 2020/01現在で使用していたプラグイン・リスト – △ID6597 [2020/01/09]
[WordPress] Lazy Loader プラグイン – 画像の読み込み遅延によるサイト・レスポンスの改善- △ID4941
[WordPress] 自宅サーバーのWordPress – プラグインで致命的なエラーにより管理画面(ダッシュボード)に入れなくなった場合の対処法 – △ID4394

吹き出し

自宅

[WordPress] Google AdSense登録の手順 △ID8940 [2020/08/24]
[WordPress] アバターを作る方法 – Gravatar – ID8936 [2020/02/09]
[WordPress] Flex Posts – Widget and Gutenberg Block プラグイン – Gutenberg エディター対応 – ID8804
ブログにおけるプライバシーポリシーが必要となったとき – ID8229
[WordPress] 遅延読込プラグイン比較 – (1)Lazy Loader, (2)Lazy Load, (3)a3 Lazy Load (2020) – △ID8071 [2020/01/27]
スポンサーリンク ID 7130582967

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block