開発

WordPress

Gutenberg用の文章修飾プラグインを作成しました

Gutenberg エディタのツールバーに文章修飾用のボタンを追加するプラグインを作成しました。 スクリーンショット Gutenbergエディタサイドバー設定追加設定一覧ダッシュボード 要件 PHP...
WordPress

Marker AnimationプラグインをGutenbergエディタに対応させました

Marker Animationプラグインは蛍光ペンを引くようなアニメーションを設定できるようにするWordPressのプラグインです。 ツールバーにボタンを追加 Gutenbergのツールバーにボタンを追加...
WordPress

CSRF検出プラグインを作成しました

GitHub 機能 SQLの実行 及び nonceのチェック を監視します。nonceのチェック が行われる前に create insert update delete などの SQLコマンドが実行 されたときに ...
WordPress

Marker Animationプラグインの更新 v1.2.5~v1.4.1

Marker Animationプラグインは蛍光ペンを引くようなアニメーションを設定できるようにするWordPressのプラグインです。 v1.2.5 開発バージョンをチェックできるように修正 v1.2....
WordPress

Gutenbergエディタとクラシックエディタの判定やCSSの読み込み方法まとめ

エディタの判定 以下の方法でGutenbergエディタ(ブロックエディタ)とクラシックエディタを判定することが可能です。 $current_screen = get_current_screen(); if ( ( method_ex...
WordPress

Marker Animationプラグインの更新 v1.1.9~v1.2.4

Marker Animationプラグインは蛍光ペンを引くようなアニメーションを設定できるようにするWordPressのプラグインです。 v1.1.9 WordPress5.0のGutenbergエディタへの対応...
WordPress

GutenbergエディタのDOMを操作をしたい場合

今までのエディタでは「tiny_mce_before_init」フィルタなどのフックでクラスを付与したり色々な設定を変更したりすることができました。 Gutenbergでは同様の方法をとることができません。 新たにDOMの構築後...
WordPress

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

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

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

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

マーカーアニメーションをjQueryプラグイン化してみた

画面に表示されたときにマーカー(蛍光ペン)で線を引くようなアニメーションを付けるjQueryプラグインを作成しました。 動作例  導入 ソースはGitHubで管理しています。 ダウンロードして利用する場合 リリースバー...