このブログについて
このブログは管理人が、日々のWEB制作で解決した問題や参照したいことをまとめるブログです。自分用の参考書をつくる目的で運営していますが、もし同じことに悩む方のお役に立てば幸いです。
Gutenbergのツールバーを使いやすくするLow-Key ToolBar をリリース
WordPressプラグイン
人生初の公式プラグインとして Low-Key ToolBar というプラグインを …
新着記事
macOS Big Sur に Node.js をインストールする
開発環境
前回の記事で上書きインストールした Big Sur でGitやNode.jsが動 …
Big SurにアップデートしたらGitとnodeが使えなくなった
開発環境
今更ですが色々な問題も出尽くしたと判断して、MacBook ProのOSをMoj …
Gutenbergの国際化対応の手順（5.8対応）
Gutenberg
先日、人生初のWordPress公式プラグイン Low-Key ToolBar …
VS CodeでローカルのリポジトリをGitHubと連携させる方法
開発環境
VS Code＋Gitを使ってローカルで開発し、それをGitHubのリポジトリと …
PHPでSVG画像の大きさを取得する方法
PHP
今までSVGファイルをプログラムで出力するときはimgタグにサイズは書かず、CS …
ダイナミックブロックの表示内容を管理画面とフロントエンドで切り替える方法
Gutenberg
テーマに組み込まれた記事目次を表示させる機能をブロック対応するためにダイナミック …
WordPressでログインユーザーが管理人かどうか調べる方法
WordPressカスタマイズ
現在のユーザーの権限を調べる関数current_user_can()を使います。 …
WordPressで特定の画像だけscrset属性を無効にする
WordPressカスタマイズ
記事内に配置したAPNGファイルがアニメーションしないというトラブルがあったので …
Woocommerceで顧客が購入した商品の情報を取得する方法
WooCommerce
Woocommerceで顧客の購入した商品の一覧を表示したいとう要望がありました …
APNGファイルを一定間隔でループさせる方法
JavaScript
APNGファイルは制作時にループ回数を設定できますが、一定間隔でループさせる（3 …
依存関係なしでwp_add_inline_script()を使う方法
WordPressカスタマイズ
wp_add_inline_script()はちょっとしたスクリプトを挿入すると …
元データのないAPNGファイルのフレームレートやループ回数を編集する方法
HTML
クライアントさんから元データのないAPNGファイルを渡され、アニメーションの速さ …
Gulpで使っているSASSを@importから@useへ移行する手順
CSS
Gulpで処理しているsassを@importから@useに移行する手順の覚書で …