GutenbergエディタのDOMを操作をしたい場合
今までのエディタでは「tiny_mce_before_init」フィルタなどのフックでクラスを付与したり色々な設定を変更したりすることができました。 Gutenbergでは同様の方法をとることができません。 新たにDOMの構築後に実行するコ...
GutenbergエディタのDOMを操作をしたい場合
今までのエディタでは「tiny_mce_before_init」フィルタなどのフックでクラスを付与したり色々な設定を変更したりすることができました。 Gutenbergでは同様の方法をとることができません。 新たにDOMの構築後に実行するコ...
Gutenbergエディタ(ブロックエディタ)にボタンを追加する
WordPressのバージョンが5.0になり、エディタが新しくなりました。 これまでのTinyMCEとは異なりReactを利用したモダンな実装になっており、エディタへの機能の追加方法も大きく変わりました。 ここでは選択した文字列を特定のク....
Gutenbergエディタ(ブロックエディタ)にボタンを追加する
WordPressのバージョンが5.0になり、エディタが新しくなりました。 これまでのTinyMCEとは異なりReactを利用したモダンな実装になっており、エディタへの機能の追加方法も大きく変わりました。 ここでは選択した文字列を特定のク....
WordPressのTinyMCE投稿エディタでダイアログを出すボタンを追加する
WordPress5.0からGutenbergという新しい投稿エディタがデフォルトになりましたが、プラグインで前のバージョンの投稿エディタ(TinyMCE)はまだ使えます。 また新しいエディタ内でも「フォーマット」⇒「Classic」からブ...
WordPressのTinyMCE投稿エディタでダイアログを出すボタンを追加する
WordPress5.0からGutenbergという新しい投稿エディタがデフォルトになりましたが、プラグインで前のバージョンの投稿エディタ(TinyMCE)はまだ使えます。 また新しいエディタ内でも「フォーマット」⇒「Classic」からブ...
WordPressでマーカーアニメーション
先日マーカー(蛍光ペン)で線を引くようなアニメーションをつけるjQueryプラグインを作成しました。 <a href="">動作デモはこちら</a> せっかくなのでWordPressから簡単に使用できるようにプラグイン化しました。 ....
WordPressでマーカーアニメーション
先日マーカー(蛍光ペン)で線を引くようなアニメーションをつけるjQueryプラグインを作成しました。 <a href="">動作デモはこちら</a> せっかくなのでWordPressから簡単に使用できるようにプラグイン化しました。 ....
jQueryプラグインを作成する(npmパッケージ化)
先日初めてjQueryプラグインを作成しました。 作成したものは以下のマーカーで塗るようなアニメーションを行うプラグインです。 <a href="">動作デモはこちら</a> 作成するにあたっての手順のメモです。 環境はmacです。 最終的...
jQueryプラグインを作成する(npmパッケージ化)
先日初めてjQueryプラグインを作成しました。 作成したものは以下のマーカーで塗るようなアニメーションを行うプラグインです。 <a href="">動作デモはこちら</a> 作成するにあたっての手順のメモです。 環境はmacです。 最終的...
マーカーアニメーションをjQueryプラグイン化してみた
画面に表示されたときにマーカー(蛍光ペン)で線を引くようなアニメーションを付けるjQueryプラグインを作成しました。 動作例 <a href="">動作デモはこちら</a> 導入 ソースはGitHubで管理しています。 ダウ......
マーカーアニメーションをjQueryプラグイン化してみた
画面に表示されたときにマーカー(蛍光ペン)で線を引くようなアニメーションを付けるjQueryプラグインを作成しました。 動作例 <a href="">動作デモはこちら</a> 導入 ソースはGitHubで管理しています。 ダウ......
WordPressのアクションやフィルタの適用を最小限にする
「add_action」や「add_filter」によってフックすることでWordPressの機能を拡張することができますが、闇雲に追加すると他で追加されたものと競合して予期せぬ動作になってしまうことがあります。 REMOVE_ACTION...
WordPressのアクションやフィルタの適用を最小限にする
「add_action」や「add_filter」によってフックすることでWordPressの機能を拡張することができますが、闇雲に追加すると他で追加されたものと競合して予期せぬ動作になってしまうことがあります。 REMOVE_ACTION...
関連記事プラグイン「WordPress Related Posts」のメリット・デメリット
関連記事の表示はサイトの回遊率を上げるのに非常に有効な手段です。 WordPressでは関連記事を取得する機能はないため、プラグインを利用したり自分で実装する必要があります。 試しに「wordpress 関連記事 プラグイン」で調べてみると...
関連記事プラグイン「WordPress Related Posts」のメリット・デメリット
関連記事の表示はサイトの回遊率を上げるのに非常に有効な手段です。 WordPressでは関連記事を取得する機能はないため、プラグインを利用したり自分で実装する必要があります。 試しに「wordpress 関連記事 プラグイン」で調べてみると...
WordPress の「アクション」と「フィルタ」を「フック」してプラグインを開発してみる
の続き 最小限のプラグインが用意出来たので機能を実装していきます。 最初に WordPressのプラグインを作成するうえで絶対に必要な概念として「アクション」と「フィルタ」があります。 WordPressは本体だけで色々な機能が備わ.....
WordPress の「アクション」と「フィルタ」を「フック」してプラグインを開発してみる
の続き 最小限のプラグインが用意出来たので機能を実装していきます。 最初に WordPressのプラグインを作成するうえで絶対に必要な概念として「アクション」と「フィルタ」があります。 WordPressは本体だけで色々な機能が備わ.....
WordPressのプラグインを自分で開発してみる
WordPressを運用しているなら必ずと言ってもいいほどお世話になるプラグイン。 お問い合わせフォームからSEO対策、サイトマップ生成やサイトの高速化まで様々なプラグインがあります。 何かWordPressに欲しい機能があった場合、ネット...
WordPressのプラグインを自分で開発してみる
WordPressを運用しているなら必ずと言ってもいいほどお世話になるプラグイン。 お問い合わせフォームからSEO対策、サイトマップ生成やサイトの高速化まで様々なプラグインがあります。 何かWordPressに欲しい機能があった場合、ネット...