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で親カテゴリを含めた記事のタイトルを表示する

WordPressで、「親カテゴリ」→「子カテゴリ」→「孫カテゴリ」…→「記事タイトル」を表示するコードです。 <?php $cats=get_the_category(); $ca…続きを読む

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

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

WordPressにファイルをアップロードできないときの対処法

WordPressを使っていて、メディアを新規追加しようとすると、「アップロードしたファイルをwp-content/uploads/***に移動できませんでした」と表示されて、アップロードできませんで…続きを読む

WordPressでログイン/ログアウトを表示する

WordPressを使ったウェブサイトの画面内にログイン/ログアウト画面を入れる方法です。 ログアウトの設定 先にログアウトの設定をする理由は、コードを書くときに、「ログインしていればログアウト表示を…続きを読む

WordPressのタクソノミーとは

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

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

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

WordPressでメディアをアップロードしようとするとHTTPエラーが表示される

WordPressでメディア(画像)をアップロードしようとしても、「HTTPエラー」と表示されてアップロードできなくなりました。 WordPressのバージョンをアップした際に起こったので、新しいバー…続きを読む

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

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

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

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

WordPressを更新する

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