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

“I want to display a clean LP (HTML/CSS/JS) made with AI in WordPress without it falling apart.”
But in practice, you often run into walls like:theme CSS and headers/footers get mixed in and break the layoutcode gets broken in the block editorexternal JS interferes…and similar problems.

So in this article, I’ll organize options with similar ideas and use cases—including Raw HTML Pages (No Theme Wrapper)which I sell—by use case, and then give you a comparison table that makes everything clear at a glance.First, the conclusion: your choice depends on what you prioritize


“I don’t want the theme to be applied at all”

  • (don’t mix, don’t break, swap as quickly as possible)Direct HTML output on a dedicated URL
    is the best fit (that’s your snippet here)“It’s okay to use the theme, but I want to remove only the header/footer”
  • (use it like an LP template)Blank template (no header/footer) style
    “I want to embed HTML into part of an existing page”
  • Custom HTML blocks / snippet injection style
    Comparison table (what it can and can’t do)

1) My snippet: Raw HTML Pages (No Theme Wrapper) (the star of this article)

方式/ツールテーマ完全バイパス専用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

My snippet has a very clear philosophy:

it completely bypasses the theme

  • and outputs the saved HTML as-is at a dedicated URL (for example:
  • )/raw/{slug}It also handles the annoying operational details (noindex / sharing / nocache, etc.) all in one place
  • …and that “quietly helpful in real production work” all-in-one design is its strength.

This LP itself is a “working demo”

Example URL:

https://bright-ms.net/raw/raw-html-url-snippetIf you’re placing it inside the LP, to avoid breaking the design, put it either

right after “Features”or just before the “Specifications and Limitations” section(that links the “proof” and the “understanding” naturally).Here’s copy you can paste as-is:

This page is displayed with this snippetThis LP
is displayed by directly outputting only the saved “raw HTML” via a dedicated URL for /raw/without passing through the WordPress theme at allThe LP code was generated by
Google Geminiand all you have to do is paste it into the snippet editor and update itIt avoids the theme CSS/header/footer effects that tend to get mixed in with normal pages or custom HTML embeds, so you can publish with the exact intended design.
2) WP Custom HTML Page(s): similar, but a “check before adopting” option


A plugin with a similar approach—creating HTML in the admin screen and outputting it at any URL—is

WP Custom HTML Page(s) .However, the publicly available information shows an older
supported/tested WP versionnotation, so if you’re considering it now, it’s safer to check the “last updated” date, forum activity, and whether it works on your live site. WordPress.org3) WIT Custom Output (WITCO): similar philosophy, but choose based on distribution/maintenance status


WITCO follows a direction where you can output not just HTML but also CSS/JS/JSON, making it quite close to your raw output philosophy.

On the other hand, the official page gives a
test-phasefeel, so whether you should adopt it often comes down to its current distribution format and update frequency. wit.rs4) Blank Slate: a practical LP solution, but not a complete bypass


However, this is **a method that keeps the theme active while making the layout “blank”**, so it is different from the
“nothing gets mixed in” guaranteethat your snippet aims for. WordPress.org5) WPCode / Custom HTML block: a different use case (for embedding)


WPCode

  • is geared toward inserting snippets into a site, so it belongs to a different category from directly outputting raw HTML at a dedicated URL . WordPress.orgThe Custom HTML block
  • is handy, but an HTML block is not a “container for blocks,” so its flexibility for layout integration is limited. Stack OverflowSo which should you choose?

“I absolutely don’t want it mixed with the theme” / “I want to reuse AI-made LPs as-is”

→ **My snippet (Raw HTML Pages / No Theme Wrapper)** is the most straightforward choice.

“I’m okay with theme-based operation, and I just want to remove the header/footer like an LP template”

Blank Slate

and other blank-template style options. WordPress.org“I want to embed HTML in the middle of an existing article”

→ Custom HTML block / snippet injection style (but mixing is part of the deal).

Stack OverflowReference links and sources



My sales page


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

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

Gentle Next Step

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

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

お問い合わせ・ご相談

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

無料の“続き”配信

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

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

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

読者の声を集計中です

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

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

届く内容(最大5通). 各メール:2〜3分で読めます.
  • Step 1
    まず結論(要点3つ)
  • Step 2
    具体例でイメージできる
  • Step 3
    今日やる1ステップ
  • Step 4
    つまずきやすい所と回避策
  • 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

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