1. TOP
  2. >カスタマイズ・小技>
  3. 固定ページのビジュアルエディタを無効にする

固定ページのビジュアルエディタを無効にする

カスタマイズ・小技, WordPress

2021/12/28
固定ページのビジュアルエディタを無効にする

この記事は【2021年12月28日】が最後の更新のため、記事の内容が古い可能性があります。

WordPressの旧エディタでは、投稿や固定ページを作成する際に『テキストエディタ』『ビジュアルエディタ』の2種類のエディタを利用できます。
現在はブロックエディタを推してるみたいですが個人的には使いにくい。

各エディタは赤枠で囲ってあるタブで切り替えられます。

それぞれの違いを簡単に説明すると

テキストエディタ
HTMLコードが見える状態で記事を作成
画像等もコードで表示

ビジュアルエディタ
コードを書かずにHTMLのタグ機能を持たせられる。
TinyMCE等のプラグインを追加すれば、ブログやWordのような形で文章を見たまま作成できます。

各エディタの特性を活かし切り替えながら記事作成も可能ですが、pタグやspanタグが削除されたり、予期せぬ改行が入りpタグが追加されたりします。
これはWordPressのwpautopによる挙動です。便利な機能ではあるのですがやっかいな面もあります。

クライアント側でも固定ページを随時更新するような状況の場合、予期せぬ自体を未然に防ぐために、予め無効にしておくのも良いかと思います。

固定ページのビジュアルエディタを無効にするには

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');

特定の固定ページのビジュアルエディタを無効に

上記コードは固定ページ全体のビジュアルエディタを無効にしています。
HTMLコードを利用し複雑なレイアウトにしたのに、切り替えによって崩れてしまう場合もあります。

そこで

特定の固定ページ限定で無効にする方法はこちら。

function disable_visual_editor_in_page(){
  global $typenow;
  $url = $_SERVER['REQUEST_URI'];
  if( $typenow == 'page' && strstr($url, 'post=1')){
    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' );

○の部分の数字を該当させたいIDに変更してください。

if( $typenow == ‘page’ && strstr($url, ‘post=○’))

- PR -

ニッチなテーマのイラスト素材投稿始めました。良かったら使ってください。
RU DESIGN/無料イラスト・フリー素材「イラストAC」

オリジナル絵本 Kindleにて出版
ナマケモノのふにゃまるちゃん

ドメイン取得は同じところで取得しておくと便利ですよ。


応援・支援よろしくお願いいたします。サイト運営に使わせていただきます。

■BTC
1PPYM4493tNYVZuGxXnYLpVdKJXSwFagPQ
■MATIC
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B
■ETH
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B

ホームページ制作ならRU DESIGN

関連記事

WordPressでカスタム投稿に投稿する際に、アイキャッチを設定していなければ自動で設定させる方法
2024/05/20
ワードプレスのアイキャッチの設定をしなかった場合でも、投稿時に自動で設定してくれる方法です。   functions.php function def...
別のワードプレスへ記事移行の際に画像もエクスポートしてくれるプラグイン
2024/05/16
ワードプレスの記事をエクスポートする際に、デフォルトの状態ではメディア(添付ファイル)は含まれません。「Export media with selected c...
ワードプレス各バージョンと使用可能なPHPバージョン一覧
2024/01/29
 WordPressのバージョンによって使用可能なPHPのバージョンは異なってきます。PHPのバージョンによっては、ワードプレスが正常に動作しなかったり、テンプ...
【WordPress】古い投稿を現在の日付で再投稿してくれるプラグイン「Republish Old Posts」
2023/08/31
注意:パーマリンクに日付が含まれている場合は、このプラグインを使用しないでください。SEOプラグイン「All in One SEO」との相性もよくないそうです。...
Crayon Syntax Highlighterの代替プラグイン「Enlighter」
2023/06/05
 ソースコードをきれいに表示させるのに役立っていた「Crayon Syntax Highlighter」ですが、更新も止まったままの状態で再開の目処はなさそうで...