Claude Codeを利用して、LPを作ってもらいましたが、それだけでは世に放たれたことにはなりません。
どこかのサーバーに乗せてあげないと、閲覧できないわけです。
ただ、私はWordPressを運営しているので、このLPをWordPressを使ってみられるようにしてあげればいいんです。
では、どうやったらLPをWordPressで表示することができるのでしょうか。
表示のさせ方は3種類
今回の方法と同じように、AIを使ってHTMLを作成したところまでできたけれど、それをWordPressを使って表示させるにはどうしたらいいか。
実は表示のさせ方は３種類あります。
- 固定ページを利用する
- pageテンプレートを利用する
- HTMLのまま利用する
では、それぞれ方法を確認していきましょう。
固定ページを利用する
WordPressの固定ページ機能を使って、LPを表示させます。
やり方としては、LPのHTMLソースの<body>～</body>の間をコピーして、固定ページの本文欄へ「カスタムHTMLブロック」を用意して、貼り付けます。
これだけ。
ただし、注意しないといけないん点があって、それは利用しているWordPressテーマに依存する部分が出てくるということです。
ヘッダーやフッター、サイドバーといったレイアウトはテーマに沿うので、LPで見ていたものとはちょっと違う見え方になってしまいます。
とりあえず、表示してみたい。という場合にはいいかもしれませんね。
pageテンプレートを利用する
WordPressには固定ページ独自のテーマファイルを作ることができます。
例えば、LPの内容を投稿した固定ページのスラッグを「lp」とした場合、page-lp.phpというテーマファイルを作ってあげると、LP専用の見た目を作ることができます。
方法としては、「固定ページを利用する」と同じで、LP用の固定ページのHTMLを貼り付けます。
このままだと、固定ページを利用したときと同じですが、page-lp.phpを編集するといろいろと変更できます。
page-lp.phpにもともと何が記載されているかにもよりますが、例えばサイドバーを表示するようになっているなら、その部分をバッサリと削除。
そうすると、ほかの固定ページではサイドバーが存在するのに、LP用固定ページだけでは、サイドバーが存在しない。ということもできてしまいます。
PHPファイルを編集するので、若干の知識は必要ですが、固定ページを利用するよりは、多少自由度が上がります。
HTMLのまま利用する
WordPressを利用したいのにHTMLのまま利用する。
いったい何を言っているのかわかりませんが、もうこのHTMLファイルのまま、WordPressを表示しているサーバーにアップしてしまいます。
はい、それで表示できればOK！
ですが、このままだと、もしWordPressで利用しているお問い合わせフォームプラグインを埋め込みたいとなっても利用できません。
だって、HTMLですし。
そこで、まずはHTMLファイルの一番上に
<?php require("./wp/wp-load.php"); ?>を挿入しましょう。
そして、</head>の前に
<?php wp_head(); ?></body>の前に
<?php wp_footer(); ?>そして、お問い合わせフォームはショートコードで表示します。
<?php echo do_shortcode( 'お問い合わせのショートコード' ); ?>これで、HTMLのままWordPressがこっそり内蔵されたLPを表示することができます。
いろんなメリットデメリット
３つ方法を紹介しましたが、だんだんと後半に行くにつれて自由度は高まってきますが、その分ファイルを編集したりする手間が増えます。
WordPressの管理画面に入れば修正できたことができなくなってきますよね。
逆に最初のほうはWordPressの管理画面から編集できるし、ただコピペするだけの簡単作業。
ですが、利用しているテーマにデザインレイアウトの自由度が縛られてしまったりします。
一長一短、どちらがいいか。は、決めきれませんが、もともとLPを作るときにWordPressテーマを意識させて作ることができれば、最初の方法でも十分魅力的なLPをWordPressの固定ページで表示できるかもしれませんね。
ぜひ、あなたにあった方法を探してみてください。
コメントを残す