2022年10月9日、SWELLの利用規約を改訂しました。

フォーラム

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

[解決済] YouTubeを埋め込むと他のブロックに重なってしまう(スマホ表示の場合)

7 投稿
3 ユーザー
3 Likes
84 表示
shin568
(@shin568)
投稿: 4
メンバー
Topic starter
 

お世話になっております。

固定ページ(フロントページ)のブロックに、
ブロックの機能からYouTubeを埋め込んだ際に、サムネがスマホの幅に合わず大きく表示され他のブロックと重なって表示されてしまいます。
スマホの場合だけで、PCでは正常に表示されます。

「重なる」というのは、
例えば2つの動画を載せているのですが、その2つがキャプションも含めて折り重なってしまいます。
最初はその下のブロックにまではみ出してしまってましたが、今は空白のブロックや改行を入れたりして無理矢理スペースを作ってごまかしています。

他のトピックでアスペクト比のことについてのものがありそれも確認しましたが、PCではちゃんと表示されてるのでそれが原因ではないような気がします。
また、記事ページでもブロックの機能から埋め込む同じ方法で載せてるのですが、それは綺麗に表示されます。

動画のURLは
https://youtu.be/aROz0KX1aJo
https://youtu.be/pxVU5-Jb0Dc
の2つです。

添付のスクショ画像は1枚目が問題の固定ページ、
2枚目が正常に表示されてる記事ページです。

IMG 9964
IMG 9965

宜しくお願い致します。

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

Akismet Anti-Spam (アンチスパム)
Conditional Fields for Contact Form 7
Contact Form 7
Contact Form 7 Multi-Step Forms
Easy Google Fonts
LoftLoader Pro
Markup (JSON-LD) structured in schema.org
SEO SIMPLE PACK
Smash Balloon Instagram Feed

 
投稿済 : 11/11/2022 9:59 pm
shin568
(@shin568)
投稿: 4
メンバー
Topic starter
 

一週間経ってレスが一切ないのですが、投稿方法に何か問題があるのでしょうか?

 
投稿済 : 20/11/2022 11:31 am
山本大介
(@b4rskbe5)
投稿: 48
メンバー
 

フォーラムは回答者のボランティアによるサポート体制ですので、問題がなくても回答が付かないことはあります。

問題の件は、カスタム CSS によって発生しているのでご自身で追加した CSS を修正しましょう。
具体的な問題点は、開発者ツールから確認してみて下さい。

@media (max-width:450px) {
	.home iframe {
	height: 350px;
}
	.section-access:after {
		background: url( https://yamatoriserv.com/wp-content/uploads/2021/10/back-nature-small-sp.png );
		height: 48px;
	}
}

Web 開発やってます。WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 20/11/2022 6:09 pm
weiser reacted
shin568
(@shin568)
投稿: 4
メンバー
Topic starter
 

@b4rskbe5 ありがとうございます。
ボランティア様たちのサポートにより成り立っていることは理解しました。
ちゃんと投稿されてるようで安心しました。

ご回答ありがとうございます。
ホームページを作成したのが外注の方なのでCSSをどういう風にカスタムしたかは不明なのですが、添付して下さってる画像のどういった点に注目すればいいでしょうか。

できれば補足して頂けますと幸いです。
宜しくお願い致します。

 
投稿済 : 20/11/2022 6:42 pm
skillsharejp
(@skillsharejp)
投稿: 480
SWELL高速化顧問
 
投稿者:: @shin568

ホームページを作成したのが外注の方なのでCSSをどういう風にカスタムしたかは不明なのですが、添付して下さってる画像のどういった点に注目すればいいでしょうか。

できれば補足して頂けますと幸いです。

こちらを補足する責任はどちらかと言えばご依頼された業者なので、先ずはどういったご依頼だったのか?納品は正しい形で納品されたのか?を先方にご確認ください。

なお下記はガイドライン記載から一部転載です。ガイドラインをご理解いただいた上でご利用いただくのが最も効率良いフォーラム利用に繋がると思います。

基本機能を超えた部分でのカスタマイズ(CSSやPHPのコードを追加する必要があるレベルのもの)に関しては、ご自身で勉強して行っていただくか、仕事として人に依頼してください。

WordPress高速化と保守管理の専門家
SWELLに高速化ノウハウ提供しています。個別依頼の対応可能。
- 定期契約不要のスポットWordPress保守管理(改ざん検知駆除込)
- 移行、HTTPS化、マルウェア駆除、各種設定代行、WPチューンアップ

 
投稿済 : 20/11/2022 11:58 pm
山本大介 reacted
shin568
(@shin568)
投稿: 4
メンバー
Topic starter
 

@skillsharejp お返事ありがとうございます。

了解しました。それは失礼しました。自分で触れる範疇を超えてるので業者に依頼することにします。

ありがとうございました

 
投稿済 : 21/11/2022 5:18 am
skillsharejp
(@skillsharejp)
投稿: 480
SWELL高速化顧問
 

@shin568 第三者でも編集できない事はありませんが、制作された方が一番カスタマイズ内容を把握していると思います。

WordPress高速化と保守管理の専門家
SWELLに高速化ノウハウ提供しています。個別依頼の対応可能。
- 定期契約不要のスポットWordPress保守管理(改ざん検知駆除込)
- 移行、HTTPS化、マルウェア駆除、各種設定代行、WPチューンアップ

 
投稿済 : 21/11/2022 9:34 am
shin568 reacted
共有: