カテゴリー
plugin Synology WordPress

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

[WordPress] 用語の説明を吹き出しする「Glossary / Tooltip 」プラグインを導入すべきか – ID7146 [2020/04/20]
スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID24747
  • by Google Ads ID:11145

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

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

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

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

スポンサーリンク
by Google Ads ID8603

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

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

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

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
スポンサーリンク

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

glossary

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

Plugin

[Synology] Threat Preventionとファイヤーフォールの連携 – ID28980 [2021/03/22]
[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]
[WordPress] Autoptimize プラグインの威力 – ブログ・サイトのスピード改善対策プラグイン – 更にAMP対応まで進めた結果 – ID7804 [2020/05/15]

tooltip

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

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] Flex Posts – Widget and Gutenberg Block プラグイン – Gutenberg エディター対応 – ID8804

プラグイン

[WordPress] GT3 Photo プラグインとTooltips プラグインは相性が悪い – ID7721
[WordPress] 用語の説明を吹き出しする「Glossary / Tooltip 」プラグインを導入すべきか – ID7146 [2020/04/20]
[WordPress] Gutenbergエディター対応のプラグイン – 2020/01現在で使用していたプラグイン・リスト – ID6597 [2020/01/09]
[WordPress] Lazy Loader プラグイン – 画像の読み込み遅延によるサイト・レスポンスの改善- ID4941
[WordPress] 自宅サーバーのWordPress – プラグインで致命的なエラーにより管理画面(ダッシュボード)に入れなくなった場合の対処法 – ID4394
[WordPress] Easy Table of Contents – プラグインの導入 – ID3992 [2019/12/08]

吹き出し

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

自宅

[WordPress] Google AdSense登録の手順 ID8940 [2020/08/24]
[WordPress] アバターを作る方法 – Gravatar – ID8936 [2020/02/09]
Synology NASのセキュリティを強化する方法のリンク – ID8870
[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]
スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID24747
スポンサーリンク
by Google Ads ID8603

Update ID21920

WordPress
[WP] UMをSimple WP Membershipに変更 – ID29745 [2021/05/13]

Post Views: 0 目次1 はじめに2 編集履歴 はじめに WordPressサイトでメンバーシップ機能を実現するプラグインの話です。Ultimate Member (UM) プラグインについては、当サイトをいず […]

AAV, BIOLOGICS, drug
[遺伝子治療薬] ZOLGENSMA – AveXis-Novartis社が開発した筋萎縮性側索硬化症 (SMA)治療薬 – UM-ID23165 [2020/07/27]

Post Views: 115 目次1 筋萎縮性側索硬化症2 ZOLGENESMA2.1 薬価収載3 詳細 筋萎縮性側索硬化症 筋萎縮性側索硬化症(Spinal Muscular Atrophy (SMA))は、10万人 […]

KNOWLEDGE
[Kw] Soft Bankの2020年度の最終利益が4.99兆円と発表 – 今、昔を思うこと – ID29721 [2021/05/12]

Post Views: 0 Soft Bankで思うこと もう35年も前のことです。Soft Bankは書籍を出していました。シャープが開発したApple Computerを目指す意欲的なPC、X68000です。Soft […]

スポンサーリンク
by Google Ads ID19417

更新された投稿の最新順

スポンサーリンク
  • by Amaozn ID13196
  • by Amazon ID19245
スポンサーリンク

スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID24747
  • by Google Ads ID23293
スポンサーリンク
by Google Ads ID8603

最新記事(WPプラグイン,ID:14818)

plugin, site setting, WordPress
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]

Post Views: 16 All in One SEOプラグイン (2021/03/13) メタディスクリプション記述のみに使用していたが、このプラグインから依存を完全になくすために、まずは、その記述内容を抜き出し、 […]

スポンサーリンク
by Google Ads ID19417
adsense, plugin, WordPress
[WordPress] CLS; Cumulative Layout Shift – 2021/03からGoogle検索評価のスコアに加わる – ID26235 [2020/12/23]

Post Views: 27 目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 編集履歴5 関連記事 はじめに 当サイトを立ち上げた頃には、もっぱらplug […]

plugin, WordPress
[WordPress] Widget Logic プラグイン – ID26082 [2020/12/17]

Post Views: 27 目次1 Widget Logicプラグイン2 条件の例 Widget Logicプラグイン 2020/12現在、updateがされておらず、WordPress の最新Version ではテス […]

Page: 1 2 19
スポンサーリンク

スポンサーリンク
  • by Google Ads ID24747
  • by Google Ads ID:11145
  • by Google Ads ID23293
スポンサーリンク
by Google Ads ID8603

最新記事(WordPress, ID:14681)

WordPress
[WP] UMをSimple WP Membershipに変更 – ID29745 [2021/05/13]

Post Views: 0 目次1 はじめに2 編集履歴 はじめに WordPressサイトでメンバーシップ機能を実現するプラグインの話です。Ultimate Member (UM) プラグインについては、当サイトをいず […]

security, Synology, WordPress
[Synology] Threat Preventionとファイヤーフォールの連携 – ID28980 [2021/03/22]

