ゆるくはじめるWordPress.

使い方いろいろ!固定ページの作り方

custom-page-top

ブログを作ったら、お知らせページや自己紹介ページなど、投稿とは別に作りたいコンテンツが出てきたりしますよね。そんな時に使えるのが固定ページです。
今回は固定ページの特徴やテンプレートファイルの作り方、使い方を詳しくまとめてみました。
作り方は記事ページとほとんど変わらず簡単に作れるものなので、サイトの内容をもっと充実させたいと思った時には是非取り入れてみてください。

固定ページの特徴

  • 公開しても記事一覧には表示されない
  • カテゴリーやタグは設定できない
  • テンプレートファイルはpage.php
  • RSSフィードに出力されない

つまり記事として利用するものではなく、独立したコンテンツを作る時に使うもの。
公開しても自動的にサイトからリンクがつく事が無いので、サイドバーやメニューなどから辿り着けるようリンクを用意する必要があります。
テンプレートファイルもpage.phpというものがあるので、それを作っておけば他のページと違うデザインや構成で表示させることも可能。


page.phpの書き方例

テンプレートファイルの作り方は、他のページと同じようにしておきたければ下のような簡単なループを置いておくだけでOK。ランディングページのようなものを作りたければ全く違うデザインにしてしまうのもアリです。

ランディングページとは:1枚のページ全体を使って商品やサービスをアピールさせるページの事。

page.php

<?php get_header() ?>

<div class="content">
<?php if(have_posts()): while(have_posts()): the_post(); ?>
  <div>
    <h1><?php the_title(); ?></h1>
    <?php the_content(); ?>
  </div>
<?php endwhile;endif; ?>
</div><!--content -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

カスタムページテンプレートを作る

色々な種類の固定ページを作りたいと思った時、テンプレートがpage.phpだけだとデザインに幅がなくて不便だったりしますよね。そんな時、自分で好きにページテンプレートを増やす事ができます。

作り方

好きな名前でテンプレートファイルを作ります(例:sample.php)。次にそのファイルの頭に以下のように任意のテンプレート名を書き加えます。

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

これをテーマファイルにアップロードすると、固定ページ>新規追加の画面でテンプレートの種類が選べるようになります。

ページ属性選択

他のファイルと同じように外観>テーマの編集から内容を変更できるので、これを作っておけば複数パターンの固定ページが手軽に作成できますね。
※Template Name部分の記述は一番上に残しておくこと。


固定ページを作ったらリンクを貼る

テーマにもよりますが、通常は固定ページを公開しても自動でサイトからリンクが貼られることはないので、何らかの方法でその固定ページへ辿り着けるようにしないといけません。
手動でリンクを貼る場合はまず設定>パーマリンク設定でパーマリンクの出力形式を決めておきましょう。

関連

WordPressの管理画面で最初にやっておくべき設定
WordPressでの投稿を始める前に、管理画面の設定でやっておいた方が良いと思う項目についてまとめました。後で変更すると面倒なパーマリンクの設定や、その他SEO的な観点からも設定

固定ページのパーマリンク変更

固定ページの作成画面でパーマリンクを適切な内容に変更したら、そのURLを利用して好きな場所からリンクを貼っておけばOKです。


固定ページをメニューで表示する

<?php wp_list_pages(); ?>タグを使えば、固定ページへのリンクを並べて出力してくれます。
ヘッダーやサイドバーにメニューとして表示させたい時などに。

テンプレートタグ/wp list pages – WordPress Codex 日本語版

固定ページをRSSフィードに出力するプラグイン

通常固定ページは公開してもRSSフィードに出力できませんが、『RSS Includes Pages and Custom Post Types』というプラグインを利用すればこれが可能になります。
利用したい場合はプラグイン>新規追加から検索してインストールしてくださいね。
WordPress › RSS Includes Pages and Custom Post Types « WordPress Plugins


スポンサーリンク

公開日: