【WordPress】固定ページのテンプレートを使ってLPを作成する方法

固定ページのテンプレートを使ってLPを作成する方法

固定ページは通常「page.php」で表示されるが、通常の固定ページとデザインや表示を変えたい時に使うのがテンプレート。

投稿IDを使った「page-ID.php」も使用できるが、スラッグ名を使用した方がわかりやすいのでスラッグ名を「page-スラッグ名.php」という形でphpファイルを作成する。

「page-スラッグ名.php」や「page-ID.php」があれば、「page.php」よりも優先的に読み込まれるためだ。

今回はLP用のテンプレートを作るので、「page-lp.php」という名前にしておきます。

<?php
/*
Template Name: 固定ページの新規テンプレート1
*/
?>

<h1>固定ページの新規テンプレートです。</h1>
<?php
if(have_posts()): while(have_posts()): the_post();?>
<h2><?php the_title(); ?></h2>
 
<?php the_content(); ?>
 
<?php endwhile; endif; ?>

「page-lp.php」の上部に下記を入力する。

<?php
/*
Template Name: 固定ページの新規テンプレート1
*/
?>

これはWordPressの管理画面から固定ページでテンプレートを選択するために、このコメントを絶対に入力しないといけません。

「固定ページの新規テンプレート1」という部分がテンプレートで表示される名前なので、自分でわかりやすい名前をつけてください。

あとは固定ページで適当なタイトルだけつけて、テンプレートを選択すればOK。

テーマのCSSの読み込みを避けるには

LPは使用しているテーマのデザインとまったく違うデザインのこともあると思います。

このときにfunction.phpからCSSを読み込んでしまうと、思うようにデザインが当たらないこともしばしば。

そのときは通常headタグに記述する「<?php wp_head(); ?>」とbody閉じ直前に記述する「<?php wp_footer(); ?>」は記述しないようにすれば既存テーマのCSSはあたりません。

画像URLやfontawesomeなどのURLは置き換えなければいけませんが、HTMLとCSSで作成したものをほぼそのままWordPressサイトに表示することができます。