© 古河市 ホームページ制作 イーナクエスト株式会社 All rights reserved.

wordpress-bg-medblue

WordPressでタグが消える問題

代表の生井です。
少し専門的な話ですが、同じ問題で悩んでいる方がいましたらこの方法で解決できます。

WordPressで使用しているショートコードプラグインで表示されているタブのスタイルを特定のページだけ変更して欲しいという依頼を受けました。
そこで、専用テンプレートを作成せずサラッと記事内にCSSを埋め込む方法で無事解決。と思ったら、あれ?元に戻ってる?何で!
忘れてました。Wordpressのテキストモードからビジュアルモードにすると自動整形が<styal>などのタグが消えてしまうのを・・・
クライアントの編集チームと共同作業で行っていたので、ビジュアルモードにて更新をかけてしまったようです。
このままでは、クラインが更新するたびに修正しなくてはならないので、いい方法はないかググってみたところ解決策を見つけました。

1.TinyMCE Advancedをインストールして以下にチェックを入れる
✓Stop removing the <p> and <br /> tags when saving and show them in the Text editor
まず上記のプラグインをインストールして設定すれば<p>タグ、<br />タグの消滅は回避できます。

2.以下のコードをfunction.phpに挿入する
今回はスタイルシートを埋め込みたいので+body[style],を追加しました。

/* テキスト切り替えでタグが消える時の対処
/*———————————————————*/
function custom_editor_settings( $initArray ){
$initArray[‘body_id’] = ‘primary’; // id
$initArray[‘body_class’] = ‘post’; // class
// style、divの中のdiv,span、spanの中のspan消滅を停止
$initArray[‘valid_children’] = ‘+body[style],+body[link],+div[div|span],+span[span]’;
// 空タグや、属性なしのタグの消滅を停止
$initArray[‘verify_html’] = false;
//
//$initArray[‘entity_encoding’] = ‘raw’;
//$initArray[‘entities’] = ‘91,93’;
return $initArray;
}
add_filter( ‘tiny_mce_before_init’, ‘custom_editor_settings’ );

上記の設定で今度は<p>タグで括られるようになりましが、いまのところはそれ以外問題ありません。

参考サイト
http://hapisupu.com/2015/09/wordpress-editor-visual-text-switch-tag-erase-fix/

  • このエントリーをはてなブックマークに追加

関連記事

針谷力 オフィシャルサイト

針谷力 オフィシャルサイト

レスポンシブ(スマートフォン対応) URL:http://hariyachikara.com/ 針谷力 オフィシャルサイト W…

hinomoto-616x400

日乃本米菓

レスポンシブ(スマートフォン対応) URL:http://http://www.hinomotobeika.com/ 日乃本米菓 …

sakura_auto-616x400

(有)桜オート

レスポンシブ(スマートフォン対応) URL:http://sakura-auto.co.jp (有)桜オート Wordpres…

noutonthonz-616x400

通快居酒屋 Mou豚thon酢(ムートントンズ)

レスポンシブ(スマートフォン対応) URL:http://gen6002.com/ 通快居酒屋 Mou豚thon酢(ムートントンズ)…

chapel-616x400

結婚相談所 チャペル

レスポンシブ(スマートフォン対応) URL:http://cha-pel.com/ 結婚相談所 チャペル Wordpressに…

ページ上部へ戻る