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
© Copyright 2024 Paperzz