【WordPress】ホバーで表示。ツールチッププラグインTipso

tipso_s
Tipsoはホバーするとツールチップを表示してくれるプラグインです。設定ではフェードスピードや背景色、位置なども簡単に設定できます。

Tipsoプラグイン導入

ダッシュボード >> プラグイン >> 新規追加 >> Tipsoを検索
有効化にすると設定にTipso Settingsが追加されます。

設定

tipso_1

Speed フェード効果の持続時間
Background ツールチップの背景色
Color ツールチップのテキストの色
Position ツールチップの位置
Width ツールチップの幅
Delay ツールチップを表示する前に遅延

tipso_3
投稿・固定ページの画面でビジュアルにすると上記画像のようにボタンが追加されているのでクリックします。

tipso_4
Tipso Tooltip Titleにボバーするテキスト、Tipso Tooltip Contentにツールチップに表示するテキストを入力します。

ショートコード

[tipso tip=”Tooltip content“]Hover me[/tipso]
[tipso][/tipso]ホバーするテキストを囲み、tip=””にツールチップに表示するテキストが入ります。

tipso_2

完成です。

 
wordpress

【WordPress】ホバーで表示。ツールチッププラグインTipso

  • LATEST
  • RELATED
  • POPULAR