「アイコン」一覧

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

2018/10/16

好きなアイコンを自分のサイトで使える「Webアイコン」 Font Awesomeというサイトを使えば数千種類のアイコンを自分のサイトで表示できます。 step1使いたいアイコンを選ぶ step2ソースをコピー step3テキストモードでサイトに貼り付け　サイトに貼り付けると左のようにアイコンが表示される。デフォルトは黒色注意バージョン４とバージョン５があるが、バージョン5だとサイトで表示できないことが多いのでバージョン4を使う色をつけたい場合はCSSで設定が必要アイコンに色をつけたい場合は別途CSSで設定が必要です。 step1ワードプレスにログイン→外観→カスタマイズ→追加CSSを選び書きを貼り付け保存をクリック

.my-red {color: #ff3333}
.my-blue {color: #0000ff}
.my-skyblue {color: skyblue}
.my-orange {color: #fecb81}
.my-green {color: #7CB342}
.my-gray {color: gray}

.my-red {color: #ff3333}

.my-blue {color: #0000ff}

.my-skyblue {color: skyblue}

.my-orange {color: #fecb81}

.my-green {color: #7CB342}

.my-gray {color: gray}

step2アイコンのコードに「my-色コード」をつける例：fa fa-timesの後ろに「my-red」をつける ×

<i class="fa fa-times my-red" aria-hidden="true"></i>

1	<i class="fa fa-times my-red" aria-hidden="true"></i>

○

<i class="fa fa-circle-o my-green" aria-hidden="true"></i>

1	<i class="fa fa-circle-o my-green" aria-hidden="true"></i>

「アイコン」 一覧

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

「アイコン」一覧

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