【WordPressでウェブアイコンを使う方法】

FontAwesome（フォントオーサム）という
無料のウェブアイコンをWordPressで使う方法を
レッスンしました。
　
ウェブアイコンというと何か特殊な印象を
受けるかもしれませんが、
　
Googleフォントに代表される、
ウェブフォントを利用する場合の方法と、
考え方は本質的に同じです。
　
要は、アイコンやフォントのデータである
ネット上のCSSファイルを自分のサイトから
リンクさせれば利用できるようになります。
　
CSSをサイトにリンクさせる方法といえば、
　
HTMLの　head　タグの中に　link　タグを
記述するのが一般的です。
　
WordPressは、テンプレートはPHPで出来ていますが、
公開ページが表示される途中でHTMLに変換されます。
　
ですから、
　
テンプレートの中で、　head　タグに相当する
部分に　link　タグを追加してあげれば良いわけです。
　
そして、
　
その方法が２通りあります。
　
１．直接テンプレートに追加する方法
２．アクションフックを利用する方法
　
WordPressでは２の方法が推奨されています。
　
CODEMYのマンツーマンレッスンでは、
その理由から解説するので、
　
自分でカスタマイズしていくときに、
　
「この場合はどの方法が適しているだろうか？」
　
を自分なりに考えることができます。

PR

CODEMYのマンツーマンレッスンでは、WordPressや
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
　
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
　
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
　
『WordPressのツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2nd7Ia5
　
『ホームページ作成のツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2bXJkbs
　
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
　
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
　
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
　
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓無料体験はこちら
http://bit.ly/2hw7mIy