TOP
記事一覧
【ショートコード】編集画面で任意の場所にHTMLファイルを挿入

【ショートコード】編集画面で任意の場所にHTMLファイルを挿入

更新日：2024/01/26

my-snow-monkey.php

my-snow-monkey

my-snow-monkey.php

shortcode.php

// ------------------------------------------------
// ショートコード追加
// 参考 https://hazimaru.jp/2930/
// ------------------------------------------------
add_shortcode(
	'test0125',
	function() {

		// 出力のタイミングを制御する
		// →本文コンテンツ内のショートコードブロックの設置箇所に正しく出力される
		ob_start();
		require (__DIR__.'/shortcode.php');
		$code = ob_get_clean();
		return $code;
	}
);

shortcode.php

挿入したいHTMLを記述したphpファイルを作成
my-snow-monkeyディレクトリ内に作成

<style>
  .sample-text {
    color: red;
    font-size: 6rem;
  }
</style>
<p class="sample-text">ショートコードで<br>挿入したいhtmlを記載</p>
<p>※ショートコードで挿入しています</p>