deSVGは、imgタグで設置しているSVGファイルをインラインSVGに変換してくれるJavaScriptライブラリです。 SVGの色をCSSで変更しようと思った場合、imgタグで設置されているSVGファイルは変更できず…
WordPress5.0から導入された新しいエディタ「Gutenberg(ブロックエディタ)」ですが、慣れると非常に便利で使い勝手が良いです。一度慣れてしまうと旧エディタには戻れないですね。 Gutenbergで記事を書…
WordPressで記事を公開したら、指定したアドレス宛にメールを送信する方法をご紹介いたします。 メール件名に記事タイトル、メール本文に記事URLを記載したメールを、簡単に送信することができます。 WordPressで…
SVG Explorer Extensionは、Windowsのエクスプローラ上で、SVGファイルのサムネイルを表示できるようになるフリーソフトです。 WindowsではSVGファイルはInternet Explorer…
SVG Artistaは、SVGに適用するアニメーションを作成できるWEBサービスです。 プレビューで動きを確認しながら値を設定していけるので、そんなに知識がなくても簡単にSVGアニメーションを作成できます。 SVG A…
WordPressでは、SVGファイルをアップロードしようとすると、以下のように「セキュリティ上の理由によりこのファイル形式は許可されていません」とエラーが出て弾かれてしまいます。 “セキュリティ上の理由によ…
WordPressで、外部JavaScriptファイルにPHPの変数・配列の値を渡して、JavaScriptファイル内で使えるようにする方法をご紹介いたします。 wp_enqueue_scriptsで読み込んでいるJav…
Google Media Sitemapは、投稿や固定ページ、カスタム投稿内に挿入された画像・動画のXMLサイトマップを生成してくれるWordPressプラグインです。 Googleが定義している仕様に準拠したサイトマッ…
Mockは、アップロードした動画をスマホの画面上で再生しているようなモックアップ動画にしてくれるWEBサービスです。 以下はフリーの動画素材で作成してみたモックアップ動画です。このように、スマホ上で再生されているようなモ…
jQueryを使って、ボタンをクリックする度に要素の中のテキストを切り替える方法をご紹介いたします。 例えば、「開く」と書かれたボタンをクリックすると、テキストを「閉じる」に切り替えたい時などに便利です。 jQueryを…