【Snow Monkey】ショートコードで編集画面で任意の場所にHTMLファイルを挿入
更新日:2024/01/26

my-snow-monkey.php
my-snow-monkey
my-snow-monkey.php
shortcode.php
// ------------------------------------------------
// ショートコード追加
// ------------------------------------------------
add_shortcode(
'test0125',
function() {
// 出力のタイミングを制御する
// →本文コンテンツ内のショートコードブロックの設置箇所に正しく出力される
ob_start();
require (__DIR__.'/shortcode.php');
$code = ob_get_clean();
return $code;
}
);
参考
https://hazimaru.jp/2930/
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>
get_template_part()では変数を渡せない
ショートコードで表示する内容を読み込む際の関数についての注意です
get_template_part() はHTMLのテンプレートをパーツとして再利用するためのもので、ロジックを注入する用途では使用しません!
読み込み元ファイルAで読み込むファイルBがあるとすると
Aで変数$aを定義した場合、Bで使用するには、 変数のスコープを考慮する必要があります。
なぜなら基本的にBから$aにはアクセスできない
get_template_part()
WordPressの組み込みの関数で、テーマファイルの部分的なテンプレートファイルを読み込むために使用します。
読み込むとは、、「関数を呼び出した位置に指定したファイルの内容を展開する」ということですね
変数スコープを渡したいなら、include locate_template()が無難です

-
検索
(例) debug search etc.. -
カテゴリー
-
mixhostでのWordPress利用について
更新日:2024/04/02
303 view
-
scrollHint
更新日:2024/03/13
251 view
-
XML Sitemap Generator for Google不具合のダウングレード対応、代替プラグイン
更新日:2024/06/13
243 view
-
【SnowMonkey】納品までのフローまとめ
更新日:2025/02/15
164 view
-
【Snow Monkey】ショートコードで編集画面で任意の場所にHTMLファイルを挿入
更新日:2025/04/18
131 view
-
【Googleサーチコンソール】検索画面で表示させたくない「Googleのインデックス削除」
更新日:2024/06/07
131 view
-
tailwindcss使い方
更新日:2024/03/13
125 view
-
キーワード検索で上位表示させる方法【SEO】
更新日:2023/10/28
120 view
-
Recline: GitHub Copilotで動作するClaude 3.5 Sonnet搭載の開発支援ツール
更新日:2025/01/20
115 view
-
WordPressプラグイン「All-in-One WP Migration」のトラブル
更新日:2022/03/31
84 view
-
ワードプレスセキュリティー対策まとめ【2025年】「site guard wordpress」「BackWPup バージョン5でUI変更!?」
更新日:2025/02/25
77 view
-
VSCodeで開発効率を劇的に向上させる!Roo Code(Roo-Cline)プラグイン完全ガイド
更新日:2025/04/06
75 view
-
Express、FastAPIを使用し、二重fetch構成のメリット
更新日:2025/04/26
51 view
-
SSHを使用してGitHubのリポジトリをクローン、複数の接続元で公開鍵をディレクトリで区別する方法
更新日:2025/01/13
49 view
-
「JSONスキーマ」と「Few-shot Learning」で実現する次世代生成AIソフトウェア開発の可能性
更新日:2025/07/06
44 view
-
Supabase 初心者向け解説、Supabase CLI インストール(Scoop)
更新日:2025/06/07
44 view
-
リファクタリング【VSCode Javasctipt Python】
更新日:2025/03/09
36 view
-
Next.jsでAWS Amplifyを使ってPDFアップロード機能を実装、Fast APIにPOST(こちらはApp runner)
更新日:2025/06/06
36 view
-
形態素解析とは?初心者でもわかるツールの使い方と実践例
更新日:2025/02/08
33 view
-
VSCodeオススメプラグイン一覧「 Pretter – Code formatter」「PHP Intelephense 」
更新日:2025/07/07
31 view