フォントアイコンを簡単に入れる方法【WordPress】


手動で入れる方法

FontAwesomeを使う

FontAwesomeを Webページに導入する方法(※1)がありますが、 エディター上からシームレスに入力したい要求があります。

※1 一手間だけでWebページをちょっとおしゃれな雰囲気に変える方法

開発者用のアイコンが入れられるサイト

https://developer.wordpress.org/resource/dashicons/

プラグインを使う方法


そんな時のアイコンを見ながらビジュアルエディタで入れられる プラグインです。 cssのバッティングや変更ができるように、htmlタグを導入できるものを選びました。プラグインがなくても cssをCDNで使えれば、のちのちメンテ不要ですね。

wp visual icon fonts プラグイン


https://wordpress.org/plugins/wp-visual-icon-fonts/

 

font awesome プラグイン

https://wordpress.org/plugins/font-awesome/

 

 

Bookmark this on Yahoo Bookmark
Buzz This
Bookmark this on Delicious
Bookmark this on Digg
Share on reddit
Share on LinkedIn
Bookmark this on @nifty clip
LINEで送る
email this
Pocket




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です