Webアイコン 4千種類のアイコンから選んで使える

投稿日:

webアイコン

好きなアイコンを自分のサイトで使える「Webアイコン」

Font Awesomeというサイトを使えば数千種類のアイコンを自分のサイトで表示できます。

step
1
使いたいアイコンを選ぶ

○アイコン

 

 

 

 

step
2
ソースをコピー

ソースをコピーして貼り付ける

step
3
テキストモードでサイトに貼り付け

 サイトに貼り付けると左のようにアイコンが表示される。デフォルトは黒色

注意

バージョン4とバージョン5があるが、バージョン5だとサイトで表示できないことが多いのでバージョン4を使う   

 

色をつけたい場合はCSSで設定が必要

アイコンに色をつけたい場合は別途CSSで設定が必要です。

step
1
ワードプレスにログイン→外観→カスタマイズ→追加CSSを選び書きを貼り付け保存をクリック

step
2
アイコンのコードに「my-色コード」をつける

例:fa fa-timesの後ろに「my-red」をつける

×

 

  • この記事を書いた人
  • 最新記事
河野 裕

河野 裕

株式会社フォーカスワン 代表取締役。

2011年6月からSEOとアフィリエイトのコンサルティング及びサイト運営をしています。

SEO対策で色んな業者にお金を払い色々やってみた結果、自分で勉強してSEO対策をするのが一番結果が出ることに気が付いて、現在に至ります。

日々Googleのアルゴリズム変更に翻弄されながらも、人生を楽しんでいます。

皆様のお役に立てる情報を発信できるように頑張ります。

会社概要・運営サイト一覧

-アイコン

Copyright© 【SEO Wiki】初心者でもできるSEOでアフィリエイト , 2019 All Rights Reserved.