トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
SWELLに関する質問
5
投稿
3
ユーザー
3
Likes
1,701
表示
Topic starter
映画のポスターを表示したいので、記事一覧のサムネイル画像の比率設定を縦長（1:0.7）にする方法を教えていただきたい。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.5
利用中のPHPバージョン
7.4.30
OS
MacOS 12.5.1
利用中のWordPressバージョン
6.0.1
利用中のサーバー会社
さくらインターネット
ブラウザ
Safari
利用中のプラグイン一覧
プラグインは利用していません
投稿済 : 26/08/2022 1:52 pm
カスタマイズ→追加CSS に
.c-postThumb__figure {
aspect-ratio: 0.7 / 1;
}
を追加することで、私の環境では縦長のレイアウトになりました。
試して見て下さい♩
投稿済 : 26/08/2022 10:08 pm
Topic starter
ありがとうございます！！
縦長のレイアウトになりました！！
早急なご対応、感謝です。
投稿済 : 27/08/2022 9:05 am
コード共有ありがとうございます！
ただ、aspect-ratioはSafariの比較的新しいバージョンでしかサポートされていないため、以下のようにしていただく方が今の所は無難かと思います。
.c-postThumb__figure {
--card_posts_thumb_ratio: 120%;
}
※「--card」の部分は、レイアウトタイプによって名前が変わります
SWELL開発者です。
投稿済 : 28/08/2022 11:04 am