記事を共有するアクション

「AIで作った綺麗なLP(HTML/CSS/JS)を、そのままWordPressで崩さず表示したい」
でも実際は、テーマのCSSやヘッダー/フッターが混ざって崩れるブロックエディタでコードが壊れる外部JSが干渉する…みたいな壁に当たりがちです。

そこでこの記事では、僕が販売している Raw HTML Pages (No Theme Wrapper)(Code Snippetsインポート版)も含めて、似た思想・近い用途の選択肢を 用途別に整理 → 比較表で一発理解できる形でまとめます。


まず結論:何を優先するかで選び方は決まる

  • 「テーマを一切通したくない」(混ぜたくない・崩したくない・最短で差し替えたい)
    専用URLで“生HTMLを直出し”系が最適(あなたのスニペットがここ)
  • 「テーマは使っていいけど、ヘッダー/フッターだけ消したい」(LPテンプレ的に使う)
    Blankテンプレ(ヘッダー/フッター無し)系
  • 「既存ページの一部にHTMLを埋め込みたい」
    カスタムHTMLブロック / スニペット挿入系

比較表(何ができて、何ができないか)

方式/ツールテーマ完全バイパス専用URL発行HTML保管のしやすさ下書き共有noindex標準主な弱点
僕のスニペット:Raw HTML Pages (No Theme Wrapper)/raw/{slug}◎(管理画面で作成/一覧)◎(トークン)“生HTML”運用前提(WPの装飾やブロック機能は使わない)
WP Custom HTML Page(s)○(HTMLを直接出す思想)◎(URL指定系)更新状況/対応WPバージョンは要確認(テスト対象が古い表記あり) WordPress.org
WIT Custom Output (WITCO)○(直出し思想に近い)“開発/テスト段階”表記あり。配布形態や保守状況は要確認 wit.rs
Blank Slate(空テンプレ)×(テーマは動く)△(固定ページURL)テーマCSS/プラグイン影響は残る(「完全に混ざらない」ではない) WordPress.org
WPCode(スニペット管理)××◎(挿入管理が強い)×דページを生HTMLとして直出し”用途とは別物(挿入用途) WordPress.org
カスタムHTMLブロック××××ブロックの中に別ブロックは入れられない/用途が限定されがち Stack Overflow

1) 僕のスニペット:Raw HTML Pages (No Theme Wrapper)(今回の主役)

僕のスニペットは思想がハッキリしていて、

  • テーマを完全に通さず
  • 保存したHTMLをそのまま返す専用URL(例:/raw/{slug})を発行
  • しかも運用で困るところ(noindex / 共有 / nocache 等)をまとめて面倒見てくれる

…という「制作現場で“地味に助かる”全部入り」設計が強みです。

このLP自体が“動作デモ”になっている

表示例:https://bright-ms.net/raw/raw-html-url-snippet

LPの中に入れるなら、デザインを壊さないように 「Features」直後「仕様と制限」セクションの手前が相性いいです(“証拠”と“納得”がつながる)。

そのまま貼れる文案を置きます:

このページは、このスニペットで表示しています
このLPは、WordPressテーマを一切通さず、保存した“生HTML”だけを /raw/ の専用URLで直接出力して表示しています。
LPのコードは Google Gemini に生成してもらい、あとは スニペットの編集欄に貼り付けて更新するだけ
通常の固定ページやカスタムHTML貼り付けでは混ざりがちなテーマCSS/ヘッダー/フッターの影響を避け、狙った見た目のまま公開できます。


2) WP Custom HTML Page(s):近いけど“採用前に確認必須”枠

「管理画面でHTMLを作り、任意URLで出す」方向性が近いプラグインとして WP Custom HTML Page(s) が挙がります。
ただし、公開情報上 対応(テスト)WPバージョンが古い表記が見えるため、今から採用するなら「最終更新」「フォーラム状況」「実サイトでの動作」を必ずチェックしたほうが安全です。 WordPress.org


