ツールチップ実装プラグイン「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 Twelve 1.3での変更点

Twenty Twelve 1.3 での変更点 アバターサイズの設定ロジック変更 ヘッダ画像の設定ロジック変更 全ての変更点はこちら Changes from twentytwel

no image

「最近の投稿」ウィジェット カスタマイズ

目次 ウィジェットを削除 標準の設定 特定のカテゴリーに属する投稿を除外 カスタマイズ プラグイン 「最近の投稿」ウィジェットを削除 「最近の投稿」ウィジェット

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

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

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

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

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

no image

「編集(Edit)」リンクの非表示方法

ログインした状態で投稿ページを開くと投稿内や各コメントに各編集ページへリンクしてくれる「編集」リンクが表示されます。(繰り返し言いますが、自サイトにログインしているユーザにしか見えません。) こ

Twenty Twelve "Open Sans"の使用を止

「Twenty Twelve」では、"スペシャルフォント"ということで「Open sans」を特別にロードしているようです。今のところ使うつもりがないのでリンクしないようにしました(必要になれば戻せば

head内に出力される要素を整理

Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急

ie.cssの子テーマ化など Twenty Twelve 1.1での変更点

TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"

Twenty Ten カスタマイズ

Twenty Tenのカスタマイズについてのまとめです。 目次 コンテンツナビゲーション 非表示 「投稿日」を非表示 「作成者(投稿者)」を非表示 "コメントをどうぞ"("leave a

Comment

WordPress – ツールチップ実装プラグイン「WordPress Tooltip」 – zatta org へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

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

    PAGE TOP ↑