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

フォーラム

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

[解決済] メインビジュアルの動画について

3 投稿
2 ユーザー
1 Likes
225 表示
IBS
 IBS
(@ibs)
投稿: 2
メンバー
Topic starter
 

トップページのメインビジュアルを動画にしています。
高さの設定で、「画像、動画のサイズのまま」にしていますがウィンドウサイズにフィットさせるになっています。

ここで使っている動画のサイズは900X572です。
ご確認ください。

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

プラグインを全て停止しても改善しない
AForms -- Form Builder for Price Calculator & Cost Estimation
AForms Styler
Akismet Anti-Spam: Spam Protection
All in One SEO
All-in-One WP Migration
Contact Form 7
Content Views
Custom Post Type UI
Display Posts
Google Analytics for WordPress by MonsterInsights
OptinMonster
MetaSlide
SEO SIMPLE PACK
SiteGuard WP Plugin
Smart Slider 3
TypeSquare Webfonts for エックスサーバー
WP Revisions Control
WPForms Lite
XML Sitemap & Google News

 
投稿済 : 09/09/2023 12:12 pm
かんた
(@swell_mania)
投稿: 621
Https://webrent.xsrv.jp/
 

「画像・動画サイズのまま」を選んでも確かに元ファイルのサイズ以上に広がりますね🤔

ワークアラウンドですが次のCSSで解決するかと思います。

@media (min-width: 960px) {
  .p-mainVisual__video {
    width: 900px;
    margin: 0 auto;
  }
}

 

好みにあわせて調整なさってください。

 

 

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 10/09/2023 7:51 am
IBS
 IBS
(@ibs)
投稿: 2
メンバー
Topic starter
 

ありがとうございました。
助かりました。

 
投稿済 : 10/09/2023 12:47 pm
かんた reacted
共有: