WordPress　固定ページの設計　詳細版　スマホ対応

７．ページテンプレート作成

トップページ以外のページを表示する為のテンプレートです。ヘッダー、フッターやメニューなどのパーツテンプレートを読み込んでページとして表示します。

（１）会社案内、アクセスのページ・テンプレート（page_common.php）作成

管理画面 → 外観 → テーマの編集 → page_common.php 固定ページテンプレートをクリックし、編集画面に以下のhtmlを記述する。５行目までは、既に（４）テンプレート定義作成で出来ているので、６行目以降を記述します。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<?php
/*
Template Name:page_common
*/
?>

<?php get_header(); ?>

<div id="content">
<?php if(have_posts()):while(have_posts()):the_post(); ?>
<div class="post">
<?php the_content(); ?>
</div>
<?php endwhile;endif; ?>
</div>

<?php get_footer(); ?>

Page Top ↑

（２）旅行プラン、フランスなどのテンプレート（page_plan.php）作成

管理画面 → 外観 → テーマの編集 → page_plan.php 固定ページテンプレートをクリックし、編集画面に以下のhtmlを記述する。５行目までは、既に（４）テンプレート定義作成で出来ているので、６行目以降を記述します。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?php
/*
Template Name:page_plan
*/
?>

<?php get_header(); ?>

<?php get_template_part('menu_plan'); ?>

<div id="content_plan">
<?php if(have_posts()):while(have_posts()):the_post(); ?>
<div class="post">
<?php the_content(); ?>
</div>
<?php endwhile;endif; ?>
</div>
<div style="clear: both;"></div>

<?php get_footer(); ?>

９行目は、サイドメニューのパーツテンプレートを読み込むphp文です。

Page Top ↑