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 ! /
ワードプレスの制作・復旧・修正・カスタマイズのご相談・ご依頼はこちらから
コメントを投稿する