フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
カラムでYoutubeの埋め込みと画像を横並びにするとアスペクト比が同じでも揃わないです < SWELLに関する質問
通知
すべてクリア
Topic starter
お世話になります。
表題に関して、添付画像のように、
カラム50：50を用い、左にYoutubeの埋め込み、右に画像を入れています。
Youtube・画像共にアスペクト比は16：9で設定していても、
１．上揃いにしても、ビジュアルエディター上で上がそろわない
２．プレビューをすると、上はそろうが、画像の下部が少し欠け同じサイズにならない
ということが起きてしまいます。
この現象を回避する手立てはありますでしょうか。
投稿済 : 13/06/2021 8:41 am
実際のページURL教えていただけますか？
投稿済 : 13/06/2021 9:00 am
Topic starter
了様
ご返信をありがとうございます。
やんごとなき理由にて、現在サイトのURLを公開できかねます。申し訳ございません。
了様の環境では問題なく揃っているということなのでしょうか。
私のブロックエディタ環境では、埋め込んだYoutubeのサムネイルの上に、
少しだけマージンがついているように見えます。
※ただ、このスキマはプレビューをするとなくなります。
その代わり、その分だけ、右の画像が削れるというイメージです。
This post was modified 3年前 3回 by Muku
投稿済 : 13/06/2021 9:23 am
最新のWordPress5.7.2ブロックエディター上でYouTubeブロックの上にマージンが表示されるのはデフォルトテーマ有効時でも同じ仕様です。
以下、プレーンの環境で確認した結果です。
0.ブロックエディターのYouTubeブロックの上にマージンが表示される
1.実際の画面：YouTubeブロックの上の余白は表示されない
2.右側の画像：欠けずに表示された
※添付参照
ちなみに7月にリリース予定のWordPress5.8で検証した中身です。
デフォルトテーマ、SWELL最新バージョン（2.3.9）ともにYouTubeブロック上のマージンは表示されませんでした。今後はこれが標準仕様になりそうです。
SWELLマニアというサイトを運営しています！
Topic starter
かんた様
お忙しいところ、ありがとうございます。
Wordpress5.8まではずれているのが正常ということですね。
問題は、プラグイン・追加CSSのどちらかの影響で画像が欠けている可能性があるということ。
原因がわかりました。大変助かりました。
投稿済 : 13/06/2021 11:30 am