wordpressのループ処理で投稿内容をhtml内に反映させたい

Question

wordpressのループ処理で投稿のタイトルにyoutubeのrulを入力するとその動画が要素に表示されるという指定をしたいのですが、以下のコードだとサイトのレスポンシブのページが表示されてしまいます。
カテゴリー番号なども合わせているはずなのですが、何故指定できないのでしょうか。

そもそもこの指定でyoutubeの動画が表示されないのでしょうか。

youtubeの動画を表示したいクラスはyoutube_contentです。

<h1 class="cat_name">youtube</h1>
								<div class="article_section_cat_wrap">
								<div class="cat_wrap">
									
									<?php 
										if(is_category('18')): 
											//カスタム投稿タイプの表示
											$toplist = array(
												/*カスタム投稿タイプを複数表示*/
												'post_type' => array('post'),
												'cat' => 18,
												/*表示数*/
												'showposts' => 1,
												'posts_per_page' => 12
											);
											query_posts($toplist);
											if (have_posts()):
												while (have_posts()) : the_post();
									?>
									
									<div class="youtube_content">
										<iframe width="100%" height="100%" src="<?php the_title(); ?>" frameborder="0" allow="accelerometer; 　　　autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
										</div>
										
									<?php
												endwhile;
											endif;
											wp_reset_query();
										endif; 
									?>
									
									<?php if(have_posts()) : ?>
									<?php while(have_posts()):the_post() ?>
														
									<div class="youtube_content">
										<iframe width="100%" height="100%" src="<?php the_title(); ?>" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
										</div>
														
									<?php endwhile; ?>
														
									<?php else: ?>
										<div class="nondata">
											<p>申し訳ございません。<br />該当する記事がございません。</p>
											<a href="<?php echo home_url(); ?>" class="go_top">トップへ戻る</a>
										</div>
									<?php endif; ?>
									<?php wp_reset_query(); ?>
								</div>
								</div>

Answer 1

iframeの中身が動画じゃなくってYouTubeのページになるってことですか？
埋め込み用のURLじゃないんじゃないでしょうか？
https://www.youtube.com/embed/から始まるURLですか？

ついでにquery_postsの使用は非推奨です。

query_posts の代わりに次のようにすることを強く推奨します：

1. アクション pre_get_posts を用いる。
2. pre_get_posts にフックした関数の中で is_main_query() を使ってメインクエリーであるかチェックする。
3. メインクエリーの場合のみ、それを変更する。

Comments

[itsuitsuki01010]

はい、サイト内でもyoutubeの動画を再生できるようにしたいので、iframeで指定をしようと考えています。

http://www.youtube.com/embed/からのurlを指定するつもりです。

投稿ページのカテゴリを指定して、選択したカテゴリのタイトル(youtubeのタイトルを入れる)をsrcに表示したいのですが、現在投稿ページが指定できていない状態なのですがどこがおかしいのでしょうか。

ありがとうございます！！
まずはpre_get_postで指定してみます！！

Answer 2

if(is_category('18')):

WordPress 関数リファレンス is_category に

この条件分岐タグは、カテゴリーアーカイブが表示されているかチェックします。

あるようにアクセスされているページ(URL)が、「指定したカテゴリーのカテゴリーアーカイブ」かをチェックする関数です。

WordPress にアクセスして表示している URL は、カテゴリーアーカイブの URL ですか？　投稿ページの URL ではありませんか？

カテゴリーアーカイブ URL の例:

• http://example.com/category/カテゴリーのスラッグ/
• http://example.com/?cat=18

Comments

[itsuitsuki01010]

投稿ページです。

現在、投稿カテゴリのIDの数字を入力してしまっています。

urlで指定すればurlのカテゴリーが指定できるのでしょうか。