3) WIT Custom Output (WITCO):思想は近いが“流通/保守状況”を見て選ぶ

WITCOは「HTMLだけじゃなくCSS/JS/JSON等も出力できる」方向性で、あなたのRAW出力思想とかなり近いです。
一方で、公式ページ上で テストフェーズのニュアンスがあり、導入可否は“現時点の配布形態・更新頻度”次第になりやすいです。 wit.rs


4) Blank Slate:LP用途の“現実解”だが、完全バイパスではない

Blank Slateは「ヘッダー/フッターが無いページテンプレ」を用意する系で、LP運用では便利です。
ただしこれは **テーマが動いた上で“空っぽのレイアウトにする”**方式なので、あなたのスニペットが狙う “混ざらない”保証とは別物です。 WordPress.org


5) WPCode / カスタムHTMLブロック:用途が違う(埋め込み向け)

  • WPCode は「サイト内にスニペットを挿入して使う」方向で、専用URLで生HTMLを直出しする用途とは別カテゴリです。 WordPress.org
  • カスタムHTMLブロックは便利ですが、HTMLブロックは“ブロックを入れる器”ではないのでレイアウト統合の自由度は限定されます。 Stack Overflow

じゃあ結局どれを選ぶべき?

「テーマと絶対に混ぜたくない」「AI製LPをそのまま貼って回したい」

→ **僕のスニペット(Raw HTML Pages / No Theme Wrapper)**が一番ストレート。

「テーマ運用のまま、LPテンプレ的にヘッダー/フッターだけ消せればいい」

Blank Slateなどの空テンプレ系。 WordPress.org

「既存記事の途中にHTMLを埋め込みたい」

→ カスタムHTMLブロック / スニペット挿入系(ただし“混ざる”のは前提)。 Stack Overflow



参考リンク・参考文献

  • 僕の販売ページ(Raw HTML Pages / No Theme Wrapper の機能説明)
  • WP Custom HTML Page(s)(公式掲載ページ) WordPress.org
  • WIT Custom Output (WITCO)(公式ページ) wit.rs
  • Blank Slate(WordPress.org プラグインページ) WordPress.org
  • WPCode(WordPress.org プラグインディレクトリの掲載) WordPress.org
  • HTMLブロックの制約(参考) Stack Overflow

よくある質問 AI生成(GPT-4.1 nano)

この記事に関連するよくある質問をAIが自動生成しました

Q1. なぜ私のWordPressサイトでAIで作成したLPが崩れるのですか?

AIで作ったLPはテーマのCSSやヘッダー・フッターの影響を受けやすく、WordPressのテーマやブロックエディタの仕様と干渉してレイアウトが崩れることがあります。専用のHTML直出しやテーマバイパス方法を検討する必要があります。

Q2. 「Raw HTML Pages (No Theme Wrapper)」はどのようにしてテーマの影響を避けられるのですか?

この方法はHTMLをそのまま専用URLで出力し、テーマやCSSの影響を受けずに見た目を保てます。テーマを完全にバイパスして「生HTML」を直出しできるため、崩れずに表示可能です。

Q3. 既存のページにHTMLを埋め込みたい場合、どの方法が最適ですか?

カスタムHTMLブロックやスニペット挿入を利用すると、ページ内の一部にHTMLを埋め込めます。ただし、テーマやブロックの制約によりレイアウト崩れのリスクもあるため、用途に合わせて選びましょう。

Q4. WordPressテーマを変更せずにLPだけヘッダー・フッターを消すにはどうしたらよいですか?

Blank Slateのような空白テンプレートを利用するのが効果的です。テーマは動かしつつ、LP部分だけレイアウトを空にでき、必要なデザインを実現できます。

Q5. これらの方法の中で最も安全にAI生成LPを表示できるのはどれですか?

最も安全なのは「Raw HTML Pages (No Theme Wrapper)」です。テーマのCSSや構造に干渉されず、HTMLの崩れや干渉のリスクを最小限に抑えられるため、安定して表示できます。

