【wordpress】SimplicityのWebフォントアイコン(Font Awesome)をかっこいいのに変更するぞ。

よろしければシェアお願いします!

【個人用メモ】
一覧画面のカテゴリーリンクの横にタグリンクも設置し、デフォルトで設定されているフォルダアイコンを変更したい。(*下記画像赤枠の右側にタグリンクの設置)
アイコンの変更方法を理解して、タグリンクを設置する。
taglink

2つ同じじゃ面白味が無いので、格好いいアイコンに変更をするのだ(`・ω・´)b

webfont

開始

外観→テーマの編集→entry-card-content.php の  <span class=”category”> 内をいじいじ。

赤字部分の変更でアイコン変更終了。とても簡単な修正だった。

<span class=”fa fa-folder fa-fw“></span>

Webフォントアイコン変更してみる。

Webフォント Font Awesome

<span class=”fa fa-folder-o“></span> 透明
<span class=”fa fa-folder fa-fw“></span> 初期フォルダ
<span class=”fa fa-car“></span> 車
<span class=”fa fa-users“></span> チューチュートレイン
<span class=”fa fa-smile-o“></span> ドヤ顔

個人的には4つめチューチュートレインがお気に入り!!

Webフォント一覧は海外サイト

Font Awesome Icons というサイトを参考にした。
New Icons は私のバージョンでは使えなかったです( ;∀;)
だから下のWeb Application Iconsから選びました。見えないけど沢山あるよ。

Webフォント2
Font Awesome Icons

おまけ(タグリンク挿入)

タグを入れる為に、1行追加。これでタグ一覧ページのリンクが埋め込まれた。

<span class="category"><span class="fa fa-folder fa-fw"></span><?php the_tags(''); ></span>

カスタムフィールドの値を取りたい場合は、


<?php echo post_custom('変数'); ?>

で呼び出せた。
タグリンク挿入

このサイトではタグリンクいらねφ( ゜゜)ノ ゜ポイ;

スポンサーリンク

よろしければシェアお願いします!