ajicolor https://blog.hatena.ne.jp/ajicolor/ やわらかしかっけい https://ajicolor.hatenablog.jp/ WordPress HTML,CSS,javascript WordPressのブロックエディターの「ギャラリー」機能。複数画像を並べるのに便利なんだけど、横長画像と縦長画像が混在した場合、縦長画像の方に高さが統一されるため横長サムネの行と縦長サムネの行が存在してしまったりして、見た目がちょっと微妙だった。 サムネイルを正方形にしたい！ でもクリックして表示される拡大画像は、元のアスペクト比のままにしたい！ これらの希望を叶える解決策が、ありました。iframeのレスポンシブ対応の時によく使う、アレ。※テーマ「SWELL」を使っています。クラス指定とかは各自良い感じにしてください .wp-block-gallery.has-nested-images.… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajicolor.hatenablog.jp%2Fentry%2F2022%2F03%2F04%2F152659" title="WordPressのギャラリーのサムネイルの高さ（アスペクト比）を統一する - やわらかしかっけい" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-03-04 15:26:59 rich https://ajicolor.hatenablog.jp/entry/2022/03/04/152659 1.0 100%