ベストセラー人気 WordPress テーマTop 30 詳細

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

Last Updated:2018年1月23日| 7のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

はじめ

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

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

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

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

* メモ: 有料テーマの場合、テーマに応じて、いくつかのページテンプレートを提供しています。 例えば、最も多くの販売を記録している Avada(AVADA)テーマでは、次のようなページのテンプレートが、基本的に搭載されています。

Avada ページテンプレート

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

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

カスタムページを作成するには、HTML、CSS、PHPの基本的な理解が土台にする必要があります。 テーマで提供されるテンプレートの他に、新しいテンプレートを作成するには、テーマで新しいファイルを作成し一番上に次のように起動するようにします。

<?php
/*
Template Name: 새로운 커스텀 페이지 이름
*/

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

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

New Custom Page Template

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

Page Properties

参考までに、なるべくチャイルドテーマを作って作業されることをお勧めします。 その後、テーマが更新されても変更したり、追加した内容が消えません。 チャイルドテーマを作成する方法は、 この記事を参照してください。

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

参照

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



7のコメント

コメント

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

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

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

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

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

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

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

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

    WordPressを知ったか3日目とわからないことも多く、悩みも多い...

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

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

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

    応答
    • こんにちは?

      https://www.thewordcracker.com/intermediate/add-a-second-style-sheet-to-wordpress-theme/ 文に必要な情報が記載されています。

      応答
      • ぴったり私がしたい内容です! ありがとうございます!