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におけるスラッグとは、カテゴリや投稿記事に数字ではなく、指定した文字列を使うことができるようにするものです。 スラッグには全角を使うこともできますが、全角にした場合には、実際のURL…続きを読む

WordPressをローカル環境にインストールする

「外部に公開するつもりはないけれど、WordPressで自分用にコンピュータ内にブログをつくりたい」「WordPressで外部に公開する前にローカルで試したい」というような欲求のために、WordPre…続きを読む

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

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

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

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

WordPressの投稿タイプとは

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

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

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

WordPressのタクソノミーとは

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

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

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

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

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

WordPressで記事が属するカテゴリをすべて表示する

アーカイブページなどで、記事一覧を表示している時に、その記事が属するカテゴリをすべて表示する方法です。 コード <ul> <?php while (have_posts()) : t…続きを読む