インタラクティブなリンク

ElementsKit インタラクティブ リンク ウィジェットを使用すると、ユーザーは 1 回のクリックでさまざまなセクションや機能に簡単にアクセスできます。これは、コンテンツに視覚的な興味とインタラクティブ性を追加するミニ ナビゲーション メニューのようなものです。

ウィジェットの使い方を見てみましょう。

ElementsKit Interactive Links ウィジェットの使い方は? #

ウィジェットを使用するには、ElementsKit Pro にアップグレードする必要があります。

その後、 WordPress ダッシュボードから > ElementsKit を見つける > ウィジェットに移動 > インタラクティブ リンク > ウィジェットをオンにして、変更を保存をクリックします。

インタラクティブリンクのカスタマイズ #

次に、サークル メニューを使用するページまたは投稿を開く必要があります。

  • 新しい投稿や古い投稿から始めて、 Elementorで編集する
  • を見つける ElementsKit インタラクティブリンク ウィジェット
  • ウィジェットをドラッグアンドドロップします

コンテンツ部分 #

  • スタイルを選択してください: ここでは、背景と前景の 2 つのオプションがあります。
  • 効果を選択: フェード、スライダー、ズームイン、ズームアウト、回転、ぼかしなど、さまざまな効果があります。
  • リスト項目: 必要に応じてアイテムを追加します。ここでは、タイトル、サブタイトル、リンク、画像を追加したり、前景を選択した場合は方向を選択したり、画像のオフセットを調整したりするオプションも利用できます。

スタイル #

  • ラッパー: ここから、ラッパーの高さを制御できます。
  • アイテム: コンテンツの両端揃え、アイテムの配置、テキストの配置、間隔と幅、境界線、パディング、余白のオプションの制御、ホバーアニメーションの選択が可能になります。
  • 画像: このオプションを使用すると、画像の解像度、幅、高さを調整できます。
  • タイトル: タイトルテキストの色、書体、ホバーおよびアクティブカラーを変更するには、このオプションを使用します。
  • サブタイトル: ここでは、タイトルテキストの色、書体、ホバーおよびアクティブカラーを変更できます。

最終出力 #

どうぞ!ウィジェットをどのようにカスタマイズしたかを確認してください👇

これです! ウィジェットは便利で、短時間で素晴らしい出力が得られます。

あなたの気持ちは何ですか
2024年3月14日に更新