WordPressテーマの「Sass編集・コンパイル・プレビュー・アップロード」を全てVSCodeで完結する。サーバはVALUE/CORESERVER。
(特にWordPress限定ではない)
VSCode設定
Sass編集
大体標準で対応。SASS記法のシンタックスハイライトは拡張機能Sassをインストール。
コンパイル
- 拡張機能Live Sass Compilerをインストール
- ステータスバー
Watch Sass
で監視開始 - Sassを更新 (.css自動生成)
WordPressテーマの「Sass編集・コンパイル・プレビュー・アップロード」を全てVSCodeで完結する。サーバはVALUE/CORESERVER。
(特にWordPress限定ではない)
大体標準で対応。SASS記法のシンタックスハイライトは拡張機能Sassをインストール。
Watch Sass
で監視開始png保存のSSがかさばる。画像編集ソフトを立ち上げずD&Dで手軽に圧縮したい。現在の主流はWebアプリだが、画像をUP・DLする時間が無駄なのでフリーソフトを探す。
PNGロスレス圧縮系は遅い上にほとんど減らず。D&Dのみで実行ボタンすら不要のBzzt! Image Editorにした。画像回転オプションもあり助かる。
続きを読む WordPressの画像を減量WordPressに理想的な挙動のモーダルウィンドウを実装する。
Lightbox系プラグインを色々入れて設定してみた所、全て満たせるのはFancyBox for WordPressだけだった。大抵は「画像クリックで閉じる」か「スワイプ対応」が出来ない。
FancyBox~で機能的には申し分ないが、スワイプの挙動に不安定な所がある。PCだと横長の画像しかスワイプ出来ず、スワイプ失敗時キャプションの領域が謎に増えてゆく。(元のFancyBox3では問題ない)
「画像クリックで閉じる」以外を満たし、操作感が気持ちいいLightbox with PhotoSwipeを改変してクリックで閉じられるようにする。
続きを読む 理想のLightboxを求めた