WordPressで、ページテンプレートの作成

WordPressデフォルトでは、文(Post)とページ(Page)を作成することができます。 WordPress テーマでは、ページを page.phpというテンプレートを使用してページのレイアウトを制御します。

ページテンプレート

このテンプレートファイルは、 WordPressユーザーが作成したすべての単一のページに影響を与えます。 つまり、基本的なページの枠組みは同じです。 しかし、すべてのページが同じではありません。 例えば、一般的なページのほか全幅ページ(Full-width Page)を利用したい場合があります。

次のようなページテンプレートの種類がテーマで使用することができます。

  • コンタクトフォーム(お問い合わせフォーム)
  • サイドバーのないページ(全体の幅ページ)
  • ランディングページ
  • ブログindexファイル

* メモ: 有料テーマの場合、テーマに応じて複数のページテンプレートを提供します。ページテンプレートはページ編集画面の右パネルにあります ページのプロパティ セクションから選択できます。

たとえば、最も多くの販売を記録している Avada(AVADA)テーマでは、次のようないくつかのページテンプレートがデフォルトでマウントされています。

WordPress Avada テーマページテンプレート

無料テーマの場合、別のページのテンプレートがない場合、または制限的な場合があります。

最近では、ページテンプレートを使用せずにテーマビルダーやレイアウト機能を使用して、管理ページ(通知板)内で特定のページのレイアウトを作成できる機能があります。 Avada, Divi などのテーマと エレメンプロでサポートされています。

ページテンプレートを作成する

カスタムページを作成するには、HTML、CSS、PHPの基本的な理解を基にする必要があります。テーマが提供するテンプレートに加えて、新しいテンプレートを作成する方法について簡単に見てみましょう。

チャイルドテーマがない場合は、まずチャイルドテーマを作成して有効にします。

FTPを介してサーバーに接続します。 FTPの使い方については、次の記事を参照してください。

チャイルドテーマがインストールされているフォルダに移動します。例えば、 Avada テーマの場合 /wp-content/themes/avada-childがチャイルドテーマフォルダになることがあります。

新しいファイルを作成し、上部に次のように起動します。

<?php
/*
テンプレート名:新しいカスタムページ名
*/

基本的なページレイアウトから少し変更する場合 page.php ファイルの内容をそのままコピーし、一番上の部分を上記のように修正してください。

たとえば、デフォルトのテーマの一つであるTwenty Sixteenテーマで page.php ファイルの内容をそのままコピーして、新しいファイル page-custom.php ファイルを作成してコピーした内容を貼り付けて、上部にテンプレート名を指定してください。

New Custom Page Template

新しいファイルの上部が上記のようになります。 次に、新しいレイアウトに合わせてファイルを適切に変更するようにします。 個別ページ編集画面で右側の「ページのプロパティ「部分の」テンプレート「選択部分を見ると、図に示すように、新しく追加したテンプレート名がリストに追加されていることがわかります。

Page Properties

チャイルドテーマを作成せずに作業する場合、テーマが更新されると修正内容が消えることがありますので、なるべくチャイルドテーマを作成して作業してください。

カスタムページテンプレートの詳細については、 エレガント Themes Blogはじめに WordPress Page Templates(WordPress ページテンプレート) 文を参照してください多くの助けになるでしょう。

文とページは、基本的な文のタイプです。 ユーザー定義文のタイプ(カスタムポストタイプ)を作ることに興味がある場合、次のXNUMX文を参照してください。

参照


7のコメント

  1. こんにちは良い情報ありがとうございます。 ところがページではなく、記事のテンプレートを設定することはないでしょうか? 全体の幅のページをカテゴリーの中に入れてたいんですよ。

    1. こんにちは?
      特定のカテゴリの幅全体のページを作成する場合は、あえて、テンプレートを変更する必要がなく、簡単なCSSで可能なことです。

      WordPressは、カテゴリ別、個別文などを区分するclassが提供されます。

      CSSを少し知っていれば難なく必要に応じてレイアウトを変更することができるようになります。

  2. テンプレートを作成は成功したが、そのテンプレートを使うようにすると、不思議なショートコードが受け入れられないですねㅠㅠどうしようべきでしょう

    1. こんにちは? 既存のページのテンプレートを持って変更すると、問題がないようです。 修正する過程に問題があるのはないでしょうか?

      そして、ショートコードをphp内では echo do_shortcode('[...] ); を使うべきです。

  3. こんにちは。 文よく読みました!

    WordPressが分かってから3日目とはわからないことも多く、悩みも多いです。

    もしかしたらページごとにテンプレートを変えように

    特定のテンプレートごとに異なるstyle.cssを読み込み来ることができますか?

    page-test.phpというテンプレートを作成し、その中にstyleを作成すると、優先順位のためか
    適用はよくありませんㅠㅠ

コメントを残す

*メールアドレスは公開されません。