【wordpressで企業サイト】固定ページの作り方

wordpressで企業サイトなど、通常のホームページを作る場合のやり方です。

固定ページのphpを用意する。

自作テーマの大元になるindex.phpを別名で保存、ファイル名をpage.phpとする。これが固定ページのテンプレートになります。

共通するところ以外を全部消して以下を記述。

  <?php
  if (have_posts()) :
    while (have_posts()) : the_post();
  ?>
      <h3><?php the_title(); ?></h3>
      <section>
        <?php the_content(); ?>
      </section>
  <?php
    endwhile;
  endif;
  ?>

<h3>~</h3>は、後で消すけど、確認用にしばらく残しておきます。

固定ページを用意する

WPダッシュボードから、固定ページ＞新規追加で必要分だけ固定ページを用意する。

右側、パーマリンクの部分のスラッグをデフォルト数字からわかりすい英単語に変えておく。

例）

会社概要のページなら　about

製品紹介のぺージなら　product　

各固定ページ専用のテンプレを作る

先ほどのpage.phpを別名で保存し、各固定ページで設定したスラッグを付けたファイル名にする。

page-about.php

page-product.php

固定ページごとに編集

元からつくってあるhtmlファイルからコンテンツ部分をコピペする。

画像ファイルをパスをwordpress用に書き換える。

?php echo get_template_directory_uri(); ?>/

を入れる。

<img src="<img/koshitsu.jpg" alt="" class="img-fluid">

<img src="<?php echo get_template_directory_uri(); ?>/img/koshitsu.jpg" alt="" class="img-fluid">

ページ固有のjsなどがあれば忘れないように設置。
その場合はfooter.phpに書く。（全ページ共通になるけど）
jsも画像と同じようにパスを書き換える。

確認

FTPでアップロードして動作確認。

OKだったら先ほどの

<h3><?php the_title(); ?></h3>

を削除。

ダッシュボードの編集画面にはなにも書かないこと。

編集はテキストエディタで行う。

参考サイト

WordPressで固定ページ編集画面に何も書かれていない！固定ページをテンプレートファイルで作成する方法。

WordPressで固定ページ編集画面に何も書かれていない！固定ページをテンプレートファイルで作成する方法。 - YCOMのホームページの制作・運営に役立つブログ

　

y-com.info

そういう事だったのか…とためになりました。ありがとうございました。