3. 埋め込みコードを表示する

2025年 01月01日 InstagramAPI

wp_kses_post関数はiframeタグやscriptタグを除去してしまいます。

なので、埋め込みコードを表示する場合はblockquoteの後にscriptタグを加える必要があります。

	<?php
	global $wpdb;
	$table_instagram = $wpdb->prefix . 'instagram';
	$channel_name = get_the_title();
	$pictures = $wpdb->get_results(
		$wpdb->prepare("SELECT * FROM $table_instagram WHERE channel_name = %s", $channel_name)
	);
	if ( !empty($pictures) ) {
	?>
		<section class='instagram_area'>
			<h2>インスタグラム</h2>
			<?php foreach ( $pictures as $picture ) : ?>
				<figure>
					<?php echo $picture->embed_code; ?>
					<script async src="//www.instagram.com/embed.js"></script> // ココ！
				</figure>
			<?php endforeach; ?>
		</section>
	<?php } ?>

ホームに戻る