マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WordPress

WordPress固定ページで「ビジュアル」「テキスト」切替できなくする方法<WordPress>

投稿日:2015年1月29日 更新日:

今回は、WordPressの固定ページ ウィジウィグ切替でHTML崩れる問題について、
簡単な解決方法をご紹介いたします。

「ウィジウィグ切替でHTML崩れる問題」とは

固定ページの「テキスト」にHTMLをまるっと入れ、登録する場合は多いかと思います。

 

下記のように「テキスト」タブがアクティブのときにHTMLをいれますね。

text1

WordPressのデフォルト状態では、
「テキスト」タブから「ビジュアル」タブに切り替えると、下記画面では問題なさそうですが、

b1

 

さらに「ビジュアル」タブから「テキスト」タブに切り替えますと
元のHTMLがむちゃくちゃに崩れました!

text2

このとき一旦リロードしますと
元のHTMLが再現されますが、このまま保存するとページが崩れてしまいます。
これは、複数人で管理していて情報共有できていないと、困ると思います。

ただ、このウィジウィグの切り替えは本来とても便利ですので、
固定ページのときだけ!「テキスト」のみ、HTML編集だけ
できれば問題が解決しそうです。

「ウィジウィグ切替でHTML崩れる問題」解決方法

方法としましては、サイトで利用するテーマ内のfunctions.php ファイルに
下記を記述します。それだけです。

function disable_visual_editor_in_page(){
global $typenow;
if( $typenow == ‘page’ ){
add_filter(‘user_can_richedit’, ‘disable_visual_editor_filter’);
}
}
function disable_visual_editor_filter(){
return false;
}
add_action( ‘load-post.php’, ‘disable_visual_editor_in_page’ );
add_action( ‘load-post-new.php’, ‘disable_visual_editor_in_page’ );
これで、固定ページ編集画面では切替タブがなくなり、このような「テキスト」状態の画面になります。

text3
同じような問題でお悩みの方はこの方法で解決されてはいかがでしょうか?

-WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

FacebookとWordPressを連携させる方法

『WordPressで記事を投稿したタイミングで、Facebookにも反映させる方法』ですが、 頻繁に起こるFacebookの仕様変更や、WordPressプラグイン自体の更新停止などで 今までのやり …

Alt 【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

WordPressでサイトを作る場合カスタムフィールドがとても便利ですよね! そして投稿ページで入力したカスタムフィールドの値を他のトップページや固定ページでも使いたい。なんて事があるかと思います。 …

WordPress4.3バージョンアップで使えなくなるプラグイン

最近急に涼しくなりましたね。夕方になると長袖が必要に感じる肌さむさですが、 が、新陳代謝が良好なため汗が止まらないSです。(私には冷房が必要ですアピール) というわけで、WordPressが4.3にバ …

【WordPress】WPtouchプラグインを利用した場合、特定のURLのみPCサイトを表示させる方法。

【WordPress】WPtouchプラグインを利用した場合、特定のURLのみPCサイトを表示させる方法。

WordPressのプラグイン「WPtouch」をインストールし スマホサイトを制作する際、特定のURLのときはPC用のテンプレートを 表示させたい場合がございます。その方法をご紹介します。 wpto …

WordPressのテーマカスタマイズ時に私が必ず入れるプラグイン【Show Current Template】

WordPressのテーマカスタマイズ時に私が必ず入れるプラグイン【Show Current Template】

WordPressのテーマをカスタマイズする際に とても便利なプラグイン、Show Current Templateのご紹介。 「わーどぷれすっ!から引用」 Show Current Template …