8章 固定ページを作成する

8章
固定ページを作成する
プラグインを追加し、ホームページを作成する準備が整いました。ここでは、固定ページを作成しながら
WordPress の操作方法を学んでいきましょう。
8-1 お問い合わせページを作成する。
まずは、「Contact Form7」を利用して問い合わせフォームを作成しましょう。
(1)メニューから「プラグイン」 ⇒ 「インストール済みプラグイン」 ⇒ 「Contact Form 7」の設定を
選択
(2)「コンタクトフォーム1」の設定を選択
(3)フォーム欄には、実際にお問い合わせフォームに表示される内容が記載されています。
その中で <p>(項目の内容)<br/> 内の言葉は、編集することができます。
例:<p> 題名 <br/>
⇒
<p> 件名 <br/>
編集したら、必ず「保存」ボタンを押します。
※フォーム欄の「タグの作成」を選択すると、追加項目の編集画面が現れるので、フォーム項目の変更も
可能です。また、フォーム欄の下のメールの宛先やメッセージなども編集できます。
(4)編集が終わったら茶色の枠内に記載されている [contact-form-7 id="99" title=" コンタクトフォーム 1"]
のコードを選択し、コピー(Ctrl+C)します。
(5)メニューから「固定ページ」 ⇒ 「固定ページ一覧」 ⇒ 「お問い合わせ」⇒ 「編集」を選択
⇒
編集画面の「テキスト」(過去の WordPress では「HTML」)を選択
⇒
本文にコピーしたコードを貼り付け(Ctrl+V)、更新
以上で設定は完了しました。
「お問い合わせ」のページに入力フォームが表示されていることを確認しましょう。
8-2 プライバシーポリシー(個人情報保護)ページを作成する。
プライバシーポリシーとは、個人情報について、その収集や活用、管理、保護などに関する取り扱いの方
針を明文化したものをいいます。すべてのウェブサイトに必要なものではありませんが、企業や団体など個
人情報を収集するサイトの場合は、プライバシーポリシーの制定と明記が必要とされています。
(1)プライバシーポリシーページを作る
①
掲載する文面を探す
法律知識のない人が、1 からプライバシーポリシーの文面を作るのは大変です。そこで、インターネット
で「プライバシーポリシー」や「個人情報保護」のキーワードで検索し、企業・団体のホームページのプラ
イバシーポリシーページから自分のホームページに合った内容のものを探してみましょう。
また、
「テンプレート」や「雛型」、
「例文」、
「書き方」などといったキーワードと組み合わせて検索すると、
例文を提供しているホームページを探すこともできます。
21
②
文章を編集する
プライバシーポリシーが決まったら、文章を選択し、コピー(Ctrl+C)
⇒ 「固定ページ」 ⇒ 「固定ページ一覧」 ⇒ 「プライバシーポリシー」
⇒
編集画面の「ビジュアル」を選択
⇒
貼り付け(Ctrl+V)
文中の社名や連絡先を自分のホームページの内容に合わせて訂正したら、「更新」してください。作成し
たページを表示して、入力した内容を確認しましょう。
8-3 代表あいさつページを作る
代表あいさつは、会社や団体の代表者の人となりや経営方針などをホームページの閲覧者に伝える重要な
要素となります。授業では、プライバシーポリシー同様、検索で企業の代表あいさつの文面を探してコピー
し、編集画面の「ビジュアル」画面に貼り付けて内容を編集しましょう。
1.代表者の写真を掲載する
あいさつ文同様、代表者の写真もホームページに掲載すると、社長の顔を広く知らせることができます。
(1)画像検索
正式に会社や団体のホームページを作成する際は、代表者の画像を用意しますが、授業では、6章で入れ
替える画像を検索した時と同様、Google の画像検索で適宜、代表者として使用したい人物の写真を検索し
ます。
(2)使いたい画像をコピー
使いたい画像をクリックすると拡大表示されます。画像にカーソルを合わせて右クリック
⇒ 「画像を
コピー」をクリックします。
(3)画像編集ソフトで加工
⇒
保存
7章と同様にして画像を加工し、ホームページに掲載する形式に保存します。切り抜きツールで加工する
ときの標準サイズは、640px × 480px または 480px × 640px、解像度 72(pixel/inch) に設定します。
このサイズに切り抜いたのは、一般的なパソコン画面の比率3:4に合わせるためです。この値は、今後
ホームページに掲載する画像でも共通です。
(4)固定ページに写真をアップロードする
「固定ページ」 ⇒ 「固定ページ一覧」 ⇒ 「代表あいさつ」
⇒
編集画面の「ビジュアル」を選択し、入力画面の上にある「メディアを追加」を選択
⇒ 「メディアを挿入」の画面が表示されたら、「ファイルを選択」
⇒
別画面で「ファイルをアップロード」が表示されるので、画像の保存先を表示
⇒
使用する画像を選択して「開く」、メディアライブラリの一覧に画像が追加されたのを確認したら、
右下の「固定ページに挿入」を選択
(5)画像の表示、位置を調節する
①
画像の編集と削除
本文に挿入した画像を編集するには、画像をクリックすると左上に表示される2つのマークのうち左の「画
像を編集」を選択します。挿入した画像を削除する時は、右の「画像を削除」を選択します。
なお、削除した画像は「メディア」 ⇒ 「ライブラリ」で確認することができます。再び画像を挿入した
22
いときは、「メディアを挿入」 ⇒ 「メディアライブライ」から画像を選択し、「固定ページに挿入する」を
選択し、完全に削除したいときは「完全に削除する」を選択すると、メディアライブラリから画像がなくな
ります。
②
画像の編集では次のような設定が行えます。
・サイズ……ホームページ上に表示される画像の大きさを設定
・配置……画像の表示位置を設定
・キャプション……キャプション欄に入力した文字が画像の下に表示される。
・リンク URL……「画像にリンクを張る」を選択すると、「WP Lightbox2」の機能が使えます。
設定が終わったら「更新」ボタンを押します。
(6)全ての入力が終わったら、固定ページの「更新」ボタンを押します。
固定ページを表示させて、入力した内容を確認しましょう。
23