無料ホームページ作成ツール、Jimdoでfontawsome(Webアイコンフォント)を使う方法
先日、無料のホームぺー作成ツールjimdoを使う機会がありました。
もう少しわかりやすいサイトにしたいなあと、アイコンフォントであるfontawsomeを使用したので、導入方法をご紹介します。
fontawsomeの導入方法
①jimdoの画面で、左上のメニューバー⇒基本設定⇒ヘッダー編集へ移動します。
②ヘッダー編集の画面で、コードを挿入します。ソースはこちらからコピー⇒Getting Started | Font Awesome
fontawsomeのページで、矢印のボタンを押すとコードがコピーできます。
そして、jimdoのページで貼りつけ。
③例えば、下記のように、文頭にアイコンフォントを入れたい場合。
文章を作成する画面で、タグのマークを選択します(赤枠の部分)。
④HTML入力モードになるので、ここに挿入したいアイコンのソースを貼ります。
※注意
通常であれば は必要ありませんが、jimdoの場合は必要みたいなので、忘れずに!
✖ <i class="far fa-arrow-alt-right"></i>
〇 <i class="far fa-arrow-alt-right"> </i>
jimdoをカスタマイズされたい方の参考になれば!