Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ヘッダー画像(トップページ → メイン...
 
通知
すべてクリア

[解決済] ヘッダー画像(トップページ → メインビジュアル)に挿入した画像をスマホでも同じサイズで表示させたい。

3 投稿
2 ユーザー
4 Likes
4,181 表示
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

ヘッダーに画像(サイズ:1600 x 360 ピクセル)を挿入したして公開したところ

SPサイズ(モバイル)の中では画像が縮小されず、中央の部分だけが拡大表示された状態になってしまいます。

中央のみ:添付した写真でいう 現在のサムネイル画像 と同じくらいです。

URL: https://19-fukublo.com/ をパソコンとスマホで見比べていただけるとお分かりいただけるかと思います。

 

ヘッダー画像をPCサイズと同じようにSPサイズで縮小表示することは可能でしょうか?

よろしくお願いいたします。

 

スマホでは中央のみ(添付した写真でいう 現在のサムネイル画像 と同じくらい)表示されます。

 

・検索したキーワード

「swell ヘッダー画像設定」

・検索したサイトURL

https://nippeer.com/swell-logosize/

・やってみたこと

メディアライブラリで画像のサイズを1600 x 360 → 800 x 180 ピクセルに変更してみる

image
image
image
image
確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
SWELL: 2.7.1.1
利用中のPHPバージョン
PHP: 7.4.33
OS
Windows 10
利用中のWordPressバージョン
WordPress: 6.1.1
利用中のサーバー会社
Xサーバー
ブラウザ
Chrome
利用中のプラグイン一覧

SEO SIMPLE PACK (v.3.0.0)

 
投稿済 : 26/12/2022 9:21 pm
hiromi89 reacted
しらこ
(@96ssbike)
投稿: 913
メンバー
 

マニュアルの「メインビジュアルの高さ設定」の部分をご確認ください。

高さを「画像・動画サイズのまま」にすれば良いのではないかと思います。

参考: https://swell-theme.com/function/88/#index_id3

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 27/12/2022 3:46 pm
beginner
(@beginner)
投稿: 24
メンバー
Topic starter
 

ビギナーです。

「メインビジュアルの高さ設定」→画像・動画サイズのままでフィットサイズになりました。

しらこさん、いつも有難うございます。

 
投稿済 : 28/12/2022 9:36 pm
共有: