Elementorで設定可能なアイコンを一覧表示してみました。

2019年8月2日

これでアイコンが探しやすくなった!

Elementor環境でアイコンを設定する場面では、例えば「アイコンボックス」などのウジェット等で使用されますが、その際、どのアイコンを選ぶかが悩みの種となっています。

要するに、アイコンの絵柄とアイコンの名称(英字名)が、ぱっと頭に浮かばないからです。困ったあげく筆者はElementorで使用できるアイコンの一覧表ページを作成することにしました。

そのアイコン一覧は、10ページに渡って存在しますが、そのトップページはアイコン名称が「a」で始まるアイコンを絵柄で一覧表示したページとなっています。

以下で紹介する該当のページのフッター上に、左図のようなメニューを設定して、利用者に閲覧し易くしてあります。

そして10ページのアイコン一覧表間のページ遷移用操作ボタンとして、ページ最下段に「次へ」と「前へ」の画面遷移ボタンが設置してあります。

但し、トップページのアイコン(a)ページの最初のアイコンは、筆者が良く使う user-circle でアイコン名が(a)ではなく(u)で始まるアイコンとなっていることが唯一の例外と思って下さい。

画面遷移ボタン「次へ」は、文字通り、今、見ているページが例えばアイコン(a)ならば、次ページはアイコン(b)のページに遷移します。

同様に、画面遷移ボタン「前へ」は、今、見ているページが例えばアイコン(a)ならば、前のページはアイコン(wーy)のページに遷移します。

感の良い読者は既にお分かりのことと思いますが、10ページのアイコン一覧表の間を正順に閲覧するか、あるいは逆順に閲覧するかの画面遷移専用ボタンとなっています。