そろそろブロックエディタに慣れようとクラシックエディタ機能をOFFにしてみたけど、やっぱり困ってしまっている件

私は、ブログの記事を VS Code で作成し、Wordpress のテキストエディタに貼り付けて使用している。

WordPressの原稿をVSCodeで書くための設定いろいろ
https://mom-neuroscience.com/wordpress-vscode/
私はブログの記事作成に、しばらくWordPressのエディタを使っていたのですが、特定の条件で動作が遅くなったり、自動フォーマットの修正に時間をとられたり、マルチカーソルが使えなかったりと、少々使いにくいところがあった …

WordPressはずっとクラシックエディタを使っていたが、

「そろそろブロックエディタに慣れないとかなー」

と思い、思い切ってクラシックエディタのプラグインを停止してみたら、やっぱり苦労した……。

色々調べて思ったのは、

「このブロックエディタは私みたいに別のエディタで書いて貼り付けるなんて事は想定していなさそうだ……」

という事。

困り事１：hタグなどが無理やりブロック化される

作った記事を WordPress のテキストエディタに貼り付けても、無理やりブロック化されてしまい、レイアウト等が崩れて大変なことに……

これは、記事を

<!-- wp:html -->

と

<!-- /wp:html -->

で挟む事で解決。

困り事２：コメントにpタグが自動挿入される

もう一つ困ったのが、コメント部分に＜p＞タグが自動挿入される事。

VS Code では、図を挿入する場所などに、

<!--img1-->

のようにコメントを入れているが、ここに＜ｐ＞タグが挿入されてしまい、余計な空白ができてしまう。

これを回避するために、function.php に修正を加えた。

方法：外観 → テーマエディター → 子テーマの functions.php を選択 → 一番下に下記を記述。

/* pタグの自動整形を無効化*/
add_action('init', function() {
remove_filter('the_excerpt', 'wpautop');
remove_filter('the_content', 'wpautop');
});
add_filter('tiny_mce_before_init', function($init) {
$init['wpautop'] = false;
$init[‘apply_source_formatting’] = true;
return $init;
});