tooltipとは † 
文字にマウスオーバー、あるいはタップするとツールチップを表示することができます。
使用例 †
&tooltip(用語){ここにマウスオーバー時の用語の説明};
用語
用語に&tooltip(バグパイプ){存在するページ名を指定すると、そのページへのリンクが表示される};リンクを表示することもできる。
用語にバグパイプリンクを表示することもできる。
使用時の注意 †
用語の説明に使えるタグ †
原則これらは用語の説明に使えますが、用語には使わないでください。
&br;・・・改行
&color(red){文字};・・・文字色変更
&size(20){文字};・・・文字サイズ変更
&ref(img/画像.png,10%);・・・画像の表示。ただし、ツールチップ内に表示することを考慮し、画像の大きさには気をつけてください。
&ruby(かんじ){漢字};・・・ルビふり
&heart;・・・ハートマーク
🐰や😇など・・・絵文字系
[[ページ名]]・・・内部リンク化
[[文字>ページ名]]・・・内部リンク化
[[文字>https://www.yahoo.co.jp/]]・・・外部リンク化
''文字''・・・太字化
%%文字%%・・・取り消し線
%%%文字%%%・・・下線 (リンクと誤解するから使わないほうがいいです)
用語の説明に使ってはいけないタグ †
用語の説明に使ってはいけないタグは上記以外全てです。
これに加えて、用語には一切のタグ、絵文字を使わないでください。
守っていただけないとツールチップが正常に表示されなくなる可能性があります。
用語に色をつけたい時は †
用語に色をつけたい時は以下のようにtooltip内にcolorオプションをつけてください。カラーの指定は、カラー名称以外に、#ff0といったカラーコード指定も可です。
▼用語に色をつけたい時は…
色をつけた&tooltip(用語,color=red){ここにマウスオーバー時の用語の説明};です。
色をつけた用語です。
また、以下のようにtooltipプラグインをcolorプラグインで括ることはしないでください。
マウスオーバーした時に強制的に改行され、レイアウトが崩れてしまうためです。
▼こういう書き方はダメ
色をつけた&color(red){&tooltip(用語);{ここにマウスオーバー時の用語の説明};};です。
色をつけた用語です。
用語を太字化しないでください †
用語を太字化することを禁止します。以下のように太字化すると、
マウスオーバー時に強制改行され、レイアウト崩れの原因になります。
色をつけた''&tooltip(用語){ここにマウスオーバー時の用語の説明};''です。
色をつけた用語です。
コメントフォームでツールチップを使う場合は… †
コメントフォームでツールチップを使いたい人はまず
SandBox/コメントテスト
で練習してください。
用語登録 †
汎用的に使用する用語登録は、
:config/plugin/tooltip
で登録してください。
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
