Web

WordPressテーマ開発その5(固定ページ)

今回は固定ページを作っていきます。
前回までに

  1. 設計・デザイン編
  2. 環境構築編
  3. News投稿編
  4. カスタム投稿タイプ

を作りました。
トップページ内に収まらないクライアントが更新のあまり必要のない詳細な情報を表示するページを作ります。
(例えばRecruitやお問い合わせ単体が表示されるページ)

目標

  1. メニューバーのリンクから飛ぶ固定ページを作る(page-〇〇.php)
  2. お問い合わせを組み込む

基本的に、クライアントからは変更できないタイプの固定ページを今回は作ろうと思います。
今回は求人内容について記載されたページということでRecruitとします。

固定ページの作成

ダッシュボードの固定ページで新規投稿の固定ページをひとまず作ります。

タイトルをRecruitとし、その際、パーマネントリンクの部分をそのページのurlになるrecruitに変更しておきます。中身は空で大丈夫です。

page-recruit.phpのファイルを作ります。
page-〇〇.phpファイルは固定ページのテンプレートファイルとなります。
その中に、recruitページに表示させたい内容をコーディングしていきます。
例:

<?php get_header(); ?>
<section class="recruit">
    <div class="content__inner">
        <h2>Recruit</h2>
           求人情報です
    </div>
</section>

<?php get_footer(); ?>


リンクを貼った先から行きたいのでメニューバー内にリンクを設置します。

リンクの設置

メニューバーのRecruitから、リンクを設置するには、header.phpに書いたナビゲーションのコード内にurlのリンクのコードを追記します。
header.php

<li><a href="<?php echo home_url('/recruit/'); ?>">Recruit</a></li>

普通のhtmlのようにurlを設置しただけではWordPressではリンクにならないので注意。
これで固定ページがメニュー内のリンクから表示できるようになりました。
その6に続きます。

-Web