初期費用10万~年間ランニングコスト6,800円のCMS型ホームページ制作パック ホームページ制作会社「和道」
WordPress乗り換えパック
CMS型ホームページ制作パック「自力」実績紹介
CMS型ホームページ制作パック「自力」お見積・お申込
お電話やメールなどによるお問合せ
CMS型ホームページ制作パック「自力」お問合せ
CMS型ホームページ制作パック「自力」サンプルサイト
NEWSアーカイブ
滝川雅晴 (wadous9) on Twitter

WordPressのページ機能を使うと、ホームページの画面を自由に作る事が出来ます。
ここでは、例としまして「よくある質問と答え」のページを作る操作イメージをご紹介致します。
1.ホームページの計画
2.「Q&Aの答え」のページを作る
3.「Q&Aの答え」のページを確認する
4.「よくある質問と答え」から「Q&Aの答え」のページにリンクを貼る
5.リンクが出来たかどうかを確認する

1.ホームページの計画

既に「よくある質問と答え」のトップページが用意されているとします。
作ろうと思っているページは、「Q&Aの答え」のページです。
以下のようなホームページの階層構造にしようと考えました。
page_kaisou_kouzou
※ページスラッグ・・・アドレス(URL)の一部になる文字です。後述のパーマリンクの欄で入力をします。
※ページ順序・・・ホームページで表示される時の表示順です。(設定が必要な場合があります。)
「よくある質問と答え」のトップページに、「Q&Aの答え」へのリンクをはろうと思います。

2.「Q&Aの答え」のページを作る

1.管理画面の[ページ]の、[新規追加]をクリックします。
page_add

2.新規ページで必要な情報を入力します。
・参考の入力順序
page_making_flow

・実際に入力した情報
page_making_answer01

 1.タイトルの入力:「Q.~は何ですか?」と入力しました。
 2.記事の入力:「A.回答 ~の意味です。」と入力しました。「A.回答」は見出し3を設定しました。
 3.親ページの選択:「よくある質問と答え」を選択しました。
 4.ページ順序の入力:「41」と入力しました。
 5.パーマリンクの設定:「answer01」と入力しました。

3.新規ページを公開します。
新規ページ画面のボタンをクリックします。

3.「Q&Aの答え」のページを確認する

公開したページを確認します。
ここでは、別の画面で表のホームページ(フロント画面)を表示します。
≫参考:ブラウザでいくつものホームページを一度に開く方法
新しいページの見え方とアドレス(URL)を確認します。

1.表のホームページ(フロント画面)のサイトマップ画面を開き、新しいページのリンクをクリックします。
page_making_sitemap

2.新しいページの見え方とアドレス(URL)を確認します。
page_making_front_page

ここでは、アドレス(URL)が「http://wpcms.wadous.com/demo001/faq/answer01.html」である事が確認できました。

4.「よくある質問と答え」から「Q&Aの答え」のページにリンクを貼る

既にある「よくある質問と答え」から、新しく作った「Q&Aの答え」のページにリンクを貼ります。

1.管理画面の[ページ]の[編集]をクリックした後に、[よくある質問と答え]をクリックします。
page_making_faq

↓下記のページ編集の画面が開きます。
page_making_faq_edit01

2.リンク用の文字を入力して、リンクを作ります。
リンク用の文字を入力します。
page_making_faq_edit02

↓リンク用の文字をドラッグして、リンク挿入用のアイコンをクリックします。
page_making_faq_edit03

↓リンクURLにアドレス(URL)を入力して、[挿入]ボタンをクリックします。
≫参考:コピーと貼り付けを楽にする方法
page_making_faq_edit04

↓ページ編集の画面に戻ったら、をクリックします。
page_making_faq_edit05

5.リンクが出来たかどうかを確認する

表のホームページ(フロント画面)でリンクが出来たかどうかを確認します。
1.表のホームページ(フロント画面)のサイトマップ画面を開き、「よくある質問と答え」のリンクをクリックします。
page_making_faq_edit06

2.リンクが出来ている事を確認します。クリックしたら「Q&Aの答え」のページになる事を確認します。
≫参考:ホームページの再読み込みを楽にする方法
page_making_faq_edit07

関連情報