こんにちわ、ブログ運営者のマツキです。
当記事は
「ブログとかLP,HPにアイコンとか導入したいけど他サイト見てもよくわからないことおおいんだけど。」
という問題にぶっちゃけた解決策です。
根本解決
by pixabay
ぶっちゃけ『自分でFontawesomeのサイトに行って、Google翻訳を使ってサイトの手順に従う』が一番シンプルに把握しやすいです。
多分そんなに苦じゃなくて、手順を詳細に説明されるとかえってややこしくなります。
アイコンのおおまかな導入手順としては
1.HTMLのhead部分に「Fontawesomeのものを導入するよ」コードの挿入
2.実際にインライン要素として導入
になると思います。
2はいいとして1を細かくいうと
1.HTMLのhead部分に「Fontawesomeのものを導入するよ」コードの挿入
┗1.1 FontAweSomeサイトにいく
┗1.2 サイトに登録
┗1.3『「Fontawesomeのものを導入するよ」コード』を得る
┗1.4『「Fontawesomeのものを導入するよ」コード』をHTMLに導入する
です。
実際に自分で手順を知らないとどうなるか？
実際にサイトに行かないと以下のことが起こる気がします。
・プロ用アイコンがあることを知らない
┗「あれ？このアイコン使えない」→対応に困る
・『「Fontawesomeのものを導入するよ」コード』を得るちゃんとした手順を知らない
┗ヴァージョンが変化した際にちゃんと対応できない
┗→方法知っていればちゃんと対応できる
アイコン導入のサイトとかみてて思いますが、ヴァージョン変化した際に結構困る人いるんじゃないかなと思います。
それは、『「Fontawesomeのものを導入するよ」コード』のヴァージョンの数字を変えればいいってわけじゃないこともあるからです。
根本的に仕様が変わっていることがありました。
サイトに行ってもそんなに難しくないですよ。
サイトに行って何をするかと言ったら、
1.会員登録
2.『「Fontawesomeのものを導入するよ」コード』を得る
だけです。
この手順を知っていると、ヴァージョンが変わった際にも多少対応可能だと思いいます。
英語が辛い^^;
という人でも大丈夫。
google翻訳レベルでかなりわかりやすく翻訳してくれます。
まとめ
FontAweSome の導入が困ることへの根本解決を書いてみました。
how toサイトも大事ですけど、疑問に思って調べてみることも重要ですね。
参考までにどうぞ。