プログラミング

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です。 最終的な成果物 ...
プログラミング

マーカーアニメーションを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 Related Posts」を使用するセキュリティリスク

関連記事の表示はサイトの回遊率を上げるのに非常に有効な手段です。 WordPressでは関連記事を取得する機能はないため、プラグインを利用したり自分で実装する必要があります。 試しに「wordpress 関連記事 プラグイン」で...