Web制作 の一覧

昔作ったWordPressショートコードを更新しようと開いたら、phpcsに怒られました。 extract() というPHPの関数について何か言われているようです。 訳: extract()は複雑で意図しない問題が発生す […]

WordPressのブロックなどを開発するときに便利な@wordpres/scripts。基本的な制作環境がさくっと作れて重宝します。SCSSもコンパイルしてくれるのがとてもありがたい。しかし、大がかりなものを作ろうとしたときになどは、できあがりのCSSをもうちょっとこう、メディアクエリをまとめてほしいとかソートしてほしいとか、いろいろ必要な処理が出てきます。

そこで、@wordpress/scripts環境のPostCSSをカスタマイズして、理想のCSS出力を目指そう、といった内容です。

やりたいこと:

• @wordpress/scriptsで開発環境を構築
• VSCodeでコード保存時にJS / SCSSの自動整形を行う

タイトルのままですが、VSCodeでWordPressのブロックエディタ開発用にコードを自動整形させたい、というのがこの記事の趣旨です。WordPress用ってことでWordPressのコーディング規約に準じた構成とカスタムルールが含まれた @wordpress/eslint-plugin を使います。

WordPressのテーマカスタマイザーをカスタマイズする際に、複数選択できるチェックボックスが欲しいときって結構あるんですが、WordPress5.5時点では公式に用意されていないようです。というわけで自作の方法を紹介します。日本語の解説記事があまりないので残しておきます。

よくある問題ですね。何十回、何百回とキャッシュ削除に時間と手間をかけるのはムダ。CSSを更新したら自動的にキャッシュをクリアしたい。そんなお悩みを解決するための小技をご紹介します。 CSSを更新ごとにブラウザキャッシュを […]

WordPressのリアルタイムカスタマイズのネ申機能のひとつ「追加CSS」。しかし、以下のようなメッセージが出て更新できないことがあります。 何かうまくいかなかったようです。時間を置いてもう一度お試しください。 困った […]

Visual Studio Code Macでこれだけは覚えておきたい！と思うキーボードショートカットのまとめです。あとで追加するかも。

このサイトで出てくるリンクや引用文、目次について、どんなプラグインを使っているのかとご質問がありましたので、ご紹介します。リンク関連はこだわりたかったので、AmazonJSを除き自作したものです。手前味噌で恐縮です。