WordPressテーマ作成~テーマでアイコンを使いたい時~
投稿日
更新日
WEBページ作ってたら、TwitterとかFacebookのアイコンとか、記号っぽいアイコンとか入れたい時ありますよね。
WordPressでは、開発者向けリソースとして、dashiconsが用意されています。
dashiconsへのリンク↓
https://developer.wordpress.org/resource/dashicons/
これのhtmlをCopy HTMLからコピって貼ればOK!
その前の準備として、fanctions.phpに下記を記述しておきましょう!
1 2 3 4 |
function theme_styles( $version ) { // WordPress Dash Icon. wp_enqueue_style( 'dashicons' ); } |
ちなみに、上記内容を知らなかった時は、Font Awesomeで入れたりもしてみました。
▼Font Awesomeプラグインインストールについて
https://ja.wordpress.org/plugins/font-awesome/#installation
プラグインでFontとかで検索したら、下画像のプラグインが出てきたので、これを入れてみました。
後は下記コードのような感じで、通常のHTML記述する時と同じように書けばOK!
(私の場合は、他の所からコード持ってきて、表示されなくて後からプラグイン入れたけど…)
1 |
<i class="fab fa-instagram footer-icon"></i> |
好きな方で使うでいいのかな~と思います。