Deprecated:関数 print_emoji_styles は、バージョン 6.4.0 から非推奨になりました ! 代わりに wp_enqueue_emoji_styles を使用してください。 in /var/www/vhosts/w16609.ws.domainking.cloud/mudabukuro.miracle-dance.com/wp-includes/functions.php on line 6031

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

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
check_circle check_circle check_circle history check_circle
↑↑↑
<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>