SIMPLESTERで記事をマウスホバー(マウスオーバー)時に表示されるハートのアイコンを変更する方法

SIMPLESTERで記事をマウスホバー(マウスオーバー)時に表示されるハートのアイコンを変更する方法

2015年3月12日 オフ 投稿者: KahraGray

466254記事の上にマウスを載せた時にハートのアイコンが左上で明滅するんですけど、このハートを他のアイコンに変えたいと思い、ずっと探していたところやっと見つけました!

WordPressのメニューから 外観 > テーマの編集 で「SIMPLESTER-Ver3: スタイルシート (style.css)」の中に何かあるだろうと思い探しました。
642これだ!(直観
FontAwesomeの記述がある。

Font Awesome とは?

簡単に言えば、普通アイコンは画像なんですけど、それをテキスト(文字)のように使えるのです。素晴らしい技術ですね~。

Font Awesomeにアクセスしてメニューから「Icons」をクリック。
ずらーっとアイコンがいっぱい並んでいます。

654

お。ありました。ハートマーク♥
クリックすると

8567お~。f004。これですね。直感的中!
f004という4桁がハートマークを表すのでしょう。
ということはこの4桁を他のアイコンのコードに書き換えれば違うアイコンに置き換わるかも!?

46ゲームのコントローラーのアイコンがあったので書き換えてみます。

5462書き換えて「ファイルを更新」。

563変わりました。(やったね!

5464NEW POSTの方もハートのアイコンがあるのでそちらも変更したいときは、

48792「サイドバー(NEWPOST)周り」の「f004」を見つけてお好みのアイコンのコードに書き換えます。

545できました!こっちも同じコントローラーのアイコンにしておきました。

あ、「ファイルを更新」を押してもすぐにアイコンが変わらないので変わってない時はしばらく待ってキーボードの「F5」を押してね。