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にて出版
ナマケモノのふにゃまるちゃん

ドメイン取得は同じところで取得しておくと便利ですよ。
お名前.comは1円から購入(1年間)できるドメインがあるので、いろいろと便利で経済的です。
ホームページ制作ならRU DESIGN

関連記事

ワードプレス各バージョンと使用可能な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」ですが、更新も止まったままの状態で再開の目処はなさそうで...
WordPressの文字列を一括変換する便利なプラグイン「Search Regex」
2023/05/26
 WordPressのサイト内の文字列を一括置換・一括変換するのに便利なプラグインをご紹介します。ドメインを変更した場合だったり、「WordPress」を「ワー...
ワードプレスの記事をまとめて削除に便利!「Bulk Delete」
2023/04/25
 ワードプレスで大量の記事を削除したいときに便利なのが「Bulk Delete」というプラグインです。数十記事ではチェックボックスで一括選択削除で十分ですが、こ...