WordPress Marker AnimationプラグインをGutenbergエディタに対応させました
Marker Animationプラグインは蛍光ペンを引くようなアニメーションを設定できるようにするWordPressのプラグインです。
ツールバーにボタンを追加
Gutenbergのツールバーにボタンを追加...
WordPress 
WordPress Gutenbergのリッチテキストの既知の問題
経緯
こちらの記事の現象が開発中のプラグインでも発生したため原因を調査しました。
現象
クラスとタグ名を指定して registerFormatType でフォーマットタイプを登録ビジュアルエディタのツールボタン等...
WordPress CSRF検出プラグインを作成しました
GitHub
機能
SQLの実行 及び nonceのチェック を監視します。nonceのチェック が行われる前に create insert update delete などの SQLコマンドが実行 されたときに
...
WordPress WordPressのテーマのセキュリティに関する問題を報告し提案したパッチが適用されました
発見したセキュリティに関する２点の問題
CSRF（クロスサイトリクエストフォージェリ）
CSRFは送信されたデータの送信元の検証を正しく行わなかった場合に発生します。
例えば以下のような手順で発生します。
Word...
雑記 GitHubが無料でプライベートリポジトリを使用可能に
GitHubを無料で利用しているユーザーもプライベートリポジトリを作成できるようになりました！
すでに公開しているリポジトリでもプライベートに変更することが可能です。
1. 設定に移動2. Make private...
WordPress Gutenbergのビジュアルエディタとコードエディタの切り替えなどを検出する方法
ブロックエディタには「ビジュアルエディター」と「コードエディター」の二種類のエディタが用意されており、気軽に切り替えることができます。
ビジュアルエディターコードエディター
エディタにデザインを適用させるためにクラスを...
WordPress Gutenbergエディタにテーマ以外の外部CSSを追加する方法
テーマのCSSをエディタに適用することで公開後のデザインに近づけることができます。
今までのクラシックエディタではテーマディレクトリ配下のCSSを「add_editor_style」を使用して追加することができました。
この方...
WordPress Gutenbergエディタとクラシックエディタの判定やCSSの読み込み方法まとめ
エディタの判定
以下の方法でGutenbergエディタ（ブロックエディタ）とクラシックエディタを判定することが可能です。
$current_screen = get_current_screen();
if ( ( method_ex...
WordPress GutenbergエディタのDOMを操作をしたい場合
今までのエディタでは「tiny_mce_before_init」フィルタなどのフックでクラスを付与したり色々な設定を変更したりすることができました。
Gutenbergでは同様の方法をとることができません。
新たにDOMの構築...
WordPress Gutenbergエディタ（ブロックエディタ）にボタンを追加する
WordPressのバージョンが5.0になり、エディタが新しくなりました。
これまでのTinyMCEとは異なりReactを利用したモダンな実装になっており、エディタへの機能の追加方法も大きく変わりました。
ここでは選択...