【SWELL】ブログ記事でおしゃれなアイコンを無料で使う方法

SWELLはデフォルトの機能で「アイコン」がありますよね。↓こういうシンプルなアイコン。

この記事では、ここ↑にはないアイコンの表示方法をご紹介します！

例えば、黄色の王冠 や、大きい時計 など。

これは「 Font Awesome （フォントオーサム）」というサービスを使って表示しているんです。

有料のアイコンもありますが、無料だけで2,000種類以上もあって充分すぎるほど。

＼ これもぜーんぶ無料のアイコン ／

無料のアイコンは会員登録も必要ありません◎

アイコンは情報を直感的に伝えることができるツール！

記事の表現力がぐっと上がりますので、ぜひ一緒にポチポチ手を動かしてみてください。

INDEX目次開く ＋閉じる −

おしゃれなアイコンを使うための準備

まずはワードプレスで設定をします。

アイコンを記事に表示する方法

今回は王冠 を表示します。

ランキング記事におすすめのアイコンです！

詳しく手順をみていきましょう！

記事の最後に、色・サイズの変更方法もご紹介しています。

アイコンを表示できないときのチェックポイント

今の手順でアイコンを表示できなかったら、ダブルクオーテーションを確認してください。

くるんとしてるダブルクオーテーションだとアイコンは表示できません。

これでも表示できなかったら、ぜひコメントください。一緒に確認させていただきます！

アイコンの色を変える方法

ここからはアイコンの色を変える方法をご紹介します。

アイコンを探して、選択するところまでは上記と一緒です◎

アイコンのサイズを変える方法

次は、アイコンのサイズを変える方法をご紹介します！

色変更と同じく、アイコンを探して、選択するところまでは上記と一緒です◎

まとめ

慣れない作業、お疲れさまでした！

ブログにアイコンを表示することはできましたか？？

「できなかった！」「途中でわからなくなった」などございましたら、コメントでお知らせください。

記事を修正させていただきます！

あなたのブログライフがより一層楽しいこととなりますように！