会員サイトをリニューアルしました! 新サイトはこちら

サムネイル画像の比率設定 < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

サムネイル画像の比率設定
 
通知
すべてクリア

[解決済] サムネイル画像の比率設定

4 投稿
2 ユーザー
2 Likes
1,612 表示
Lettea
(@lettea)
New Member
Topic starter
 

こんにちは。

サムネイル画像に関してですが、7つも比率を選択できるようにしてくださりありがとうございます。助かります。

ただ今回は、以前サムネイル画像用に制作した画像を使いたく思っております。

その場合、どの比率に設定しても画像が中途半端に切れてしまうことになりまして。

どこかCSSを変更すれば、制作したサムネイル画像のままの比率で投稿することは可能でしょうか。

どうぞよろしくお願いいたします。

 
投稿済 : 15/04/2020 7:02 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

CSSで好きな比率にも変えれますし、画像サイズのまま表示させることも可能です。

ただ、現状のSWELLの機能として、好きなサイズにカスタマイズするということはできないです ; ;

でもたしかにテーマを乗り換えた時などはどの比率にも当てはまらない時がありますよね...

「比率を固定せずに画像をそのまま表示する」ような設定を近いうちに追加しようと思います...!

 
投稿済 : 15/04/2020 9:24 am
LINGO reacted
了(開発者)
(@ryo)
Illustrious Member Admin
 

その機能が追加されるまでは取り急ぎ、以下のCSSによって、比率の指定は解除されると思います。

.p-postList .c-postThumb__figure::before{
padding-top: 0;
}
.p-postList .c-postThumb__img{
position: relative;
}

※ ただし、全てのアイキャッチ画像を同じ画像比率で作成していただかないと、表示がガタガタになります。

 
投稿済 : 15/04/2020 9:27 am
Lettea
(@lettea)
New Member
Topic starter
 

ありがとうございます!

全部同じ大きさで制作していたサムネイル画像です。

バッチリでおさまりました。大変助かりました。

>「比率を固定せずに画像をそのまま表示する」ような設定

あると、ありがたいです。

 
投稿済 : 16/04/2020 12:26 am
共有: