tooltipとは

文字にマウスオーバー、あるいはタップするとツールチップを表示することができます。

使用例

&tooltip(用語){ここにマウスオーバー時の用語の説明};

用語

用語に&tooltip(SR/メイド アイカ){存在するページ名を指定すると、そのページへのリンクが表示される};リンクを表示することもできる。

用語にSR/メイド アイカリンクを表示することもできる。

使用時の注意

用語の説明に使えるタグ

原則これらは用語の説明に使えますが、用語には使わないでください。

&br;・・・改行
&color(red){文字};・・・文字色変更
&size(20){文字};・・・文字サイズ変更
&ruby(かんじ){漢字};・・・ルビふり
&heart;・・・ハートマーク
🐰や😇など・・・絵文字系
[[ページ名]]・・・内部リンク化
[[文字>ページ名]]・・・内部リンク化
[[文字>https://www.yahoo.co.jp/]]・・・外部リンク化
''文字''・・・太字化
%%文字%%・・・取り消し線
%%%文字%%%・・・下線 (リンクと誤解するから使わないほうがいいです)

不具合

プラグイン自体の仕様としては、画像も表示できるはずですが残念なことに表示されません。

追記:この問題についてwikiru.jp運営様に問い合わせました。

wikiru.jpでは、転送量の負荷を軽減するため、
Lazy Load(画像遅延読み込み)を導入しております。
これは、画像が見える位置まで画面スクロールした時に
はじめて画像ファイルを読み込むといったシステムでして、
このシステムがtooltipプラグインに干渉し、
画像が表示されないという問題が発生しておりました。

とのことで天下布魔攻略 Wikiではtooltipプラグインと干渉しているLazy Loadを無効にしてもらったため
現在は正常に表示されるようになっています。


&tooltip(素顔){&attachref(R/カボチャの妖精 パナナ/カボチャの妖精 パナナ2.png,nolink,110x110,パナナの素顔);};

素顔

用語の説明に使ってはいけないタグ

用語の説明に使ってはいけないタグは上記以外全てです。
これに加えて、用語には一切のタグ、絵文字を使わないでください。
守っていただけないとツールチップが正常に表示されなくなる可能性があります。

用語に色をつけたい時は

用語に色をつけたい時は以下のようにtooltip内にcolorオプションをつけてください。カラーの指定は、カラー名称以外に、#ff0といったカラーコード指定も可です。

▼用語に色をつけたい時は…

色をつけた&tooltip(用語,color=red){ここにマウスオーバー時の用語の説明};です。

色をつけた用語です。

また、以下のようにtooltipプラグインをcolorプラグインで括ることはしないでください。
マウスオーバーした時に強制的に改行され、レイアウトが崩れてしまうためです。

▼こういう書き方はダメ

色をつけた&color(red){&tooltip(用語);{ここにマウスオーバー時の用語の説明};};です。

色をつけた用語です。

用語を太字化しないでください

用語を太字化することを禁止します。以下のように太字化すると、
マウスオーバー時に強制改行され、レイアウト崩れの原因になります。

色をつけた''&tooltip(用語){ここにマウスオーバー時の用語の説明};''です。

色をつけた用語です。

用語登録

汎用的に使用する用語登録は、
:config/plugin/tooltip
で登録してください。



トップ   編集 凍結解除 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2022-06-01 (水) 19:03:18