ワードプレスのHTMLエディタ非表示

Question

ワードプレスのHTMLエディタを非表示にしたいです。
以下のサイトで記載されていた、
a#content-html {
display: none;
}
というコードをcssに書いたのですが、何も変わりませんでした。
http://www.imaginationdesign.jp/blog/wordpress/1820/

ちなみに普通にstyle.cssに書いています。

cssで非表示にできればいいのですが、どうすればいいのでしょうか。
よろしくお願いします。

Answer 1

使用しているテーマの functions.php に以下を追加してみてください。

add_filter( 'wp_editor_settings', function ( $settings ) {
	if ( user_can_richedit() ) {
		$settings['quicktags'] = false;
	}

	return $settings;
} );

WordPress 公式フォーラムもありますので利用してみてください。過去に同じような悩みを抱えた方がいて、スレッドがあるかもしれません。
https://ja.forums.wordpress.org/

Comments

[shin59]

すごいです！一発でできました。
ちなみに公式フォーラムでは直接的な例は見つかりませんでした。
ありがとうございました。

Answer 2

style.cssは、表画面用のCSSです。管理画面には影響しません。

管理画面を書き換える場合、admin_enque_scriptsフックでCSSを追加しましょう。

function add_admin_css(){
  wp_enqueue_style( 'my-admin-css' , 'path/to/my.css' );
}

 add_action( 'admin_enqueue_scripts', 'add_admin_css');

Comments

[shin59]

すみません、よくわかりませんでした。
functions.phpに上記コードを追加し、
add_admin.cssを作成してアップロードして、
a#content-html {
display: none;
}
のコードを書きましたが、何も変わりませんでした。

[maisumakun]

「wp_enqueue_styleの引数が、作成したCSSファイルをきちんと指しているか」と「ブラウザから見て、CSSの読み込み状況はどうか（Developer Toolsで確認できます）」の2点を確認してみてください。

[shin59]

ご回答ありがとうございました。