ツールチップ実装プラグイン「WordPress Tooltip」

「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めですが、WordPressにロードしているjQueryライブラリのバージョンがTipTipに対応していれば動くようです。

実装方法

インストール・有効化すれば、あとはショートコードを使用して投稿に挿入できます。
ショートコードの書き方

[tooltip content="ツールチップの内容" url="リンクを付与する場合はURL"]
テキスト
[/tooltip]

オプション

/wp-content/plugins/wp-tooltip/js/wp-tooltip.js内でオプションを設定できます。
オプションはTipTipのページを参照して下さい。
デフォルトでは、keepAlive: trueとなっていますが、デモページではfalseにしました。これでカーソルがテキストから外れるとツールチップはフェイドアウトするようになります。

jQuery(function() {
    jQuery('.wp-tooltip').tipTip({
        keepAlive: false
    });
});

他プラグイン
Easy Tooltip
Simple Tooltips：title属性をツールチップ化、メニューのセレクタを指定し、ツールチップを表示してくれる。

WordPress Plugins » Tag: Tooltips - Recent Posts

An error occurred while parsing your RSS feed. Check that it's a valid XML file.

: 「固定ページ」ウィジェットカスタマイズ

「固定ページ」ウィジェットは、そのままではありますが、固定ページの一覧をウィジェットに表示してくれます。カスタマイズは、管理画面よりいくつかできるようです。目次特定の(固定)ページ

: Twenty Fourteen "コメントをどうぞ"の非表示と変更方法

Twenty Fourteenでは、デフォルトで投稿ページと各アーカイブページの各投稿のメタ情報欄に「コメントをどうぞ」というコメントフォームへのリンクが設置されます。それぞれ、コメントが0件の場

: ログイン画面・機能をカスタマイズ

CSSを変更してスタイル変更ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.

: Twenty Fourteen クレジットを非表示・変更方法

Twenty Fourteenにも最下部に「Proudly powered by WordPress」というコピーライトが表示されます。それを削除もしくは変更するには、footer.phpを編集して行

: スライダー・ギャラリープラグイン

WordPressにギャラリーが実装できるプラグインをまとめてみました。順番はオススメ順です。 Simple Responsive Slider #ショートコード　#テンプレート #ウ

: 「最近のコメント」ウィジェットをカスタマイズ

「最近のコメント」ウィジェットは、サイトに投稿されたコメントを新しい日付順に表示してくれます。件数も「ウィジェット」ページで設定できます。(管理画面の「外観」→「ウィジェット」) (削除

: Twenty Twelve "コメントをどうぞ"を消す

今回は「Twenty Twelve」で標準で投稿タイトル下に出力されるリンク"コメントをどうぞ"｜"Leave a reply"を非表示にする方法を。(コメントやピンバックが1件の場合は"1件のフィー

: テーブル実装プラグイン「TablePress」 + レスポンシブ対応

「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロードデモ (PCの場合はブラウザの幅狭めてみたり

: コメントフォーム・リストのカスタマイズ

コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ

: パーマリンク・スラッグなどURL カスタマイズ

管理画面からの設定管理画面の「設定」→「パーマリンク設定」で以下の設定が可能です。共通設定色々なタグの組み合わせで、URLをカスタマイズできます。パーマリンク設定の画面に利用可

Comment

WordPress – ツールチップ実装プラグイン「WordPress Tooltip」 – zatta org より:

2016年10月26日 11:01 AM

[…] 情報源: WordPress – ツールチップ実装プラグイン「WordPress Tooltip」 […]

返信

Message コメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

PREV: テーブル実装プラグイン「TablePress」 + レスポンシブ対応
NEXT: Firefoxアドオンにマルウェア(アドウェア)Superfish搭載開始～

ツールチップ実装プラグイン「WordPress Tooltip」