チャッピー
通常の投稿ページとの固定ページの違いってなに？
こばゆた
通常の投稿ページとの固定ページの違いは簡単にいうと以下の通りです
固定ページの特徴
- 頻繁に更新を行わないページ
- 時系列に左右されないページ
こばゆた
Webサイトで言えば「会社概要」や「アクセス」「お問い合わせ」のページなどが固定ページにあたります。
「会社概要」や「アクセス」といったページを作ると考えていきましょう。
1.固定ページの記事を作成する
WordPressのダッシュボードへ行き、「固定ページ」→「新規追加」で記事を作成して投稿します。
きなこ
ここは普通の投稿と似ているからわかりやすいね
今回は以下の画像の「採用情報」、「ごあいさつ」、「お問い合わせ」、「会社概要」を固定ページとして作成していきます。
チャッピー
ちょっと多いなぁ
新規画面のページが開いたら以下の手順で作成していきます。
こばゆた
スラッグ名は後ほどURLの後ろに付けるので、できればググって英語にしましょう。
そんな調子で同じ様に他の固定ページを作成します。
2.page.phpを作成する
page.phpを作成する手順
- page.phpファイルを作成する
- single.phpをコピーする or 自作のhtmlをコピペする
- コードを修正する
- STEP1page.phpを作成する固定ページはpage.phpという名前で作成します。
- STEP2single.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>
きなこ
スラッグ名は固定ページの作成で決めたアレだね。
少し中身を削りましたがこの様になっていれば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>
コメント