Emulsion Theme

block editor ( gutenberg ) 対応した新しいコンセプトのテーマ

block をブックマークレットから挿入

block をブックマークレットから挿入

ブロックをブックマークレットから挿入すると便利だよ

ブロックエディタで、例えば「見出しブロック」を挿入するときには、メニューバーから、h3を挿入とか、テキスト位置を指定したり、毎回同じ作業を繰り返すのは面倒だと思っていませんか?

私は、見出しの挿入の度に、見出しレベルを設定したり、テキスト位置を指定するのは、慣れてくるほど面倒に感じます。

行頭に「### 」を入力する方法もありますが、日本語で入力している場合、半角英数に切り替えるのもおっくうです。

何とかならないかと思い、ブックマークレットでブロックの挿入をしてみることにしました。

コードは、こんな感じのものです。

javascript:void(
	(function(){
		wp.data.dispatch('core/editor').insertBlocks(
			[
			 wp.blocks.createBlock('core/heading', {level:3,placeholder:"heading h3",align:'left'}),
				
			]
		);
	})()
);

minify して、ブックマークレットのリンク先にしました。

h1

h2

h3

h4

h5

h6

上のリンクを、ブラウザのツールバーにドラッグすると、挿入できるようになります。

投稿の編集ページを開いた状態で、試してみてください