![Diverの入力補助で使える「アイコン」が使いにくいので徹底的に研究してみた結果](https://kikkakeswitch.com/wp-content/uploads/2023/08/diver-template-icon-1.png)
ワードプレスのテーマ「Diver(ダイバー)」では、入力補助でアイコンを挿入することができます。
文字だらけで読みにくくお硬くなってしまう記事も。
アイコンを挟むことで一呼吸置ける。
記事の装飾にも役立ち読み進めやすくなる効果もあります。
入力補助のアイコンの機能は素晴らしいのですが、なにせこれが使いにくい!!
使いにくいから結局使わずにいたのですが、Diver(ダイバー)への知識を深めようと思いアイコンを徹底的に研究してみました。
アイコンの意味を知れば使いどころも分かるので一気にアイコンを確認したいと思ったらのぞいてみてください。
![](https://kikkakeswitch.com/wp-content/uploads/2020/02/e9948fdc9c0125c55c3b89478f564e65-e1687842198516.png)
目次
Diver(ダイバー)のアイコンはFont Awesomeを使っている
Diver(ダイバー)には入力補助に「アイコン」っという機能がありますがFont Awesemeのアイコンを使っています。
WordPressでは「プラグイン-Font Awesome」をインストールすれば誰でも使う事ができますが、DIVER(ダイバー)はプラグインをインストールせずにデフォルトで使う事ができる仕様です。
なので、DIVER限定の機能ではないですが、ワードプレスにインストールするプラグインの数を減らしサイトの軽量化。
またプラグインにアクセスすることなく入力補助から挿入できるので挿入も簡単です。
Diver(ダイバー)のアイコンが使いにくい件
- 挿入画面が小さくてアイコンが見つけにくい
- 挿入しずらい箇所がある
- 何で検索すれば良いのか分からない
- 何のアイコンなのか分からない
- アイコンが見つけにくい
Diver(ダイバー)の入力補助「アイコン」はDiver(ダイバー)の中でもたびたび登場して、至る所で使うことができます。
しかし!!
このアイコンが非常に使いにくい!
私が無知なこともあり、アイコンの使いどころが不明。
一体何のアイコンなんだろう?っとスルーしてしまうことが多々あります。
![](https://kikkakeswitch.com/wp-content/uploads/2020/02/e9948fdc9c0125c55c3b89478f564e65-e1687842198516.png)
挿入画面が小さくてアイコンが見つけにくい
![DIVER(ダイバー)のデフォルトのアイコン挿入の画面](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-35.png)
Diver(ダイバー)のアイコン挿入は画面が小さく狭くて見ずらい。
Diver(ダイバー)では約800個のアイコンがインストールされていますが、1ページで表示されるアイコンは7×8=56の最大56個です。
よって、アイコンを探す度にスクロールする必要があり、目印や目安もないので何ページもスクロールする必要があり、みつけにくいです。
そして、よく見失います・・・。
挿入しずらい箇所がある
Diver(ダイバー)のアイコンは、テキストの間や他の入力補助の「バッジ」「囲い枠」「ボタン」「アイコンリスト」などのDIVERの機能と組み合わせることができます。
しかし、アイコンを挿入する場所によってはうまく挿入できなかったり、挿入がスムーズでなかったりします。
また、入力補助は連続で挿入できないのでそれが少し不便です。
アイコンはあったら良いけど、なくても問題はないので、上手く挿入できなければ使うのを諦めてしまうことも多いです。
例えば、Diver(ダイバー)の入力補助の「バッジ」にアイコンを挿入しようとします。
しかし、そのままバッジのテキストの後にそのままアイコンを挿入しようとするとバッジの後ろにはみ出してしまう仕様になっています。
また、こういった文字の後にアイコンを挿入しようとするとアイコンを挿入した後、改行されてしまって、アイコン挿入がスムーズではないです。
使ったことはわかるのと思うのですが、これはDiver(ダイバー)でアイコン挿入の癖を知って使いながら慣れていくしか無さそうです。
何で検索したら良いのか分からない
アイコン挿入のために検索ボックスも一応ついています。
しかしこれが使えない。
日本語対応ではなく、英単語(ローマ字)で検索しなければアイコンはヒットしません。
また、アイコンがどの単語で登録されているのかも分からないため、目的のアイコンを探すのに非常に時間がかかります。
Diver(ダイバー)のアイコンを徹底的に調べてみた
アイコンは誰にでもニュアンスが伝わるようならそれほど意味にこだわる必要はありません。
なので、なんとなーくで使っていたのですが、Diver(ダイバー)で使えるアイコンに一体どんな物が登録されているのか気になってきました。
わざわざ知る必要もなるけれど、一体どんなものが登録されているのか気になってきたのでアイコンを1つ1つ調べて、画像15枚にまとめました。
アイコンが何の単語で登録されているのかも分かるので、気になるアイコンがあれば画像で確認してみてください。
![](https://kikkakeswitch.com/wp-content/uploads/2020/02/e9948fdc9c0125c55c3b89478f564e65-e1687842198516.png)
画像は小さくなってしまったので拡大して確認してみてください。
1ページ目
![DIVER(ダイバー)で使えるアイコン1ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-36-e1690526944360.png)
以下、詳細画像はクリックすると表示・非表示にされる仕様にしてみました。
なにせ15枚もあり長ーくなるので・・・。
2ページ目
![DIVER(ダイバー)で使えるアイコン2ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-37-e1690527045489.png)
3ページ目
![DIVER(ダイバー)で使えるアイコン3ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-38-e1690527063872.png)
4ページ目
![DIVER(ダイバー)で使えるアイコン4ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-54.png)
5ページ目
![DIVER(ダイバー)で使えるアイコン5ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-40.png)
6ページ目
![DIVER(ダイバー)で使えるアイコン6ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-41-e1690524431949.png)
7ページ目
![DIVER(ダイバー)で使えるアイコン7ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-45.png)
8ページ目
![DIVER(ダイバー)で使えるアイコン8ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-46-e1690525277958.png)
9ページ目
![DIVER(ダイバー)で使えるアイコン9ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-47-e1690527101466.png)
10ページ目
![DIVER(ダイバー)で使えるアイコン10ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-48-e1690527122747.png)
11ページ目
![DIVER(ダイバー)で使えるアイコン11ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-49.png)
12ページ目
![DIVER(ダイバー)で使えるアイコン12ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-50.png)
13ページ目
![DIVER(ダイバー)で使えるアイコン13ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-51.png)
14ページ目
![DIVER(ダイバー)で使えるアイコン14ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-52-e1690527143757.png)
15ページ目
![DIVER(ダイバー)で使えるアイコン15ページ目](https://kikkakeswitch.com/wp-content/uploads/2023/07/image-53-e1690527231637.png)
![DIVER(ダイバー)のアイコン15ページ目の詳細](https://kikkakeswitch.com/wp-content/uploads/2023/08/270af94f56d565a69a44980625c3fde0.png)
Diver(ダイバー)のアイコンを徹底的に調べてみた結果
- 同じアイコンが登録されている
- ロゴや文化なども
- アイコンは同じでも意味が違うものもある
- デフォルトでは情報が古い
Diver(ダイバー)のアイコンを調べてみた結果、使う人によっては使いどころがないアイコンも多かったです。
使用環境にもよりますが、使えそうなアイコンは半分ぐらい?っといったところでした。
![](https://kikkakeswitch.com/wp-content/uploads/2020/02/e9948fdc9c0125c55c3b89478f564e65-e1687842198516.png)
同じアイコンが登録されている
Diver(ダイバー)で使えるアイコンは、度々、見た目は同じアイコンが登録されています。
でも、登録されているワードは違います。
登録されている単語は違うのですが、発音やニュアンスの違いなどで同じようなアイコンが登録されていたり、色んな角度からアイコンがヒットするようにしているようです。
通りで同じアイコンが登録されていると思いました。
ロゴや名称などのアイコンがある
Diver(ダイバー)のアイコンにはサイトのロゴマークや名称などのアイコンも登録されています。
例えば「(ドルーパル)」はプログラム言語 PHP で記述されたオープンソースの CMS(コンテンツ管理システム)のアイコンなのですが、こんな感じのアイコンも登録されていました。
私の環境では使う事がないアイコンですが、他にも海外のサイトや文化などのアイコンも登録されていて、あまり日本人には馴染みのないものも多数ありました。
これはFont Awesemeが全世界で使えるアイコンなので仕方のない事なのかもしれません。これはほ
勘違いしやすいアイコンも
アイコンを調べてみると思ってたんとは違うアイコンも登録されていました。
私は「」を楽天のアイコンかな?っと思っていたのですが、登録っという意味のアイコンでした。
知らなかった・・・。
アイコンはなんとなーくで使いがちなので、注意が必要ですね。
デフォルトの状態ではアイコンの情報が古い
![fontawesomeのyahooのロゴの新旧](https://kikkakeswitch.com/wp-content/uploads/2023/08/yahoo-sinkyuu-890x323.png)
Diver(ダイバー)ではデフォルトの状態ではアイコンの情報が古いです。
アイコンはワードプレスの「プラグイン-Font Awesome」をインストールすれば最新バージョンが使えるようになります。
私はインストールしていませんが、最新バージョンのアイコンを使いたいならプラグインをインストールしてみてください。
Diver(ダイバー)の入力補助の「アイコン」のまとめ
今回、Diver(ダイバー)の入力補助で「アイコン」を1つ1つ確認してみました。
アイコンは前から気になっていたものの調べるのが面倒でスルーしていましたが、アイコンを全てチェックしてみたので、これから記事を書くときに今回作った画像を見れば多少、アイコンも見つけやすいかもしれません。
アイコンはなんとなーくニュアンスがあっていれば良いものなので細かい事は気にしなくても良いものですが、アイコンの意味をザっと知りたいなーっと思ったら参考にしてみてください。
ハイスペックテーマ「Diver(ダイバー)」は安く買える!?
サーバー契約をするとワードプレスの有料テーマ「Diver」がお得に買えます。
ロリポップ×Diver
特別価格17,980円 → 12,980円
お名前.com×Diver
特別価格17,980円 → 15,180円
さらに独自ドメインと同時申込みで、ドメインの初年度登録料が実質0円でお得。
エックスサーバー×お友達紹介
エックスサーバーなら友達紹介でお得
友達紹介プログラムでエックスサーバーを契約すると12か月契約で5,000OFF。
契約期間に応じて最大1万円OFF
下記のボタンからエックスサーバーを契約するとお友達紹介プログラムが適用され、契約料金が割引きされます。
エックスサーバーのキャンペーン(不定期)と併用するとさらにお得です。
テーマを安く購入するよりもサーバー契約でお得にDIVERを始められます。