ツールチップ実装プラグイン「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.

: RSS/Atomフィードカスタマイズ

RSSフィードのカスタマイズ標準で出力されるフィード WordPressの各種ページで出力されるフィードは以下になると思います。投稿：投稿のフィード　@全てのページサイトのコメント：

: テーマブックマーク 2013

2012 フリーテーマトップ 20 Top 20 Free WordPress Themes of 2012 http://ow.ly/wMGjZ ハイクオリティフリーテーマ 3月 20 Top

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

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

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

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

: 多言語化プラグイン「qTranslate」

ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択管理画面「設定」⇒「Lang

: ウィジェット関連のカスタマイズ・プラグイン

リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。プラグイン Link M

: 条件を付けて訪問時に開くポップアップを実装できる「WordPress Popup」

「WordPress Popup」は、ユーザの訪問時にポップアップを開くように実装できるプラグインです。それぞれ条件によって開くかどうかを設定することができます。ダウンロード / サンプルイン

: Twenty Eleven カスタマイズ

目次 author-info 消す作成者(投稿者)を消す投稿者情報を表示しない proudly powered by wordpressのリンクをコピーライトに変更

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

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

: Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

Comment

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

2016年10月26日 11:01 AM

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

返信

Message コメントをキャンセル

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

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

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