- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
メインビジュアルの画像を縦横比はそのままでサイズを変更する方法が知りたい(PCのみ)です。
検索やyoutubeなどでCSSによる解決策を模索しましたが、悩みを解決してくれる方法が見つかりませんでした。
ご存じの方、是非、宜しくお願い致します。
Akismet Anti-Spam (アンチスパム)など
メインビジュアルの画像を縦横比はそのままで”表示させるサイズを変更する方法"(上下左右が見切れないように表示したい)の意味で合っていますでしょうか?
メインビジュアルの高さ設定で「画像・動画サイズのまま」を選んでください 😊
マニュアル:「メインビジュアルの高さ設定」について
SWELLを中心としたCSSカスタマイズのメモブログをゆるゆると運営しています
https://misaki-web.com
みさき@セブ島さん。コメントありがとうございます。その認識であっています。
画像・動画サイズのままを選んでも、SWELLの設定上、PCでは1600×900で表示されるみたいなんです。
画像を711×400の画像をメインビジュアルの画像として、アップロードしましたが、1600×900として表示されます。
PCでブログを表示させるときに、メインビジュアルだけじゃなく、ピックアップバナーも一緒に表示できるサイズにしたいのですが、サイズ指定にすると、中途半端な所で文字が切れてしまうので、困っています。
@kikannkou さん
横から失礼します。
711×400の画面比率(縦横比)は16:9で、1600×900も同じ16:9なので、ただ拡大されたように表示されるのはそのためです。ちなみに1920×1080のモニターで表示させた場合も同様です。
※711×400の方は、厳密に言えば小数点以下での端数は出ますが、微差のため同じと考えて問題ありません。
メインビジュアルのすぐ下にあるピックアップバナーを完全に表示させたい場合には、例えば711×200にするなど、画像自体の縦の長さを短くする必要があるように思います。
あるいは縦横比は変わってしまいますが、メインビジュアルの高さ設定で『数値で指定する』を選び、お好みの高さを指定するのも画像加工の手間なく調整できる方法です。
縦の長さを考慮しながら、お試しいただけたらと思います。
esさん。ご返信ありがとうございます。
なるほど。画像サイズを変えても比率が同じだと、同じように表示されるのですね。
とても、参考になりました。
ピックアップバナーが見えるように、2つの方法を試してみたいと思います。
ありがとうございました。