WordPress WordPress 6.7.1のアップデートで画像サイズがおかしくなる原因
WordPress 6.7.1のアップデートで以下のスタイルが追加されました。img:is(, ) { contain-intrinsic-size: 3000px 1500px; }これにより6.7で画像が小さくなっていた不具合は解消されたようですが、当サイトでは新たな問題が発...
CSS
WordPress 
WordPress 【Cocoon】吹き出しの内容に合わせて幅を伸縮させるカスタマイズ
デフォルトでは吹き出しが横幅いっぱい広がりますが、内容に合わせた幅にしたくてCSSを追加してみました。
WordPress 【Cocoon】ブログカードをサイドバーやモバイルで縦型表示にするカスタマイズ
デフォルトで画像とテキストが横並びになっているブログカードを、モバイルでは縦型へ見やすく変更します。
WordPress 【Cocoon】段落ブロックのスタイル・配色カスタマイズ
Cocoonのブロックスタイルをサイトの配色に調和するものへ変更してみました。
WordPress サイドバーにスクロール追従する目次を追加する
長い記事が少し増えてきたのでサイドバーにスクロールしても追従する目次を追加しました。
WordPress Cocoonのアイキャッチ画像と記事タイトルの位置をCSSだけで入れ替える
Cocoonのアイキャッチ画像とタイトルの配置変更はCSSを追加するだけで簡単に入れ替えることができました。
WordPress Cocoon2.7.1でサムネイルのアスペクト比がブログカードにも適用されるのを修正する
Cocoon2.7.1で追加された「サムネイル画像のアスペクト比をCSSでも定義」がブログカードの画像にも適用されてしまうのでCSSで上書き修正しました。
WEB フレックスボックス（display:flex）space-betweenで最後のボックスを左寄せにする
３カラムでspace-between（両端揃え）を使った時、最後の行でボックスが３つ揃わなくても左寄せで終わる方法です。