wordpress-logo-2

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

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

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

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

 

色々調べて思ったのは、

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

という事。

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

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

これは、記事を

<!-- wp:html -->
<!-- /wp:html -->
で挟む事で解決。

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

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

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

<!--img1-->

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

 

これを回避するために、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;
});

結局クラシックエディタに戻しちゃったんだけど……

ブロックエディタは、慣れれば使いやすいのかもしれないけれど、今は慣れるために時間を使いたくなかったので、結局クラシックエディタに戻してしまった。

でも、そのうちクラシックエディタのサポートが終了し、いやでもブロックエディタに移行する日がきそうなので……

時間に余裕ができたら少しずつ自分を慣らしていこうかと、思案中……

にほんブログ村 子育てブログ ワーキングマザー育児へ