WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます
※本サイトはプロモーションが含まれています

Essential AddonsのTooltip(ツールチップ)の使い方

Essential AddonsのTooltip(ツールチップ)の使い方

WordPressのElementor(エレメンター)プラグインのアドオンの「Essential Addons for Elementor」のTooltipウィジェットの紹介です。

Tooltip(ツールチップ)ウィジェットの使い方

ウィジェットの設定画面

Tooltipとは?実際に確認しましょう。

下記のアイコン等にマウスのカーソルを載せてください。

アイコンだけでなく、テキスト(文字)、画像やイラスト、ショートコード(事前に登録したテンプレート)の呼び出しの4つで利用できます。

表示されるテキストは、普通のエディタですので、リンクを張ったり、画像や動画等色々入れることができます。

表示される位置も、上下左右で設定可能です。

アイコンバージョン

こんにちは!皆さん(^o^)

テキストバージョン

テキストをクリックしてみてね

下に表示させてみたよ!
画像も入れられます

画像バージョン(画像の上にカーソルを)

動画も入れられます

ショートコードを使えば、更に色々なものでTooltipが使えますよ

Tooltip(ツールチップ)の設定方法

「コンテンツ」部分の設定

カーソルを乗せると表示される文字の修正はこちら

アイコンとテキストの色はここで設定します。

テキストと記載されていますが、アイコンもテキスト扱いのため、こちらで設定します。

 

マウスカーソルが乗った際に色が切り替わる設定は、「Hover」のテキストカラーで設定します。

 

Tooltip(ツールチップ)の文字の表示サイズの変更

アイコンや背景の色や文字の大きさ等は、「スタイル」で設定します。

テキストの表示される位置の変更と表示スピードの設定

 

WordPressのElementor(エレメンター)プラグインのアドオンの「Essential Addons for Elementor」のTooltipウィジェットの紹介でした。

 集客&新規ビジネスに!はっちゃんの新サービス

WordPressで会員動画サイトが作れる!

\動画コンテンツで新しい収益を!/

オンライン講座機能付き
WordPressテンプレート新発売

多言語化によるお悩みを解決します

\導入費用のみ!月額費用は不要/

管理画面からカンタン更新!
AI翻訳+人力翻訳の使い分けも可能

 開催中のWordPress講座・セミナー

 WordPress・サイト運営のお悩みを解決します

女性講師によるマンツーマンレッスン開催中!
・オンラインレッスンだから全国どこでも参加可能
・2011年から150回を超える研修実績あり
・受講後も安心!メールサポート付き
・受講中の録画動画をお渡しします

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

新着情報

  新サービス開始しました

WordPressで会員動画サイトが作れる!
オンライン講座機能付きWordPressテンプレート新発売!→詳しくはこちら

多言語化によるお悩みを解決します!
管理画面からカンタン更新!AI翻訳+人力翻訳の使い分けも可能→詳しくはこちら

  ピックアップ講座

最新のAIコンテンツ生成とSEO対策が
6時間しっかり学べるコンテンツマーケティング講座(オンライン開催)→詳しくはこちら

 

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP