HOME技術WordPressWordPressのTinyMCEを利用している際にstyleタグなどが消されてしまう

WordPressのTinyMCEを利用している際にstyleタグなどが消されてしまう

WordPressでより便利に記事を書くためのエディタとして、TinyMCEプラグインがあります。このプラグインは、ビジュアルとテキストで表示を入れ替えて確認したり、コードを直接書き込んだりすることができます。

しかし、style、div、span等の特定のタグは、ビジュアルとテキストを切り替えた際に消されてしまいます。

TinyMCEの設定を変更する

この問題は、TinyMCEの設定でこれらのタグを許可していないために発生します。この問題を回避するためには、functions.php内に以下のコードを書き込みます。

function additional_tags_for_tiny_mce( $settings ) {
if ( ! empty( $settings[‘valid_children’] ) ) {
$settings[‘valid_children’] .= ‘;’;
} else {
$settings[‘valid_children’] = ”;
}$settings[‘valid_children’] .= ‘+body[link|meta|style],+div[span|meta],+span[span|meta]’;

return $settings;
}

add_filter( ‘tiny_mce_before_init’, ‘additional_tags_for_tiny_mce’ );

関連記事

WordPressで構築したサイトをLAN内で閲覧しようとするとリンクが切れる

WordPressをあるPCにインストールして、そのサイトを同じLAN内の別のPCからIPアドレスを指定して閲覧しようとすると、リンクが切れて表示されてしまう場合の対処法です。 例えば、「http:/…続きを読む

WordPressで画像をアップロードできなくなった場合の対処法

WordPressを使っていて、記事に画像を配置したい場合には、記事投稿画面で画像をドラッグ&ドロップすると、アップロードできます。 しかし、たまに「アップロード中にエラーが発生しました。後ほど再度お…続きを読む

WordPressにプラグインを追加する

プラグイン配布サイトなどから、プラグインをダウンロードします。 今回は、TinyMCE Advancedという記事投稿画面のツールバーを拡張するプラグインで説明します。 まず、WORDPRESS.OR…続きを読む

WordPressをプラグインを使わずバックアップする

WordPressの投稿した記事やアップロードしたファイル、テーマファイルなどをバックアップする方法です。今回はバックアップ用のプラグインを使わず手動で行います。 バックアップする 記事のバックアップ…続きを読む

WordPressを更新する

WordPressのダッシュボード画面で、WordPressの更新通知が表示されることがあります。今回はWordPressの更新方法の紹介です。 1.更新前にバックアップをとる WordPressを更…続きを読む

WordPressで入れておきたいプラグイン9選

WordPressでサイトを作るときにさらに使いやすくするプラグインの紹介です。WordPressはそのまま使っていると記事投稿画面が少し使いづらかったり、制限があったりしますが、そういった不便を解消…続きを読む

WordPressでウィジェットを自作のテーマで表示する

WordPressで自作のテーマを作った場合、外部のウィジェットを反映させることができなくなります。外部のウィジェットを反映させることができるようにするには、functions.phpに以下の一文を追…続きを読む

WordPressで突然漢字変換ができなくなる

WordPress 4.4.2を使っていて、記事を書いているときに、急にひらがなしか入力できなくなり、漢字変換してくれなくなりました。 wp-multibyte-patchが影響している可能性があり、…続きを読む

WordPressの投稿タイプとは

WordPressでは、記事を投稿する際に、「投稿」タイプ、「固定」タイプ、「カスタム」タイプの3つのうちから選択します。 このタイプのことを「投稿タイプ」と呼んでいます。 投稿タイプは乱暴に言うと、…続きを読む

WordPressのタクソノミーとは

WordPressにおけるタクソノミーとは、分類のことです。標準で用意されているタクソノミーには「カテゴリ」「タグ」があります。 カテゴリとタグ カテゴリとは、投稿記事が属するテーマを設定するもので、…続きを読む