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でページが存在しているにもかかわらず、そのページへのリンクをクリックすると、「存在しない」と言われてしまう場合には、「設定」→「パーマリンク設定」より「基本」を選んで「変更を保存」を…続きを読む

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

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

WordPressのカスタム投稿タイプとは

WordPressにおいて、デフォルトで用意されている投稿タイプには、細かく分けると5つあります。 投稿(post) 固定ページ(page) 添付ファイル(attachment) リビジョン(revi…続きを読む

WordPressで親カテゴリを含めた記事のタイトルを表示する

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

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

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

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

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

WordPressのテーマを自作する(WordPressに認識させる)

WordPressには予め提供されているテーマがあります。このテーマを利用して子テーマをつくることで簡単にテーマをつくることができますが、今回は1から自分でつくる方法について記します。 自作テーマの保…続きを読む

WordPressの投稿タイプとは

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

WordPressでAttempt to read property “ID”エラーが表示される

WordPressを利用していて、PHPのバージョンを8にあげた後、ウェブサイト上で「Attempt to read property “ID”~」と表示されてしまうようになり…続きを読む

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

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