SHU BLOG

BLOG NEWS ブログ

TITLE

【WordPress】固定ページの作成、登録の方法を解説

SHU[シュウ]

1991年生まれ九州の宮崎県育ち
高校卒業後、愛知県で自動車関係の
お仕事に5年間勤め、WEB業界に
転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画
基本インドアです!笑

シュウ
シュウ
今回は【WordPress】固定ページの作成、登録の方法を解説!!
の解説になります!

こんな方に読んでほしい

  • WordPressを学び始めた方へ
  • WordPressの固定ページについて解説していきます。
  • 今回はWordPressの「固定ページの作成、登録」について解説しております。

WordPressの固定ページについて

WordPressの固定ページについて

前回は、トップページのテンプレートの分割について解説しました。
今回は、固定ページのテンプレーを作成し、分解、WordPressに登録する流れを解説していきます。

固定ページと投稿の違いとは

固定ページと投稿の違いとは

「投稿」とは、主に記事(ブログ)を書く際に使用する機能になります。
ブログ以外にも、コラム、施工事例やイベント情報など記事を書いて更新するページに使われる機能になります。

投稿ページの特徴主に記事(ブログ)を書く際に使用する機能になります。
例:コラム、施工事例やイベント情報など更新するページに使われる機能です。
できること・カテゴリー、タグによる連動が可能になります。
・複数の投稿タイプ(カスタム投稿タイプ)が作れます。
・RSSの生成が可能になります。
できないこと・記事の詳細ごとにデザインテンプレートを選択することができない。
(※カテゴリー毎で条件分岐は可能です。)
・投稿同士で親子関係の指定はできません。

「固定ページ」とは、ページ単体で完結できるようなコンテンツ機能になります。
よく使用されるページとしては、会社概要、採用情報、お問い合わせなど更新しないページに使われる機能になります。

固定ページの特徴ページ単体で完結できるようなコンテンツ機能になります。
例:会社概要、採用情報、お問い合わせ、など更新しないページに使われる機能になります。
できること・固定ページ毎にデザインテンプレートを作成・登録することができます。
・固定ページ同士で親子関係の指定が可能になります。
例:「親:お問い合わせ、子:完了画面、確認画面、エラー画面」など
できないこと・カテゴリー、タグによる投稿の紐付けができません。
・固定ページ一覧、カテゴリー一覧、タグ一覧などの各ページを一覧で表示させる事ができません。
・RSSの生成ができません。

固定ページのテンプレートの階層

WordPressには、テンプレートの階層・優先順位があります。
WordPressは、アクセスされたページによって優先順位が高いテンプレートファイルが表示します。

上記のように、ナビゲーションがあったとします。
トップページは、「front-page.php」を採用します。

「会社概要、採用情報、お問い合わせ」をそれぞれ固定ページで作成します
「page.php」ファイルを作成します。
上記のように名前を変更 「page-company.php、-recruit.php、-contact.php」アップロードします。

固定ページのテンプレートの階層・優先順位は以下のようになります。

1:優先順位 高いpage-{slug}.php
例:お問い合わせの場合: 「page-contact.php」になります。
2page-{ID}.php
固定ページの登録した場合のIDになります。
例:「post.php?post=〇〇&action=edit」 〇〇の数字 「page-〇〇.php」を入力します。
3page.php
4:優先順位 低いindex.php
テンプレートの階層・優先順位の記事

各種ファイル、テンプレートの階層、優先順位について解説しております。

固定ページの登録について

固定ページの登録について

上記で解説したように、固定ページの名前を変更しました。
ここでは、「Template Name」を使い固定ページの設定、登録を行います。

<?php
/*
Template Name: お問い合わせ
*/
?>
<?php get_header();?>

	<div id="contents">
		<main>
			記事が入ります。
		</main>	
	</div><!--contents END-->

<?php get_footer();?>

上記のように「Template Name: お問い合わせ」を設定しアップロードします。
他の会社概要、採用情報ファイルも同様に作業します。
その他の追加したコードの意味は以下のようになります。

get_header()現在のテーマファイルからヘッダーファイルを読み込みます。
get_footer()現在のテーマファイルからフッターファイルを読み込みます。

次にWordPressの管理画面に移行します。

WordPressの管理画面に移行
「メインナビゲーションメニュー > 固定ページ > 新規追加」を選択します。
1:固定ページのタイトルを入力
例:お問い合わせページなら、「お問い合わせ」で問題ありません。
2:ページ属性を選択
ページ属性のテンプレートから「お問い合わせ」を選択します。
3:パーマリンクの設定
ページURLの設定を行います。
※日本語は避けるようにしましょう。
4:更新を選択
「更新」ボタンを押し完了になります。

海外のサービスなどは日本語に対応してない場合があるので、日本語は避けるようにしましょう。
パーマリンクを設定する際には、「半角・小文字の英数字とハイフン以外」は使わないようにしましょう。

パーマリンクを設定に関するの記事

パーマリンクの設定、構造の解説、注意点など解説しております。

ホームページと連動について

ここまでは、固定ページを作成し、登録まで完了します。
主に、ホームページのナビゲーションは「header.php」、「footer.php」に存在します。
以下のようにリンクを設定し完了になります。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title><?php bloginfo('name'); ?></title>
</head>
<?php wp_head(); ?>
<body>
	<header>
		 <h1><img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="〇〇"></h1>
		<nav>
        <ul>
            <li><a href="<?php echo esc_url( home_url('/') ); ?>">HOME</a></li>
            <li><a href="<?php echo esc_url( home_url('/') ); ?>about">会社概要</a></li>
            <li><a href="<?php echo esc_url( home_url('/') ); ?>recruit">採用情報</a></li>
            <li><a href="<?php echo esc_url( home_url('/') ); ?>contact">お問い合わせ</a></li>
        </ul>
		</nav>
	</header>
	<!--↑ header.php エリア ↑-->

上記のようにコードを追加しました。
追加したコードの意味は以下のようになります。

bloginfo(‘name’)サイトの情報を表示します。
「管理画面 > 設定 > 一般 > サイトのタイトル」が反映します。
bloginfo(‘description’)nameをdescriptionに変更できます。
サイトのキャッチフレーズを表示します。
「管理画面 > 設定 > 一般 > キャッチフレーズ」が反映します。
get_template_directory_uri()css、js、画像ファイルを読み込ます。
※フォルダの階層には注意が必要です。
esc_url( home_url(‘/’) )各ページのリンクの設定になります。
ここでは「.html」は削除しています。
wp_head()wp_headアクションを実行します。
※wp_headを記述しておくことが推奨されております。
※wp_headを記述していないと、プラグインなど、WordPressの 機能が使えなくなるおそれがでてきます。
テンプレートの分割についての記事

「header.php」、「footer.php」の作成やコードについての解説もしております。

まとめ

今回はこれで以上です。

POINT
  • WordPress固定ページの作成、登録について解説しました。
  • 投稿タイプと固定ページの違いをしっかり理解しておきましょう。
  • 「投稿」とは、主に記事(ブログ)を書く際に使用する機能になります。
  • 「固定ページ」とは、ページ単体で完結できるようなコンテンツ機能になります。
  • 「Template Name」を使い固定ページの設定、登録を行います。
スポンサーリンク

SHU

1991年生まれ九州の宮崎県育ち高校卒業後、愛知県で自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。
趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑
つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。

最新記事

関連記事

オススメ記事

月別アーカイブ

page_top