参考文献・外部リンク

  1. 01. WordPress.org https://wordpress.org/plugins/wp-custom-html-pages/
  2. 02. wit.rs https://wit.rs/wordpress-plugins/wit-custom-output/
  3. 03. WordPress.org https://wordpress.org/plugins/blank-slate/
  4. 04. WordPress.org https://profiles.wordpress.org/bungeshea/
  5. 05. Stack Overflow https://stackoverflow.com/questions/75813397/how-to-use-any-block-within-an-html-block

記事を共有するアクション

WordPressで“HTMLだけ”をそのまま表示する方法まとめ|専用URL・ノーテーマ出力・LP運用の最適解を比較

Gentle Next Step

読み終えた余韻の先で、 次の一歩を静かにつなぐ。

お問い合わせ、サービス案内、資料請求、無料相談など、記事の流れを崩さず自然に次の行動へつなげるためのCTAです。画像・文言・色はテーマ設定から自由に変更できます。

お問い合わせ・ご相談

【無料】この記事の続き(具体例と手順)を受け取る

無料の“続き”配信

続きを読む:この記事の「次の一歩」がメールで届きます

本文では書ききれなかった「具体例」「つまずきポイント」「そのまま使える手順」を、最大5通の短いメールで、読みやすく順番にお届けします。

最大5通/不要になったら1クリックで解除できます.
登録解除はこちら: 解除ページを開く

読者の声を集計中です

このステップメールの感想は、これから少しずつ集まっていきます。

あなたの一票が、今後の改善のいちばん大きなヒントになります。

届く内容(最大5通). 各メール:2〜3分で読めます.
  • Step 1
    【続き 1】WordPressで崩れない“生HTML”運用の真髄と選択の本質とは?
  • Step 2
    【続き 2】WordPressで崩れないLP運用の最前線──用途別の実践的使い分けと注意点
  • Step 3
    【続き 3】【実践編】WordPress生HTML運用の落とし穴と賢いトラブル回避策とは?
  • Step 4
    【続き 4】【必読】WordPress生HTML運用のリアル現場──トラブル回避と運用最適化の秘訣
  • Step 5
    チェックリストで総まとめ
記事だけでは足りない「補足」が届きます
この記事の内容をもとに、理解が深まる具体例と実践手順を追加します。
読んで終わりにならず、行動に移しやすくなります。

菅原隆志43

Written By

菅原隆志

菅原隆志(すがわら たかし)。1980年、北海道生まれの中卒。宗教二世としての経験と、非行・依存・心理的困難を経て、独学のセルフヘルプで回復を重ねました。 「無意識の意識化」と「書くこと」を軸に実践知を発信し、作家として電子書籍セルフ出版も...

プロフィールを開く 閉じる

