CSS

WordPress

WordPress 6.7.1のアップデートで画像サイズがおかしくなる原因

WordPress 6.7.1のアップデートで以下のスタイルが追加されました。img:is(, ) { contain-intrinsic-size: 3000px 1500px; }これにより6.7で画像が小さくなっていた不具合は解消されたようですが、当サイトでは新たな問題が発...
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で最後のボックスを左寄せにする

3カラムでspace-between(両端揃え)を使った時、最後の行でボックスが3つ揃わなくても左寄せで終わる方法です。