【初心者向け】固定ページ(page.php)を作成する【WordPress化】

固定ページ-アイキャッチ
チャッピー
チャッピー

通常の投稿ページとの固定ページの違いってなに?

こばゆた
こばゆた

通常の投稿ページとの固定ページの違いは簡単にいうと以下の通りです

固定ページの特徴
  • 頻繁に更新を行わないページ
  • 時系列に左右されないページ

こばゆた
こばゆた

Webサイトで言えば「会社概要」や「アクセス」「お問い合わせ」のページなどが固定ページにあたります。

「会社概要」や「アクセス」といったページを作ると考えていきましょう。

スポンサーリンク

1.固定ページの記事を作成する

WordPressのダッシュボードへ行き、「固定ページ」→「新規追加」で記事を作成して投稿します。

きなこ
きなこ

ここは普通の投稿と似ているからわかりやすいね

今回は以下の画像の「採用情報」、「ごあいさつ」、「お問い合わせ」、「会社概要」を固定ページとして作成していきます。

固定ページ作成
チャッピー
チャッピー

ちょっと多いなぁ

新規画面のページが開いたら以下の手順で作成していきます。

固定記事の作成
こばゆた
こばゆた

スラッグ名は後ほどURLの後ろに付けるので、できればググって英語にしましょう。

そんな調子で同じ様に他の固定ページを作成します。

固定ページ作成完了
スポンサーリンク

2.page.phpを作成する

page.phpを作成する手順
  1. page.phpファイルを作成する
  2. single.phpをコピーする or 自作のhtmlをコピペする
  3. コードを修正する
  • STEP1
    page.phpを作成する
    固定ページはpage.phpという名前で作成します。
    page.phpの作成
  • STEP2
    single.phpをコピーする or 自作のhtmlをコピペする
    どちらかの方法で作成しますが、今回は簡単に1の方法でsingle.phpからpage.phpへ全選択→コピー→貼り付けをします。
  • STEP3
    コードを修正する
    記事ページからコピーしてきて必要ないものがあったら削除します。
    例えば…

    • 投稿日
    • コメント欄
    • 「次の記事へ」のような案内

    などです。

<?php get_header(); ?>

<div id="wrapper">

  <div id="content">
    <section>
      <h2 class="title"><span><?php the_title()?></span></h2>
        <ul class="post">
        <?php if(have_posts()): while(have_posts()) : the_post(); ?>
          <li>
            <p><?php the_content(); ?></p>
          </li>
          <?php endwhile; ?>
          <?php endif; ?> 
        </ul>
    </section>
    
	</div>
	<!-- / content -->

<?php get_sidebar(); ?>	

</div>
<!-- / wrapper -->

<?php get_footer(); ?>

3.リンクを結ぶ

こばゆた
こばゆた

最後にトップページと固定ページとのリンクを結びます。

今回はheader.phpのナビ部分のリンクを変えますので以下のタグをリンクに入れます。

<?php echo home_url(); ?>

実際にはこのようにします。

<a href="<?php echo home_url(); ?>/スラッグ名"></a>
slugの場所
きなこ
きなこ

スラッグ名は固定ページの作成で決めたアレだね。

少し中身を削りましたがこの様になっていればOKです。

<li><a href="<?php echo home_url(); ?>/recruit"><strong>採用情報</strong><span>Recruit</span></a></li>
<li><a href="<?php echo home_url(); ?>/greet"><strong>ごあいさつ</strong><span>Greeting</span></a></li>
<li><a href="<?php echo home_url(); ?>/contact"><strong>お問い合わせ</strong><span>Contact</span></a></li>
<li><a href="<?php echo home_url(); ?>/company"><strong>会社概要</strong><span>Company</span></a></li>

4.まとめ

固定ページまとめ

1.「ダッシュボード」→「固定ページ」→「新規追加」から固定ページを作成する

2.新規ファイルでpage.phpを作る
・single.phpをコピーする or 自作のhtmlをコピペする
・コードを修正する

3.固定ページとリンクを結ぶ

<a href="<?php echo home_url(); ?>/スラッグ名"></a>

コメント