開発

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で管理しています。 ダウンロードして利用する場合 リリースバー...
WordPress

WP Related Post JPプラグインの更新 v1.0.1.9~v1.0.3.0

v1.0.1.9 投稿一覧ページにインデックス結果を表示する機能を追加しました。 「表示」をクリックすると関連記事のスコアや重要語のスコア等が確認できます。 v1.0.2.0~v1.0.2.2 インデックス対象の文字数制限を...
WordPress

WordPressのアクションやフィルタの適用を最小限にする

「add_action」や「add_filter」によってフックすることでWordPressの機能を拡張することができますが、闇雲に追加すると他で追加されたものと競合したり不要な箇所でフックされたりして予期せぬ動作になってしまうことがありま...
WordPress

WordPress の「アクション」と「フィルタ」を「フック」してプラグインを開発してみる

この記事は下のページの続きになります。 最小限のプラグインが用意出来たらいよいよ機能を追加していきましょう! 最初に WordPressのプラグインを作成するうえで絶対に必要な概念として「アクション」と「フィルタ」がありま...
WordPress

WordPressのプラグインを自分で開発してみる

WordPressを運用しているなら必ずと言ってもいいほどお世話になるプラグイン。 お問い合わせフォームからSEO対策、サイトマップ生成やサイトの高速化まで様々なプラグインがあります。 何かWordPressに欲しい機能があった...