時短.com

いろんな角度からあなたの時短を応援するメディア

Web

WordPressでFont Awesomeのアイコンが消えてしまう時の対処法

更新日:

ども!シゲです!

今回は、僕がWordPressで記事を書いている時に、Font Awesomeのアイコンが書いては消え、書いては消え、という症状に陥ってしまい、すごくイライラしたので、その時の対処法を載せておきたいと思います。
せっかく書いたコードごと消える時もあるので、その時はかなりイライラしましたよ・・・はい。

具体的に、どんな時に消えるのかというと、

  1. テキストエディタでFont Awesomeのアイコンのコードを入れる。
  2. ビジュアルエディタに切り替え
  3. テキストエディタに戻る
  4. 消えてる!!

といった感じです。

なぜFont Awesomeのアイコンが消えるのか?

なぜFont Awesomeのアイコンが消えてしまうのでしょうか?

結論から言うと、WordPress側で空タグを自動的に削除してしまうからです!

空タグの例です

この矢印のところが空タグ。

というわけで、この「空タグを勝手に削除する動作」を止めちゃえば解決なのです!

まぁ場合によっては便利な機能だったりするので、HTMLをある程度理解していて、同じように悩んでいる人はやってみてもいいと思います。

空タグを勝手に削除する動作を止めるコード

では、その空タグを勝手に削除する動作を止めるコードを以下に記載します。使っているテーマのfunctions.phpに書き込んでください。

※functions.phpのバックアップは必ずとっておいてください。失敗するとサイトが表示されなくなります。

add_filter('tiny_mce_before_init', 'tinymce_init');
function tinymce_init( $init ) {
	$init['verify_html'] = false;
	return $init;
}

verify_htmlってTiny MCE Ver3系でのみ使えるらしいんだけど、大丈夫かな・・・?
とりあえず、治ったので良しとするか。

参考にしたサイトは以下になります↓↓

wordpress.org日本語フォーラム:spanタグが削除される

  • この記事を書いた人
  • 最新記事

-Web
-, , ,

Copyright© 時短.com , 2018 All Rights Reserved.