プログラミング

WordPress

GutenbergのregisterStoreで登録したデータを変更してもすぐに反映されない場合にチェックすべき事項

より高度なGutenbergプラグインを作成する場合は registerStore を使用した状態管理が必須です。 @wordpress/dataWordPress’ data module serves as ...
WordPress

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

Gutenberg(ブロックエディタ)のツールバーにボタンを追加する方法は以前紹介しました。 Gutenbergエディタ(ブロックエディタ)にボタンを追加するWordPressのバージョンが5.0になり、エディタ...
WordPress

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

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

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

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

Gutenbergのビジュアルエディタとコードエディタの切り替えなどを検出する方法

ブロックエディタには「ビジュアルエディター」と「コードエディター」の二種類のエディタが用意されており、気軽に切り替えることができます。 ビジュアルエディターコードエディター エディタにデザインを適用させるためにクラスを...
WordPress

Gutenbergエディタにテーマ以外の外部CSSを追加する方法

テーマのCSSをエディタに適用することで公開後のデザインに近づけることができます。 今までのクラシックエディタではテーマディレクトリ配下のCSSを「add_editor_style」を使用して追加することができました。 この方...
WordPress

Gutenbergエディタ(ブロックエディタ)にボタンを追加する

WordPressのバージョンが5.0になり、エディタが新しくなりました。 これまでのTinyMCEとは異なりReactを利用したモダンな実装になっており、エディタへの機能の追加方法も大きく変わりました。 ここでは選択...
WordPress

WordPressのTinyMCE投稿エディタでダイアログを出すボタンを追加する

WordPress5.0からGutenbergという新しい投稿エディタがデフォルトになりましたが、プラグインで前のバージョンの投稿エディタ(TinyMCE)はまだ使えます。 また新しいエディタ内でも「フォーマット」⇒「Clas...
WordPress

WordPressでマーカーアニメーション

先日マーカー(蛍光ペン)で線を引くようなアニメーションをつけるjQueryプラグインを作成しました。 せっかくなのでWordPressから簡単に使用できるようにプラグイン化しました。 導入方法 プ...
プログラミング

jQueryプラグインを作成する(npmパッケージ化)

先日初めてjQueryプラグインを作成しました。 作成したものは以下のマーカーで塗るようなアニメーションを行うプラグインです。 作成するにあたっての手順のメモです。 環境はmacです。 最終的な成果物 ...