*

固定ページを内容によってデザインを変更する方法

目的
固定ページ毎で表示される構成やデザインを変更する方法を説明します。
必要なもの
テキストエディタ、FTPクライアントソフト
読書時間
10分くらい
難易度
目次
1. 固定ページ別にテンプレートを変更する方法
2. 一つの固定ページに対して一つテンプレートを適用させる方法
3. 固定ページ用のテンプレートを作成し、管理画面でテンプレートを指定する方法
◎ 今回のまとめ

作成した固定ページによっては、
デザインを変更したい場合があります。
page-template

会社紹介サイトで、
会社概要は、別のデザインにしたいとか、
お問合せページには、レイアウトを変更したい場合に
一つ一つの固定ページに対して、
別のテンプレートを使うことが出来ます。

固定ページ別にテンプレートを変更する方法

指定の固定ページに対して、
テンプレートを変更する方法は二通りの方法があります。

一つの固定ページに対して一つテンプレートを適用させる方法

テンプレートを変更する固定ページを
管理画面から開きます。

固定ページ編集画面の右上にある「表示オプションを表示」をクリックし開きます。
固定ページ 表示オプションを表示

表示項目の中にある「スラッグ」のチェックボックスにチェックを入れます。
固定ページ スラッグにチェック

固定ページ編集画面の下の方に「スラッグ」項目が
表示されていますのでページに合った
スラッグ名(半角英数)に変更します。
例では「プロフィール」固定ページなので「profile」にしました。
固定ページを編集  スラッグ名を変更

固定ページ一覧へ移動し、
固定ページのページIDも確認しておきます。

確認したい固定ページのタイトルに
マウスを上に合わせると画面下に、
リンクURLが表示されます。
◯◯/wp-admin/post.php?post=【ID番号】← この番号がページIDになります。
固定ページIDの確認

FTPソフトを使ってサーバーに接続し、
WordPressのテーマディレクトリへ移動します。
その中にある「page.php」を複製します。
page.php 名前変更

複製した「page.php」の名前を変更します。
スラッグ名もしくは、ページIDのどちらかで指定します。

スラッグ名で指定する場合
page-スラッグ名.php
例:page-profile.php

ページIDで指定する場合
page-ページID.php
例:page-40.php

新しく作成した「page-◯◯.php」が
指定したページのテンプレートになりますので、
テンプレートの内容を変更すれば、
その固定ページだけに反映されるようになります。

動画で固定ページのテンプレート変更方法を説明

固定ページ用のテンプレートを作成し、管理画面でテンプレートを指定する方法

この方法の特徴は、
一度テンプレートを作成しておくと、
固定ページ作成時に管理画面で、
オリジナルのテンプレートを選択することが
出来るようになります。

FTPクライアントソフトを使って、
サーバー内のテーマファイルを表示します。
page.phpを複製する

使用しているテーマ内にある「page.php」を複製し、
任意の名前を付けます。
先ほどとは、違い好きな名前を付けることが出来ます。
例では、「templatepage01.php」としました。
固定ページ テンプレート

templatepage01.phpを編集します。
ソースの一番上に下記の用に、
固定ページ用のファイル名を付けます。
「テンプレート名」のところに、テンプレート名を入れます。

templatepage01.php

管理画面の「固定ページ」で、
変更したい固定ページを選択し、
テンプレートをリストの中から選択し保存します。
固定ページ テンプレート選択

指定したテンプレートを変更すると、
固定ページに反映されるようになります。

動画で固定ページのテンプレート作成方法を説明

今回のまとめ

固定ページのテンプレート変更方法は、
2つとも簡単に出来ます。
一つ目の方法は、
製作者がこの固定ページのテンプレートはこれ!と
決めておきたいときに向いています。
二つ目の方法は、
管理画面で自由にテンプレートが選択出来るので、
いくつかテンプレートを登録しておいて、
管理画面で選択したい場合は便利です。

記事が気になったらSNSでチェックしてくださいね

  • follow us in feedly
  • このエントリーをはてなブックマークに追加

いいね!でWordPress最新情報が手に入ります

関連記事

初めてでも出来る世界で1つだけのドメインを取得する方法

ドメインはインターネット上の住所 インターネット上にウェブサイトを作成するには、 必ずドメイ

記事を読む

WordPress制作に必要なWebブラウザをインストールしましょう!

Webブラウザという言葉が?ハテナの方も多いと思います。 インターネットでサイトを閲覧するときに使

記事を読む

ファイル構成はカンタンだ

【保存版】WordPressのテンプレート名称と優先順のまとめてみた

WordPressのファイルテーマ構成を理解することで、 テーマのカスタマイズが出来るようになりま

記事を読む

ちょっと待った!ドメイン名をつける前に確認する3つポイント

ドメイン名は、世界に1つだけの名前です。 一度決めたら、その会社またはサービスが続く限りは 変更

記事を読む

WordPress 使い方!最低限の知っておくべき管理画面の7つの機能!

WordPressの管理画面は、どのようになっているのでしょうか? 大きく分けると、2つの

記事を読む

XAMPPでWordPress環境作りは面倒だ!BitNamiで構築は簡単・便利・早い!

ワードプレスを構築するには、 サーバーを借りる必要があります。 これから、勉強でWo

記事を読む

知らなきゃ損する!WordPress構築の超定番3つの無料アプリを紹介

WordPress構築に立ち向かって、 攻略していくためには、 まずは武器が必要です! 構

記事を読む

コメントを残す

https_image
安くなったSSL証明書 全サイトを暗号化する時代がやってきた

2014年8月にGoogleが「HTTPSをランキングシグナル

残念な年賀状
アップロードしたサムネイル画像を一括でリサイズしてくれるありがたいプラグイン

新しくテーマを変更したら、 サムネイル画像の人がやせ細ってしましまし

記事投稿を簡単にする方法
コピペで出来る!蛍光マーカーや赤文字ボタンを作成して記事を簡単に装飾する方法

記事を書くのを少しでも楽にする方法を紹介 記事を書くときは、出来るだ

web素材が無料
高品質なウェブ素材が無料「ShanaBrian Website」

Webサイト構築ですぐに使える素材が ひと通り揃っています。

無料のイラスト・かわいいテンプレート 素材ライブラリー
イラスト無料の「素材ライブラリー.com」

全ての質の高いイラストが揃っていて、 PNGやJPGだけでな

→もっと見る

  • follow us in feedly
PAGE TOP ↑