Post Views: 2 目次1 はじめに2 ルーチンワークの概要3 ルーチンワークの詳細3.1 Threat Preventionの操作3.2 ネットワークセンターの操作4 まとめ5 Alert5.1 ET POLI […]

plugin, site setting, WordPress
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]

Post Views: 16 All in One SEOプラグイン (2021/03/13) メタディスクリプション記述のみに使用していたが、このプラグインから依存を完全になくすために、まずは、その記述内容を抜き出し、 […]

site setting, WordPress
[Synology] DS920+のblog server – 15時間のアクセス普通について、今回の原因とは、そしてその対応 – ID27934 [2021/02/22]

Post Views: 28 目次1 はじめに2 対応した作業3 編集履歴 はじめに なぜか、RT2600acのポート転送にWeb Serverへの設定が消えていたことで、HARIKIRI-INSIGHTのBlogへのア […]

スポンサーリンク
by Google Ads ID19417
adsense, plugin, WordPress
[WordPress] CLS; Cumulative Layout Shift – 2021/03からGoogle検索評価のスコアに加わる – ID26235 [2020/12/23]

Post Views: 27 目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 編集履歴5 関連記事 はじめに 当サイトを立ち上げた頃には、もっぱらplug […]

Page: 1 2 23
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID24747
  • by Google Ads ID:11145
スポンサーリンク
by Google Ads ID8603

最新記事(Synology, ID:14676)

security, Synology, WordPress
[Synology] Threat Preventionとファイヤーフォールの連携 – ID28980 [2021/03/22]

Post Views: 2 目次1 はじめに2 ルーチンワークの概要3 ルーチンワークの詳細3.1 Threat Preventionの操作3.2 ネットワークセンターの操作4 まとめ5 Alert5.1 ET POLI […]

network, Synology
[Synology] DS918+/DS920+の2つのネットワークインターフェースを一つに束ねると通信速度を早くできるらしい – でも、Windowsとのファイル転送(SMB)で遅くなったのはなぜ? – ID29535 [2021/05/01]

Post Views: 4 目次0.1 はじめに0.1.1 Bondの作成0.1.2 SMBによる転送速度が遅くなった!?1 解決1.1 まとめと今後1.2 編集履歴 はじめに Bondの作成 DS918+/DS920+ […]

folder, Synology
[WP] ブログにおけるメタディスクリプションの意義と設定方法 – ID28775 [2021/03/14]

Post Views: 19 目次1 はじめに2 メタディスクリプションの機能3 メタディスクリプションの設定4 お勧めのプラグイン5 編集履歴 はじめに メタディスクリプションは、検索エンジンで表示されるページの1つの […]

Raid, re-install, security, Synology
[Synology] 写真の管理 / Photo Station & Moments – ID26326 [2020/12/31]

Post Views: 29 目次1 はじめに1.1 必要なもの2 補完的に活用する3 バックアップ4 Windows10のiCloudフォトからバックアップを取る5 MomentsからPhoto Stationのフォル […]

スポンサーリンク
by Google Ads ID19417
plugin, Synology, WordPress
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]

Post Views: 20 目次1 はじめに2 ページのAMP化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ […]

Synology
[Synology] 以前からeo光(1Gコース)なのに速度が遅く感じられていた(100Mbps) – 6A型(CAT6)のネットケーブルで改善 (300 ~ 500Mpbs) – ID24316 [2021/03/30]

Post Views: 22 目次1 eo光の速度の測定2 コースごとの測定3 ケーブル交換前の速度4 ケーブル交換後の速度5 その他のコースで測定6 使用したケーブル7 回線テスト eo光の速度の測定 もう数年以来、ネ […]

Page: 1 2 21
スポンサーリンク

スポンサーリンク
  • by Google Ads ID24747
  • by Google Ads ID:11145
  • by Google Ads ID23293
スポンサーリンク
by Google Ads ID8603

その他記事(ALL-RANDOM, ID:16786)

AAV, BIOLOGICS, purification
[Data Link] rAAV vectorの沈殿法を使った精製方法に関する文献のリンク – ID745

Post Views: 27 文献情報のみ A simplified purification method for AAV variant by polyethylene glycol aqueous two-phas […]

スポンサーリンク
by Google Ads ID19417
AAV, BIOLOGICS, purification, resin
[rAAV-Edu] POROS CaptureSelect (AAV精製 resin) の性能とAEXによるfull/emptyの分離 – ID2271 [2019/09/18]

Post Views: 16 目次1 AAVX Resinの特徴2 参考文献 AAVX Resinの特徴 複数の血清型AAVを吸着 POROSが有するAAVをキャプチャーする製品は、CaptureSelect(TM)とい […]

KNOWLEDGE
[Knowledge] 産業用インクジェットプリンターに関わる労働安全衛生法の改定 – 規則の遵守とリスクアセスメントの実施 – ID14136 [2020/10/21]

Post Views: 21 目次1 インクジェットプリンターに関わる法令2 有機則2.1 有機溶剤中毒予防規則(有規則)への対応2.2 リスクアセスメントの実施2.3 リスクアセスメントの実施手順の概要3 参考文献 イ […]

スポンサーリンク

スポンサーリンク
by Google Ads ID:11143(2)

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