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

WordPressで“HTMLだけ”をそのまま表示する方法まとめ|専用URL・ノーテーマ出力・LP運用の最適解を比較
悪者扱いされる人が一番の被害者――「精神拷問レベル」の家庭内スケープゴート
NOW READING
漫画で理解(30秒) 生成停止
この記事の要点を、選べるスタイルで画像化してサクッと把握できます。
メール不要 記事内に保存 🎨 【漫画ページ】青年アニメ・カラー(落ち着き)

「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

漫画で理解(30秒)

※AI生成画像です。内容は記事本文を元にしています。

参考文献・外部リンク
  1. 1. WordPress.org https://wordpress.org/plugins/wp-custom-html-pages/
  2. 2. wit.rs https://wit.rs/wordpress-plugins/wit-custom-output/
  3. 3. WordPress.org https://wordpress.org/plugins/blank-slate/
  4. 4. WordPress.org https://profiles.wordpress.org/bungeshea/
  5. 5. Stack Overflow https://stackoverflow.com/questions/75813397/how-to-use-any-block-within-an-html-block

この記事を読んだ「今のあなた」だけのAI体験コーナー

この記事で「遊びながら」深掘りする
気になるものをタップすると、このページ専用のコンテンツをAIが自動生成します。
気になるカードをタップすると、このページ専用のコンテンツが生成されます。
サイト全体での参加: セルフ診断 13件 プチ辞典 10件 クイズ参加 44件
正解です!すばらしい👏

【無料】メール+PDFプレゼント

無料プレゼントのご案内

この記事の続きが読める『心の深掘りメール講座』

プレミアムPDF特典

10ステップでHTML直出しマスター!WordPressテーマ干渉ゼロLP運用プログラム

メールアドレスをご登録いただくと、特典PDFのダウンロードリンクをお送りします。

ARTICLE CONTINUE MAILER

この記事の続きと限定分析をメールで受け取る

記事の続きだけでなく、本文では書ききれなかった深掘り・事例・限定分析を、 読みやすいステップメール形式でお届けします。

いつでも 1 クリックで解除できます。
登録解除はこちら: 解除ページを開く

読者の声を集計中です

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

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

届くメールのイメージ 最大 5 通のステップ配信
  • Step 1
    【続き 1】WordPressで崩れない“生HTML”運用の真髄と選択の本質とは?
  • Step 2
    【続き 2】WordPressで崩れないLP運用の最前線──用途別の実践的使い分けと注意点
  • Step 3
    【続き 3】【実践編】WordPress生HTML運用の落とし穴と賢いトラブル回避策とは?
  • Step 4
    【続き 4】【必読】WordPress生HTML運用のリアル現場──トラブル回避と運用最適化の秘訣
  • Step 5
    未作成(このステップは未設定です)
限定分析:記事では公開しない深掘りコンテンツ
本文では触れていない本質的なポイントや具体的な実践ステップを、購読者限定の補足パートとして順番にお届けします。
WordPressサイト運営者の方へ

プラグインで見つからない機能、スニペット(コード提供型)で実装できます

「欲しい機能があるのに、探しても見つからない」 そんなときは、Code Snippetsで使える“機能追加スニペット”としてご提案します。

プラグイン不要の“軽い機能”に強い
必要な箇所だけを狙って実装できる
不要になったらOFFで元に戻せる
メールのみで要件整理→お見積り
※ 有料/メールでのやりとりのみ。コード提供型のため、動作保証・継続アップデートの保証はありません(可能な範囲で軽微な改善対応は行う場合があります)。
この記事をシェアしよう!

6年もの集大成:サヨナラ・モンスター

あなたの心の奥底には、知らず知らずのうちに抱え込んでしまった感情や思考の纏まりである"モンスター"が潜んでいるかもしれません。『サヨナラ・モンスター』は、「書くこと」でそのモンスターと対話し、心の傷を癒し、本当の自分を取り戻すための第一歩となる教材です。音楽の力を借りて、自分の心の声に耳を傾け、書くことで深い部分の心理的な問題を解放しましょう。今、この瞬間から、あなたの心の旅をスタートさせ、新しい自分との出会いを実感してください。 僕自身もこの方法で、数えきれないほどの心理的問題を解決してきました。その一つ一つが、大きなモンスター(纏まり)を紐解いて、その奥にいる「心の中の小さな自分」を救うことに繋がります。

この記事を書いた人

菅原隆志(すがわら たかし)。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活用のワークフローに変換できる実務型の回復者。※診断ではありません。

WORDPRESS × セルフヘルプ ラッコ活用マップ
PR

書くことで心を整え、
その記録を「資産」にも変えていくための全体像をまとめました。

WordPressに下書きや非公開の記事として心の記録を書きためていくことで、 無意識が少しずつ言語化され、問題が「見える形」になっていきます。
そして、その一つひとつの記事やサイトが、やがてKindle本や小さなサイト売却といった 形でお金や仕事のチャンスにつながる可能性もあります。

心の記録を「安心して書ける場所」に
無料ブログの規約変更に左右されにくい、 自分だけのWordPressサイトを「心の作業場」として持つ考え方を紹介します。
ラッコ一式で「育てる・分ける」がしやすく
ラッコサーバーやラッコドメイン、ラッコキーワードなどを組み合わせて、 テーマごとのサイトを増やしたり、育てる流れを俯瞰できます。
不要なサイトは「手放す」という選択肢も
アクセスが少ない小さなサイトでも、ラッコマーケットやラッコM&Aを使って 売却という選択肢を持てる全体像を、LPで丁寧に解説しています。
「具体的にどう始めればいいのか」「どのサービスをどう組み合わせればいいのか」は、
下記の専用LPで、ステップごとの流れとしてまとめています。
詳しいステップをLPで見る(PR)

※このボタンから移動するLPおよびリンク先には、アフィリエイトリンク(広告・PR)が含まれます。

コメントを投稿する

コメントする

目次