明日の風を探して

所詮ゲームは人生の余暇を過ごすためのものでしかないんだからな。by ロキシ

*

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

   

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」を押してね。

 - WORDPRESS ,

ad01

ad01

  関連記事

wplogo
新ドメイン取得などでWORDPRESSにログインできない時の対処法

前回のドメイン設定の時に失敗したので忘れないように書き記しておきます。 新しいド …

124
WORDPRESS コメント欄をすっきりと見やすくしてみた 

コメント欄の編集について STINGER5を導入した当初はコメント欄は以下の画像 …

wplogo
WordPressのコメント欄の表示、非表示

「あれ?そういやコメント欄がないぞ?あれれ?」 と気づいたのはブログを始めてもう …

wplogo
SIMPLESTER h3のちょっとしたカスタマイズ 

このように見出し3(h3)が少し見た目にもわかりにくかったのでもう少し見やすいよ …

wplogo
STINGER5 子テーマ導入

WordPress、ちょこちょこいじってます。 ゲームのことも書きたいのに、時間 …

wplogo
ブログの見た目をカスタマイズ中 Twitter

いろいろ勉強しているのですが、 記事にしていけてません。(´・ω・`) そして眠 …

server-24915_640
Google AdSense(グーグルアドセンス)を申請してみた。

世の中にはGoogle AdSense(グーグルアドセンス)というものがあるらし …

wplogo
ファビコン?え?ファミコン?ん?

ファビコンってなんだろ? favicon(ファビコン)は、ウェブサイトのシンボル …