ワードプレスでカスタムテンプレートのテーマファイルを追加する

WordPressのカスタムテンプレートとは?

WordPressでは投稿や固定ページをいくつでも作成することができます。ただ、この投稿や固定ページはテーマに含まれる単一のプログラムファイルから出力されています。
WordPressのテーマでは、single.phpやpage.php 等テンプレートのファイルが、テーマのデザインを一括して出力しています。
投稿のテンプレートは、一般的には一つですが、固定ページのテンプレートは下記の画像のように任意に選ぶことができます。

このテンプレートファイルを追加する事を通してワードプレスのテーマファイルの仕組みをより深く理解していきましょう。

固定ページのテーマファイルの書式

まず、お使いのコンピュータでメモ帳のようなテキストエディタにて、空白のファイルの一番上に追加します。

<?php /* Template Name: カスタムテンプレート */ ?>

このコードは、これがテンプレートファイルであり、カスタムテンプレートとして認識されるべきものであることをWordPressに伝えます。テンプレートの名前は、何でも好きな名前をつけることができます。

コードを追加したら、ファイルを custompagetemplete.php という名前で保存します。
ファイルの名前は何でも構いませんが、拡張子が.phpで終わることを確認してください。

/wp-content/themes/お使いのテーマ　フォルダにこのファイルを移動されてください。

WordPressの管理画面にログインすると固定ページ編集画面で、’ページの属性’セクションまでスクロールダウンすると、テンプレートのドロップダウンメニューが表示されます。これをクリックすると、先ほど作成したテンプレートを選択することができます。

カスタムページテンプレートの選択

さて、テンプレートを変更してこのページにアクセスすると、空白のページが表示されます。それはあなたのテンプレートが空っぽで、WordPressに何を表示するかをプログラミングしていないからです。

カスタムページテンプレートは、WordPressの他のテーマファイルと同じです。このファイルには、任意の HTML、テンプレートタグ、または PHP コードを追加することができます。

カスタムページを始める最も一般的なな方法は、テーマで仕様されている既存のページテンプレートをコピーすることです。

/wp-content/themes/お使いのテーマ　フォルダに移動します。そこにpage.php(投稿と　固定ページ共通のsingular.phpという名称の場合もございます)というファイルがあります。

既存のページテンプレートを利用する

メモ帳などのテキストエディタでpage.phpファイルを開き、すべてコピーします。
カスタムページのテンプレートファイルを開いて、
先ほど追加した

<?php /* Template Name: カスタムテンプレート */ ?>

以下に貼り付けます。

下記のような形になるかと存じます。

<?php /* Template Name: カスタムテンプレート */ ?>

<?php get_header(); ?>

<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
// Start the loop.
while ( have_posts() ) : the_post();

// Include the page content template.
get_template_part( 'template-parts/content', 'page' );

// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}

// End of the loop.
endwhile;
?>

</main><!-- .site-main -->

<?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

カスタムページテンプレートファイルを保存し、/wp-content/themes/お使いのテーマ　フォルダに配置してください。

これで、カスタムページテンプレートを使用して作成したページを表示することができます。現状他のページのテーマをコピーしたものですのでWordPressの他のページと全く同じように表示されます。

このカスタムページテンプレートファイルは、あなたが望む方法でそれをカスタマイズすることができます。例えば、サイドバーを削除したり、カスタムPHPコードを追加したり、他のHTMLを追加したりすることができます。

コードの編集はWordPressの管理画面の外観＞ページエディタ画面で編集することも可能です。

\ 　他社の制作したワードプレスサイトもOK ! 　/
ワードプレスの制作・復旧・修正・カスタマイズのご相談・ご依頼はこちらから