カテゴリー
plugin Synology WordPress

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

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

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 (aka tooltips) to content in posts. Handy for providing explanations of names, terms, phrases, abbreviations, and acronyms.

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 – Better SEO and UEX for your WP site

New 2021 Version! 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: a powerful auto-link engine; customizable styled tooltips, mobile settings, and much more!

Codeat

WordPress Tooltips

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

WordPress Tooltips

Add custom tooltip automatically for post's conten…

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にジャンプせず吹き出し表示が可能だったこと、日本語/英語まじり可能なこと、などが決め手になった。

2020/04/20

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

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

Complete words 

スポンサーリンク
  • 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に登録してあれば、リンクや吹き出しコードを付加してから、保存される。

AMP対応ではない

2020/04/20

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

スポンサーリンク
  • by Amaozn ID13196
  • by Amazon ID19245
スポンサーリンク
  • 【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/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]
[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のセキュリティを強化する方法のリンク
[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 ID:11145
  • by Google Ads ID23293

Update ID21920

BIOLOGICS, equipment-culture
[Bio-Equip] Xuri Cell Expansion System W25 – △ID8624 [2020/02/05]

Post Views: 54 Xuri Cell Expansion System W25 Cytiva社製のロッキング方式の細胞の拡大培養システム Xuri Cell Expansion System W25, GE […]

BIOLOGICS
[Bio-Lab] Empty Column, PD-10 – ID8584

Post Views: 57 目次1 PD-10 Empty Column1.1 用途 PD-10 Empty Column 僕の検討では、タンパク質精製として、カラム条件の検討をする場合に、必ず使います。レジンの充填容 […]

BIOLOGICS
[Bio-Material] Sartobind® Phenyl – ID8626 [2020/02/05]

Post Views: 49 Sartobind Pheny 疎水性クロマト用のメンブラン担体です。レジンを使用するより取り扱いが簡便になり、製造工程がシンプルになります。もちろん、シングルユース仕様です。 Sartob […]

更新された投稿の最新順

スポンサーリンク
by Google Ads ID19417
スポンサーリンク
  • by Amazon ID13211
  • by Amazon ID13339
スポンサーリンク

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

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

plugin, WordPress
[WP-Plugin] WP-OptimizeからW3 Total Cacheに変更 ID19320 [2021/10/25]

Post Views: 1 キャッシュ プラグイン サイト読み込みの高速化にはキャッシュを使用することが1つの方法です。約1年前にW3 Total Cache (W3TC)をテストしたことがあります。当時は、Cache […]

plugin, site setting, WordPress
はりきり(Mr)のプログ・書き方のスタイル – 適当にやっているように見えても最終目的はブレないスタイルはある – ID30216 [2021/05/30]

Post Views: 51 目次1 はりきり(Mr)のブログ・メンテナンス・スタイル2 編集履歴 はりきり(Mr)のブログ・メンテナンス・スタイル 適当です。毎日、決まった時間に発信することはありません。ボリュームもま […]

plugin, WordPress
[WordPress] [link] 記事表示のカスタマイズ – パンクズリストを表示させる – ID30029 – [2021/05/19]

Post Views: 31 パンクズリスト パンクズリストは、サイトで移動した履歴です。表現形態は、フォルダーのパスのようなものです。 パングスリストをサイトに表示させる方法が、「kinsta」に解説されています。方法 […]

スポンサーリンク
by Google Ads ID19417
plugin, site setting, WordPress
Plugin Maintenance – AMPサイトでのプラグインの運用評価を記録 – ID28378 [2021/04/04]

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

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

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

最新記事(WordPress, ID:14681)

plugin, WordPress
[WP-Plugin] WP-OptimizeからW3 Total Cacheに変更 ID19320 [2021/10/25]

Post Views: 1 キャッシュ プラグイン サイト読み込みの高速化にはキャッシュを使用することが1つの方法です。約1年前にW3 Total Cache (W3TC)をテストしたことがあります。当時は、Cache […]

Synology, WordPress
[Synology] Let’s Encription 証明書をインポートし設定が失敗し、遠隔ログインができなくなった場合の対処法 [2021/10/18]

Post Views: 2 ID32737 目次1 はじめに2 証明書のImportに失敗3 証明書なしで接続する4 最後の手段5 Fire Fox6 その他の接続方法7 編集履歴 はじめに Synology NASでは […]

site setting, Synology, WordPress
[Synology] RT2600ac – FAQ – アクセスログが残っていない – ID30977 [2021/08/12]

Post Views: 19 RT2600ac管理FAQ アクセス・ログが残っていない 考えられる理由は以下の通り ログの保管場所が設定されていない 外部メモリ(SDカード、USBメモリ)を変更した 編集履歴 2021/ […]

plugin, site setting, WordPress
はりきり(Mr)のプログ・書き方のスタイル – 適当にやっているように見えても最終目的はブレないスタイルはある – ID30216 [2021/05/30]

Post Views: 51 目次1 はりきり(Mr)のブログ・メンテナンス・スタイル2 編集履歴 はりきり(Mr)のブログ・メンテナンス・スタイル 適当です。毎日、決まった時間に発信することはありません。ボリュームもま […]

plugin, WordPress
[WordPress] [link] 記事表示のカスタマイズ – パンクズリストを表示させる – ID30029 – [2021/05/19]

Post Views: 31 パンクズリスト パンクズリストは、サイトで移動した履歴です。表現形態は、フォルダーのパスのようなものです。 パングスリストをサイトに表示させる方法が、「kinsta」に解説されています。方法 […]

スポンサーリンク
by Google Ads ID19417
WordPress
[WP] Ultimate MemberをSimple WP Membershipに変更 – ID29745 [2021/05/13]

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

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

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

最新記事(Synology, ID:14676)

Synology, WordPress
[Synology] Let’s Encription 証明書をインポートし設定が失敗し、遠隔ログインができなくなった場合の対処法 [2021/10/18]

Post Views: 2 ID32737 目次1 はじめに2 証明書のImportに失敗3 証明書なしで接続する4 最後の手段5 Fire Fox6 その他の接続方法7 編集履歴 はじめに Synology NASでは […]

site setting, Synology, WordPress
[Synology] RT2600ac – FAQ – アクセスログが残っていない – ID30977 [2021/08/12]

Post Views: 19 RT2600ac管理FAQ アクセス・ログが残っていない 考えられる理由は以下の通り ログの保管場所が設定されていない 外部メモリ(SDカード、USBメモリ)を変更した 編集履歴 2021/ […]

security, Synology, WordPress
[Synology] セキュリティ改善法 – Threat Preventionとファイヤーウォールの運用を連携する – ID28980 △[2021/08/01]

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

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

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

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

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

スポンサーリンク
by Google Ads ID19417
app, Synology
[Synology] 写真の管理 / Photo Station & Moments はDSM 6用 – ID26326 [2021/08/01]

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

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

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

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

AAV, BIOLOGICS, education
[rAAV-Material] AAVpro® Helper Free System – △ID9843 [2020/02/19]

Post Views: 47 ヘルパーウイルスを使用せずに、安全に血清型1、2、5、6のアデノ随伴ウイルスベクター(AAV1、AAV2、AAV5、AAV6ベクター)を作製 独自のAAVベクター抽出法で効率的かつ簡便な操作 […]

plugin, Synology, WordPress
[WordPress] 自宅NASに設置のWordPressのプラグイン更新を出先から行う場合に、毎回出てくるパスワード入力を省略する設定 – ID89

Post Views: 53 目次1 出先から自宅NASWordPressのプラグインを更新2 wp-config.phpの編集 出先から自宅NASWordPressのプラグインを更新 自宅に設置したDS918+にW […]

スポンサーリンク
by Google Ads ID19417
LIFE
[Life] BABYMETALファンでバードウォッチャーのブログ・サイトの紹介 – ID3317 [2019/11/17]

Post Views: 48 河童のひとりごと: https://moon.ap.teacup.com/kappa3/ 上のアイキャッチの鳥が、ムギマキ。下の写真は、ウミウとミヤコドリとのことでした。河童さんありがとう。

スポンサーリンク

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