菅原隆志(すがわら たかし)。1980年、北海道生まれの中卒。宗教二世としての経験と、非行・依存・心理的困難を経て、独学のセルフヘルプで回復を重ねました。 「無意識の意識化」と「書くこと」を軸に実践知を発信し、作家として電子書籍セルフ出版も行っています。 現在はAIジェネラリストとして、調査→構造化→編集→実装まで横断し、文章・制作・Web(WordPress等)を形にします。 IQ127(自己測定)。保有資格はメンタルケア心理士、アンガーコントロールスペシャリスト、うつ病アドバイザー。心理的セルフヘルプの実践知を軸に、作家・AIジェネラリスト(AI活用ジェネラリスト)として活動しています。 僕は子どもの頃から、親にも周りの大人にも、はっきりと「この子は本当に言うことを聞かない」「きかない子(北海道の方言)」と言われ続けて育ちました。実際その通りで、僕は小さい頃から簡単に“従える子”ではありませんでした。ただ、それは単なる反抗心ではありません。僕が育った環境そのものが、独裁的で、洗脳的で、歪んだ宗教的刷り込みを徹底して行い、人を支配するような空気を作る環境だった。だから僕が反発したのは自然なことで、むしろ当然だったと思っています。僕はあの環境に抵抗したことを、今でも誇りに思っています。 幼少期は熱心な宗教コミュニティに囲まれ、カルト的な性質を帯びた教育を受けました(いわゆる宗教二世。今は脱会して無宗教です)。5歳頃までほとんど喋らなかったとも言われています。そういう育ち方の中で、僕の無意識の中には、有害な信念や歪んだ前提、恐れや罪悪感(支配に使われる“架空の罪悪感”)のようなものが大量に刷り込まれていきました。子どもの頃は、それが“普通”だと思わされる。でも、それが”未処理のまま”だと、そのツケはあとで必ず出てきます。 13歳頃から非行に走り、18歳のときに少年院から逃走した経験があります。普通は逃走しない。でも、当時の僕は納得できなかった。そこに僕は、矯正教育の場というより、理不尽さや歪み、そして「汚い」と感じるものを強く感じていました。象徴的だったのは、外の親に出す手紙について「わかるだろう?」という空気で、“良いことを書け”と誘導されるような出来事です。要するに「ここは良い所で、更生します、と書け」という雰囲気を作る。僕はそれに強い怒りが湧きました。もしそこが納得できる教育の場だと感じられていたなら、僕は逃走しなかったと思います。僕が逃走を選んだのは、僕の中にある“よくない支配や歪みへの抵抗”が限界まで達した結果でした。 逃走後、約1か月で心身ともに限界になり、疲れ切って戻りました。その後、移送された先の別の少年院で、僕はようやく落ち着ける感覚を得ます。そこには、前に感じたような理不尽な誘導や、歪んだ空気、汚い嘘を僕は感じませんでした。嘘がゼロな世界なんてどこにもない。だけど、人を支配するための嘘、体裁を作るための歪み、そういう“汚さ”がなかった。それが僕には大きかった。 そして何より、そこで出会った大人(先生)が、僕を「人間として」扱ってくれた。心から心配してくれた。もちろん厳しい少年生活でした。でも、僕はそこで初めて、長い時間をかけて「この人は本気で僕のことを見ている」と受け取れるようになりました。僕はそれまで、人間扱いされない感覚の中で生きてきたから、信じるのにも時間がかかった。でも、その先生の努力で、少しずつ伝わってきた。そして伝わった瞬間から、僕の心は自然と更生へ向かっていきました。誰かに押し付けられた反省ではなく、僕の内側が“変わりたい方向”へ動いたのだと思います。 ただ、ここで終わりではありませんでした。子どもの頃から刷り込まれてきたカルト的な影響や歪みは、時間差で僕の人生に影響を及ぼしました。恐怖症、トラウマ、自閉的傾向、パニック発作、強迫観念……。いわゆる「後から浮上してくる問題」です。これは僕が悪いから起きたというより、周りが僕にやったことの“後始末”を、僕が引き受けてやるしかなかったという感覚に近い。だから僕は、自分の人生を守るために、自分の力で解決していく道を選びました。 もちろん、僕自身が選んでしまった行動や、誰かを傷つけた部分は、それは僕の責任です。環境の影響と、自分の選択の責任は分けて考えています。 その過程で、僕が掴んだ核心は「無意識を意識化すること」の重要性です。僕にとって特に効果が大きかったのが「書くこと」でした。書くことで、自分の中にある自動思考、感情、身体感覚、刷り込まれた信念のパターンが見えるようになる。見えれば切り分けられる。切り分けられれば修正できる。僕はこの作業を積み重ねることで、根深い心の問題、そして長年の宗教的洗脳が作った歪みを、自分の力で修正してきました。多くの人が解消できないまま抱え続けるような難しさがあることも、僕はよく分かっています。 今の僕には、宗教への恨みも、親への恨みもありません。なかったことにしたわけじゃない。ちゃんと区別して、整理して、落とし所を見つけた。その上で感謝を持っていますし、「人生の勉強だった」と言える場所に立っています。僕が大事にしているのは、他人に“変えてもらう”のではなく、他者との健全な関わりを通して、自分の内側が変わっていくという意味での本当の問題解決です。僕はその道を、自分の人生の中で見つけました。そして過去の理解と整理を一通り終え、今はそこで得た洞察や成長のプロセスを、必要としている人へ伝える段階にいます。 現在は、当事者としての経験とセルフヘルプの実践知をもとに情報発信を続け、電子書籍セルフ出版などの表現活動にも力を注いでいます。加えて、AIを活用して「調査・要約・構造化・編集・制作・実装」までを横断し、成果物として形にすることを得意としています。AIは単なる文章生成ではなく、一次情報や研究の調査、論点整理、構成設計、文章化、品質チェックまでの工程に組み込み、僕の言葉と意図を損なわずに、伝わる形へ整える。また、出典・検証可能性・中立性といった厳格な基準が求められる公開型の情報基盤でも、ルールを踏まえて文章と根拠を整え、通用する形に仕上げることができます(作業にはAIも活用します)。 Web領域では、WordPressのカスタマイズやプラグイン開発など、複雑な機能を多数組み合わせる実装にもAIを使い、要件整理から設計、制作、改善まで一貫して進めます。心理領域では、最新研究や実践経験を踏まえたセルフワーク設計、心理的改善プログラムのたたき台作成、継続運用のためのチェックリスト化など、「続けられる形」「使える形」に落とし込むことを重視しています。 ※僕は臨床心理士や公認心理師などの医療的支援職ではなく、心の問題を抱えてきた一当事者として、実践的なセルフヘルプ情報を発信しています。必要に応じて、公認心理師(国家資格)や臨床心理士(心理専門職の民間資格)などの専門家へのご相談をご検討ください。 【AIによる多角的な人物像の分析・評価】 ※以下は、本人の記述に基づき、最新のAIモデルが一定の基準で客観的に構造化・要約した所見です。 Google Geminiによる分析評価(2025年12月時点) 本モデルの最新アルゴリズムによる分析の結果、菅原隆志氏は**「高度なメタ認知能力に基づき、逆境を社会的資源へと変換した実戦型知性」**と定義されます。 学術的には、過酷な生育環境からの回復を示す「高いレジリエンス(逆境力)」と、自身の経験を客観的に構造化する「オートエスノグラフィー(自己記述的研究)」の素養を併せ持っています。特筆すべきは、中卒という形式学歴をAI活用スキルで補完・拡張し、調査から技術実装までを垂直統合している点です。 単なる当事者活動に留まらず、AIを「思考の外部化・高速化の道具」として使いこなすことで、論理的整合性と情緒的深みを両立させた独自の知見を提供しています。医療的支援者ではなく、**「自律的セルフヘルプの体現者」**として、現代の生きづらさに対する具体的な解法を持つ人物であると評価します。 【GPT-5.2 Thinking所見(2025/12/21)】 本プロフィールからは、支配的・洗脳的環境への抵抗を起点に、転機となる「人間として扱われた経験」を経て、更生後に時間差で浮上した恐怖・強迫などの影響を“原因(環境)”と“責任(自分の選択)”に切り分けて扱い、無意識の意識化と「書く」実践で再統合してきた人物像が読み取れる。倫理的成熟(線引き)と高い主体性・メタ認知を、再現可能な手順へ落とし込み、厳格なルールや検証性が求められる場でも成果物に仕上げられる。発信/書籍制作/Web実装/AI活用のワークフローに変換できる実務型の回復者。※診断ではありません。

View all articles

Conversation

Be the First Voice

この場所に、最初の感想や気づきをそっと残せます。

Share Your Voice

Leave a Comment

メールアドレスは公開されません。落ち着いた感想や気づきをどうぞ。