Webアイコンフォント(Font Awesome5)の使い方

WordPress

今回は上記の挨拶分文の作成方法について紹介します。

Twitterのアイコンを表示させるのにFont Awesome5というWebアイコンフォントを使用していきます。

Webアイコンフォントとはその名の通りWeb上でフォントとして利用できるアイコンのことです。

フォントとして利用できるのでcssで大きさや色などを変更できるという使い勝手の良さがあります。

CocoonでFont Awesome5を有効にする

まずCocoonの設定からFont Awesome5を有効にする設定を行っていきます。

全体のタブを選択し、

デフォルトではFont Awesome4になっているので、Font Awesome5に変更します。

これでFont Awesome5を使用することが可能になりました。

Font Awesome5の使い方

Font Awesome5で使用できるアイコンはこちらから検索可能です。

Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

上記サイトの下記箇所で使用したいアイコンを検索します

今回はtwitterと検索します。

下記画像の箇所にカーソルを当てるとクリックでアイコンを使用するためのコードが取得できます。

コメント

タイトルとURLをコピーしました