Elementor アイコンアイコンアイコン

最近断捨離にはまってるえれくりです。?

さて今回はアイコンウィジェットの紹介。こちらもボタンウィジェット同様によく使われるかと思います。

ではいってみましょう。?

はじめに

左パネルのアイコンウィジェットを「新しいセクションに追加」へドラッグ&ドロップ。

アイコンの表示方法が3種類(デフォルト、積み重ね、フレームあり)あります。

表示の「積み重ね」と「フレームあり」については形状を四角を選択できます。

アイコンの種類についてはこちらの記事をご覧ください。

WordPressのメニューへWebアイコンフォントFont Awesomeを表示

DEMO

アイコンマウスオーバー

左パネルのスタイルエリアからアイコンマウスオーバーより変更できます。

メインカラー:アイコン背景のこと

サブカラー:アイコン部分のこと

ホバー時のアニメーションについてはこちらの記事をご覧ください。

ホバーなのかマウスオーバーなのか文言を統一してほしいですね。。

Elementor ボタンにホバーエフェクト

DEMO

Elementorカテゴリ

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.