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

by Google Ads ID23293
by Google Ads ID24747
by Google Ads ID:11145

Post Views: 18

blogの投稿の中で、一般的でない用語について説明した方がいいはずです。しかし、読みづらくなるのは本末転倒。手頃なプラグインはあるか? さてどうすべき?

1 WordPressの投稿にGlossaryまたはTooltipsはあった方がいい
2 日本語環境で使えるものは?
3 総評
4 AMP対応ではない

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

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

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

by Google Ads ID8603

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

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

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

Text Hover

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

Text Hover

Add hover text to regular text in posts. Handy for providing explanations of names, terms, phrases, abbreviations, and acronyms mentioned in posts/pag …

Scott Reilly

Tooltip CK

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

Tooltip CK

Tooltip CK allows you to put some nice tooltip effects into your content.

Cédric KEIFLIN

CM Tooltip Glossary

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

CM Tooltip Glossary

Easily create a glossary, encyclopedia or dictionary of your terms and show responsive tooltips when users hover over the terms.

CreativeMindsSolutions

Glossary

Improve your UX & SEO with Codeat's Glossary: …

Codeat

by Google Ads ID8603

WordPress Tooltips

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

WordPress Tooltips

Add custom tooltip automatically for post's content/title/tag/excerpt/gallery/menu, easily add image / video / audio / social/link tooltips

Tomas | Docs | FAQ | Premium Support

Enclyclopedia

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

Encyclopedia / Glossary / Wiki

Supercharged tool to build your own awesome Encyclopedi…

Dennis Hoppe

2020/02/23

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

by Google Ads ID19417

2020/04/20

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

Complete words　

by Google Ads ID8603

Synology DS517 by Amazon ID:22173
Synology DS920+ by Amazon ID:22172
オムロン BY50S用パック by Amazon ID:22171
オムロン BY50S by Amazon ID22170
Synology 高機能無線ルーター 800Mbps + 1,733Mbps(11a/b/g/n/ac対応) 高セキュリティ VPN Plus対応 RT2600ac by Amazon ID24327
エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタホワイト LD-GPA/WH5 by Amazon ID24327

総評

by Rakuten ID:15895

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

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

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

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

by Google Ads ID8603

AMP対応ではない

2020/04/20

これらコードは、JavaScriptが用いられているため、ページをAMPに対応して以来、これらのプラグインが正常に動作しなくなりました。AMPは、基本的にJavaScriptを許さない。その代わりにAMP版のJavaScriptのサブセットが開発されており、AMPに対応するためには、そのルールに従った前処理が必要です。AMP対応、且つ，吹き出しの機能の付加は、ちょっとハードルが高そうです。

by Amazon ID13339
by Amazon ID13211

【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式金属製 HPFD796L-128 GJP by Amazon - ID 24751
3Dプリンターダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513
3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511
ABS使用可造形サイズ175×175×175mm オープンフィラメント可オートキャリブレーション機能付きレーザー刻印機能拡張可金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509
zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751