png保存のSSがかさばる。画像編集ソフトを立ち上げずD&Dで手軽に圧縮したい。現在の主流はWebアプリだが、画像をUP・DLする時間が無駄なのでフリーソフトを探す。
画像圧縮に求める条件
- 画像をD&Dで圧縮・保存
- 圧縮が高速
- PNG→JPG変換
- ローカルで動作
PNGロスレス圧縮系は遅い上にほとんど減らず。D&Dのみで実行ボタンすら不要のBzzt! Image Editorにした。画像回転オプションもあり助かる。
続きを読む WordPressの画像を減量タグ: Web制作
Web小説を任意のフォントで縦書き
Web小説の縦書き表示を模索。
CSS
単純な縦書きならCSSで可能だが、小説はフォントが最重要。ほとんどのフォントライセンスでWebフォントやEPUB埋め込みは許可されていない。源ノ明朝、しっぽり明朝は良いフォントだが、筑紫明朝系を使いたい。
PDF埋め込みは許可されている事が多い。WordPressプラグインのPDFビューアを複数試したが、資料やカタログが想定されていて書籍向きではない。モダンな3Dフリップ表示の物は見開き・RtL(縦書き向け)設定があったが、音やアニメの余分な演出が付き、ホイールスクロールが出来ず。
続きを読む Web小説を任意のフォントで縦書き理想のLightboxを求めた
WordPressに理想的な挙動のモーダルウィンドウを実装する。
画像モーダルに求める条件
- 画像クリックで閉じる (×ボタンや背景のクリックは面倒)
- シンプル (フレームや影やズームボタンは不要)
- アニメーション無し (ふわっと出るのは時間の無駄)
- スワイプ対応 (左右で閲覧、上下で閉じる)
- ギャラリーをホイール上下で操作
- WordPressで設定したキャプションが出る
Lightbox系プラグインを色々入れて設定してみた所、全て満たせるのはFancyBox for WordPressだけだった。大抵は「画像クリックで閉じる」か「スワイプ対応」が出来ない。
FancyBox～で機能的には申し分ないが、スワイプの挙動に不安定な所がある。PCだと横長の画像しかスワイプ出来ず、スワイプ失敗時キャプションの領域が謎に増えてゆく。(元のFancyBox3では問題ない)
「画像クリックで閉じる」以外を満たし、操作感が気持ちいいLightbox with PhotoSwipeを改変してクリックで閉じられるようにする。
続きを読む 理想のLightboxを求めたWordPressプラグイン
管理
- Enable Media Replace
メディアライブラリの画像を差替。png→jpg可能、記事修正不要 - FileBird Lite
メディアライブラリのファイルをD&Dしてフォルダ分け - HTML Editor Syntax Highlighter
テーマ・プラグインエディタのコードをハイライト表示
(記事エディタのスタイル変更はChrome拡張のStylusを使用) - No Category Base
カテゴリURLからcategory/を削除して簡略化 - UpdraftPlus
バックアップ。オンラインストレージ対応 - (Better Admin Bar)
admin barを消してマウスオーバーで表示
→CSSでの小型化に移行。記事 - (Jetpack)
多機能プラグイン。追加CSS画面でSCSSを使う為にそれのみ有効化
→VSCode拡張のLive Sass Compile+SFTPに移行。記事