WPマガジン
WP-MAGAZINE  wordpress  wordpressの個別のテンプレートの設定
888 views

wordpressの個別のテンプレートの設定

wordpressのテーマの固定ページのテンプレートを増やす設定について解説しております。商品ページの作成や特定のテンプレートを読み込むページの作成の際には個別のテンプレートを活用するのが便利でオススメです。
wordpressの個別のテンプレートの設定のイメージ

wordpressには、投稿と固定の2種類のページの作成する機能が備わっています。 その固定ページでのページの作成では、デフォルトでpage.phpのテンプレートファイルを使用して表示させています。 しかし、固定ページに対して独自のテンプレートファイルを作成して読み込ませることが可能になっています。

ある程度型の決まったページを量産する場合やレイアウトを変更して見せたい場合に便利な個別のテンプレートの作成方法・設定について解説をしていきます。

どういった場合に使用するの?

個別のテンプレートの用途としては、固定ページで作るページの見せ方を変えたい時や同じ型のページを作る際に使用します。
例えば、サイドバーがない1カラムのページを作りたいといったレイアウトを変えたい場合や特定のテンプレートを読み込むページにしたい場合、見せる情報が決まっている商品情報ページを作る場合などです。

それでは、その設定について簡単に解説していきます。

個別のテンプレートの設定方法

1.ファイルの作成

ファイル名は、worpressのテンプレートファイルと重複しないような名前でPHPファイルを作成します。

2.ファイルの始まりにコードを挿入

作成したphpのテンプレートファイルの始まりに以下のコードを挿入するだけで、固定ページのテンプレートと認識されます。

ファイルの始まりにコードを挿入するコード

Template Name:に設定するのはテンプレート名です。 そこに設定した名前がテンプレート名として表示されます。

あとは、page.phpのテンプレートを作成するのと同じ具合でコーディングを行ってください。

見本ファイル:custom_template.php
ダウンロード

3.作成したファイルをアップロード

あとは、使用するテンプレートテーマ内ディレクトリにアップロードするだけです。アップロード場所は、使用するテンプレートテーマ内のテンプレートファイルと同じ場所(page.phpなど)です。

編集画面にテンプレートという項目が追加

アップロードすると、固定ページの編集画面の右サイドのにある「固定ページの属性」というボックス内にテンプレートという項目が増えます。

セレクトボックスを開くと、「デフォルトテンプレート」というのがデフォルトであり、それは「page.php」になります。 その下に作成したテンプレート増えていきます。

管理画面から個別のテンプレートの編集

worpressの管理画面(ダッシュボード)の左側のメニューにある[外観]>[テーマの編集]からテーマの編集画面に移ると、 ページの右側に、テーマで使用しているテンプレートファイルの一覧のリンクが表示されます。

テーマの編集画面から編集可能

そこにも、追加した個別のテンプレートも表示がされますので、編集する際はこのページからも編集可能です。

見本ファイルのダウンロード

見本ファイル:custom_template.php
ダウンロード
 

こちらの記事もよく読まれています

最新の記事

wordpress
wordpressのアイキャッチ関連の便利なコード一覧
wordpress
記事内・投稿・固定ページでテンプレートファイルを呼び出す方法
wordpress
wordpressの個別のテンプレートの設定
wordpress
wordpressのURLに入るcategoryの対処法
wordpress
カスタムフィールド系プラグインならAdvanced Custom Fields
wordpress
wordpressのセキュリティ
基礎知識
パンくずリストについて
wordpress
パンくずリストを表示するプラグイン Breadcrumb NavXT
wordpress
WordPressの管理画面へのログインページにBasic認証を設定
基礎知識
Basic認証とは

人気の記事

WP-MAGAZINE
WP-MAGAZINE
7630views
1
wordpress
wordpressのURLに入るcategoryの対処法
6623views
2
wordpress
wordpressのアイキャッチ関連の便利なコード一覧
2697views
3
wordpress
WordPressの管理画面へのログインページにBasic認証を設定
2290views
4
お問い合わせ
お問い合わせ
1369views
5