WordPressで効率的にブロックを挿入したい！ 【スラッシュ挿入を活用】 （Change Block Keywordsプラグイン）

• WordPressのブロックエディタには、スラッシュでブロックを挿入する機能があります。
  これを「slash inserter（スラッシュ挿入）」といいます。
• 「slash inserter」で検索すると、英語の記事がいくつか出てきます。
• 「change-block-keywords」プラグインを使うと、スラッシュ挿入のキーワードを自分で設定できるようになります。

後日談。

[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり）

WordPress 6.6のアップグレードにより、ブロックの検索キーワード設定機能が使えなくなりました。JavaScriptを使用して、子テーマに直接スラッシュインサータの機能を追加する方法を実装しました。add-block-keywords.jsというJavaScriptを追加して、functions.phpから読み込むようにしました。WordPress 6.6にしたらプラグインが動かなくなったWordPress 6.6にアップグレードしました。すると、ブロックの「高度な設...

chiilabo.com

1. スラッシュ・インサータ（スラッシュ挿入）でショートカットできる

段落ブロックの先頭に半角のスラッシュを入力して、続きにブロック・キーワードを入力すると、挿入ブロックを選択できます。

例えば、「/ht」と入力してみると、「カスタムHTML」が選択肢に表示されます。マウスで選択するか、そのままエンターキーを押すと、ブロックが挿入されます。

複数候補がある場合は、上下キーで選んでエンターキーで挿入することもできます。

いちいち、ブロックの追加で選ばなくてキーボード操作だけで編集していけるので、キーボードユーザーには便利ですね。

2. ブロック・キーワードがわからない

ところが大きな問題が一つあって、ブロック・キーワードがわからない、ということです。

例えば、「見出し」。

日本語入力にして「/見出し」と入力すれば、ブロックを選択できますが、「/heading」などとしても候補はありません。

「/見出し」には候補があるけれど、

「/heading」にはなんにも表示されない…

ブロック名が日本語で表示されているので、英語のキーワードがわからないんですよね。

というか、そもそも英語のキーワードがあるのかすらわからないのです。

3. ブロック・キーワードを指定できるプラグインがあった

検索してみると、ブロックキーワードを指定できるプラグインがありました。

githubのプラグインをインストールすると、エディタでのブロックオプションに「検索キーワードを設定」という項目が追加されます。

3-1. 実際にプラグインをインストールしてみた

ダウンロードしたプラグインをサイトにアップロードして、「インストール」します。

そしたら、プラグインを有効化します。

よく使うブロックの検索キーワードは追加されているので、特にカスタマイズしなくても「/heading」でブロックの挿入ができるようになりました。

カスタマイズする場合は、設定の場所がブロックオプションにあるのでちょっと理解しにくかったのですが、これは単独のブロックだけではなく、ブロックそのもののスラッシュ・インサータでのキーワードを変更します。

これでスラッシュ記法でスムーズにブロックを挿入していくことができますね。

続きはこちら。

[WordPress] スラッシュインサータ用にブロックキーワードをJavaScriptで追加した（change-block-keywordsプラグインの代わり）

WordPress 6.6のアップグレードにより、ブロックの検索キーワード設定機能が使えなくなりました。JavaScriptを使用して、子テーマに直接スラッシュインサータの機能を追加する方法を実装しました。add-block-keywords.jsというJavaScriptを追加して、functions.phpから読み込むようにしました。WordPress 6.6にしたらプラグインが動かなくなったWordPress 6.6にアップグレードしました。すると、ブロックの「高度な設...

chiilabo.com

こちらもどうぞ。

[WordPress] 急に番号付きリストが表示されなくなった 【VK All in One Expansion Unit プラグインのリストスタイル】

ブログを書いていたら、突然「番号付きリスト」がうまく出てこなくなったので、原因を調べてみました。ポイントWordPressのアップデートで番号付きリストが表示されなくなったので、VK All in One Expansion Unit プラグインを削除した。番号付きリストとは？ウェブページ（HTML）の要素として、リストは２種類あります。箇条書きリスト（<ul>タグ）番号付きリスト（<ol>タグ）ちなみに ↑ は箇条書きリストです「番号付きリスト」は、順序のある項目を並べると...

chiilabo.com

[WordPress] アップロードした画像ファイル名から全角文字をなくすには？ 【WP Multibyte Patch】

日本語には全角文字があって、コンピュータを利用しているとしばしばトラブルの元になります。今回は、WordPressにアップロードするファイル名に、全角文字があれば自動で変更する方法をまとめてみます。ことの発端はLINE共有でアイキャッチ画像が表示されなかったこと先日、LINEのタイムラインに投稿するときに、アイキャッチ画像のファイルが表示されないことがありました。原因は、og:imageで指定されるアイキャッチ画像のファイルURLに全角文字が含まれていることがでした。通常は、...

chiilabo.com

QRコードを読み込むと、関連記事を確認できます。