Gutenberg

WordPress

Gutenbergのブロック検索のキーワードを自由に設定できるようにしてみる

公式ディレクトリのページ 機能 ブロック検索に使用するキーワードをサイドバーから設定できるようにします。 導入手順 管理画面のプラグインから「新規追加」「Change Block Keywords」で検索し...
WordPress

Gutenbergプラグイン用のデータを永続化する

Gutenbergには store による状態管理を簡単に行う方法が用意されています。 さらにその状態をブラウザのローカルストレージに保持するための仕組みもあります。 設定を保存することで、より便利なプラグインを作成することが...
WordPress

GutenbergのregisterStoreで注意すべき点

より高度なGutenbergプラグインを作成する場合は registerStore を使用した状態管理が必須です。 実装方法によっては状態を変更してもすぐに画面に反映されないため注意が必要です。 例  例えば f...
WordPress

Gutenbergのブロックを一時的に隠すプラグインを作成しました

公式ディレクトリのページ 機能 一時的にブロックを非表示にできます。 導入手順 管理画面のプラグインから「新規追加」「Hide Blocks Temporarily」で検索し「今すぐインストール」を押下プラ...
WordPress

Gutenbergのツールバーにドロップダウンを追加する

Gutenberg(ブロックエディタ)のツールバーにボタンを追加する方法は以前紹介しました。 ただ、この方法の場合はドロップダウンでまとめることはできません。 Gutenberg プラグイン v5.3 または Word...
WordPress

Gutenberg用の校正プラグインを作成しました

機能 Yahoo!API の校正支援APIを利用して校正を行います。 導入手順 ZIPをダウンロード『プラグインのアップロード』からインストールプラグインを有効化Yahoo! APIのClient IDを...
WordPress

【Gutenberg】公開済みの記事のプレビューの変更が反映されない場合の対処方法

メタボックス を使用している場合 かつ 公開後の投稿の場合、変更した内容がプレビューで反映されない場合があります。 すでにIssueとして挙がっているので今後本体側で修正される可能性が高いですが、それまでは自分で修正する必要がありま...
WordPress

Gutenbergの装飾バーが邪魔な場合

デフォルトではほとんど何もできない装飾バー(ツールバー)ですが、ブロックの上部に固定されるために一つ上のブロックの文章が隠れてしまって邪魔だと思う方が多いと思います。 こんな感じ↓ このツールバーですが、ヘッダー上部に...
WordPress

Gutenbergの実装箇所を素早く見つけて開発をはかどらせる

公式のハンドブックやいろいろな開発者によるブログ記事なども充実してきましたが、一番確実なのは実装コードを実際に見てみることです。 ただ、Gutenbergのコードは量が多く、慣れないと目的の実装箇所を見つけるのに時間がかかってしまう...
WordPress

Gutenberg にプラグインを登録する

Gutenberg(ブロックエディタ)にはプラグインを登録する機能があります。 ここでいうプラグインとは『WP Multibyte Patch』や『Contact Form 7』のような、管理画面からインストールして使うものとは異な...