【WP(WordPress)】デザインが違う固定ページの作り方【page.php】

WordPressのサイトで時々依頼される新規LPページ制作。
LP毎にデザインや内容を変更したいので、テンプレートの使い回しが出来なさそうだったので今回は「page-{slug}.php」を使用したページの作り方の備忘録です。

デザインが違う固定ページとは?

何がしたいかというと、WordPressの既存デザイン(元々テーマで準備されている投稿、個別ページのテンプレ)とは全く違う新規ページを1つ作成。

事前準備

WordPressの管理画面上ではなく、FTPサーバーへの接続が必要なのでFTP設定情報+クライアントソフトのご準備を(筆者はFileZilla)

【WP】デザインが違う固定ページの作り方

今回は、「 https://ドメイン/testpage 」というURLで新規ページを作っていきます。

手順は以下

  1. page-testpage.php ファイルを作る
  2. FTPソフトで設置
  3. WP側の固定ページに紐づける

page-testpage.php 作成

エディタで「page-testpage.php」を作成します。

固定ページの新規デザインページを作るときは、ファイル名を page-○○.php とします。

中身は下記をコピペ↓

<?php
/*
Template Name: page-testpage.phpのテンプレート
*/
?>


FTPソフトで設置

FTPソフトで下記箇所に作成した「page-testpage.php」を設置。


………/wp-content/themes/使用しているテンプレート/ここに設置

WP側の固定ページに紐づける

後は、【WP側】管理画面>固定ページ>新規追加
記事テンプレートを「page-testpage.phpのテンプレート」にする


(わかりやすくするために)パーマリンク(スラッグ)を、「page-testpage」に設定してページ公開をする。

以上で新規ページが完成。作成したページは下記↓
https://xn--l8jvb4dympg8e.com/page-testpage

後はこのページに画像設置や文章追記など通常のページを作成→FTPでアップして更新。という手順をとっていけばOKです。

WordPressデザインが違う固定ページの作り方まとめ

WordPressのデザインが違う固定ページの作り方の備忘録でした。

本当はLP用のカスタムフィールド設定したりして、使い回しすれば便利そうなんだけど作成するページがそれぞれ違うからナァ(*´`*)動きも変えたいみたいだし…

参考記事は、 Codexテンプレート階層でご確認を。