luxeritasの $awesome[] を調べてみる

2022/03/05 11:03:482022/03/09 09:03:39

luxeritas のテーマの(～.php)中身をみてみると、
パンくずリストの部分（breadclumb.php）などに、
$awesome[“file"]とか、$awesome[“forder"]とか、書いてある。

これ、なんだろう？　とか思っていたけど、
google の material icons とかいうものらしい。

「アイコンフォント」というか「絵文字」というか

luxeritas のアイコンフォントは、「luxeitas＞カスタマイズ＞アイコンフォント」のところで、他社の「Font Awesome」と、google「material icons」が、選べるようになっているようですが、
以下のフォントだけで良いのであれば、連想配列 $awesome[～] で表示させる方法で、簡単に使えそうです。
（$awesome[]にすれば、変換してくれるから）

https://fonts.google.com/icons

test_awesome

** luxeritas の awesome の値 **
1$awesome［"home"］
<i class="material-icons">&#xe88a;</i>
2$awesome［"nav-home"］
<i class="material-icons navi-home">&#xe88a;</i>
3$awesome［"circle-back"］
<i class="material-icons flip-h">&#xe038;</i>
4$awesome［"arrow-back"］
<i class="material-icons pull-left">&#xe5c4;</i>
5$awesome［"arrow-forward"］
<i class="material-icons pull-right">&#xe5c8;</i>
6$awesome［"file"］
<i class="material-icons-outlined">&#xe24d;</i>
7$awesome［"text"］
<i class="material-icons">&#xf009;</i>
8$awesome［"text-rotate"］
<i class="material-icons rotate">&#xf009;</i>
9$awesome［"folder"］
<i class="material-icons">&#xe2c7;</i>
10$awesome［"folder-open"］
<i class="material-icons">&#xe2c8;</i>
11$awesome［"tags"］
<i class="material-icons">&#xf05b;</i>
12$awesome［"tag"］
<i class="material-icons">&#xe892;</i>
13$awesome［"calendar"］
<i class="material-icons">&#xe614;</i>
14$awesome［"clock"］
<i class="material-icons">&#xe8b5;</i>
15$awesome［"repeat"］
<i class="material-icons">&#xe5d5;</i>
16$awesome［"close"］
<i class="material-icons">&#xe5cd;</i>
17$awesome［"menu"］
<i class="material-icons">&#xe5d2;</i>
18$awesome［"sidebar"］
<i class="material-icons">&#xea18;</i>
19$awesome［"share"］
<i class="material-icons">&#xe80d;</i>
20$awesome［"toc"］
<i class="material-icons">&#xe8de;</i>
21$awesome［"rss"］
<i class="material-icons">&#xe0e5;</i>
22$awesome［"smile"］
<i class="material-icons">&#xe0ed;</i>
23$awesome［"double-arrow-left"］
<i class="material-icons flip-h">&#xea50;</i>
24$awesome［"double-arrow-right"］
<i class="material-icons">&#xea50;</i>
25$awesome［"search"］
<i class="material-icons">&#xe8b6;</i>
26$awesome［"pencil"］
<i class="material-icons">&#xe3c9;</i>
27$awesome［"page-top"］
<i class="material-icons">&#xe5d8;</i>

---

↓アイコン表示テスト（google font icon 直接呼び出し）

---

    historyhistoryshopping_bag

---

↑↑↑
＜span class="material-icons"＞check_circle＜/span＞
＜span class="material-icons-outlined"＞check_circle＜/span＞
＜span class="material-icons-round"＞check_circle＜/span＞
＜span class="material-icons-sharp"＞history＜/span＞
＜span class="material-icons-two-tone"＞check_circle＜/span＞