こんにちは、chieです(^^)

今回は、ワードプレスのブログ内の一番下の部分(フッター)にブログの一番上の部分(ヘッダー)のグローバルメニューのような固定ページへのリンクを付ける方法について詳しく解説します。

グローバルメニューには【ホーム】【プロフィール】【目次】
のような固定ページへのリンクメニューを設定しているかと思います。

ただ、そのまま同じ設定で全ての固定ページをメニューに設定すると、【プライバシーポリシー】のような、
グローバルメニューには設置したくないページまで表示されてしまいますよね。

そこで、そのようなページをフッターに表示させる設定をしていきましょう^^

フッターなどのブログ内の場所の名称の確認

ワードプレスの使い方についてGoogle検索などで調べている時、

【ヘッダーの中に～】【フッターには～】【サイドバーには～】

などと、ブログにおいての名称の専門用語を目にする事が多くなると思います。

ですが、初めにその名称の意味や位置について理解しておかないと、1つの事を調べる過程で

ん～、ヘッダーってどこだっけ？　フッター、サイドバー・・？

と、この箇所で立ち止まってしまい、一々確認のためにまた検索しなくてはなりません。

二度手間にならないように、ここでしっかりと名称について理解しておきましょう！

まずは①の【ヘッダー】

ここにはブログのタイトルとグローバルメニュー(ホーム、プロフィール等)を表示させられます。

②は【コンテンツ】(メインコンテンツ)

ここには更新した記事の一覧が表示されます。

③は【サイドバー】

ウィジェットを使ってプロフィールや人気記事などを表示できます。

④は【フッター】

ヘッダーと同じく、メニューを表示させることが出来ます。

ここが今回の記事で設定していく部分ですね。

ブログにおけるこの4つの名称はぜひ覚えておきましょう！

フッターに固定ページのメニューを設定する方法

本題のフッターへの設定方法について解説します。

ワードプレスのダッシュボードから【外観】→【メニュー】をクリックして下さい。

今のままでは、トップメニュー(ヘッダーナビ)

つまり、ヘッダーに表示させる固定ページの設定になっています。

そこで、フッターへの設定画面を新しく作成していきましょう。

上記画面の、新規メニューを作成をクリックします。

①メニュー名には、フッターなどと自分が分かりやすい名前を付けます。

②記入後、メニューを作成をクリック。

次はちょっと項目が多いですが続けて設定してしまいましょう！

設定方法です。

まずは①の逆矢印をクリックして、先ほど作成したフッターメニューを選びます。

その後、②の選択をクリック。

画面左側の固定ページの中の③すべて表示をクリック。

ここに表示された固定ページの中からフッターに表示させたいページを選択します。

通常フッターに表示させるメニューとしては、【プライバシーポリシー】などのグローバルメニューには表示させたくないと思った固定ページをフッターに設定します。

では、設定に戻りますね。

④でチェックボックスにチェックを入れたら、

⑤のメニューに追加をクリック。

すると、右側の【メニュー構造】の画面に追加したページ⑥が表示されます。

続いて、ここが重要です。

⑦の【フッターナビ】に必ずチェックを入れましょう！

ここにチェックを入れないと、フッターに表示されません。

後は、⑧のメニューを保存をクリックで終了です。

お疲れ様でした^^

まとめ

グローバルメニューでの設定方法は分かるけど、フッターへの設定は分からなかった。

という方が多かったのではないでしょうか？

これでブログの場所の名称も、ヘッダーとフッターの設定もバッチリですね^^♪

こんにちは、chieです(^^)

今回は、固定ページにお問い合わせ用の記事を作り、Contact Form 7というプラグインを使ってその記事にコンタクトフォームを設置する方法について解説していきます。

コンタクトフォームというのは、ブログ訪問者さんがお問い合わせをする時に名前やメッセージを書きこむためのフォームの事です。

意見や感想を貰う事は自分の成長にも繋がりますので、これからブログ運営をしていくのなら必ず設置しておきましょう^^

Contact Form 7のインストールと有効化

まずは、コンタクトフォームを設置するためにContact Form 7というプラグインをインストールしていきます。

ワードプレスのダッシュボードから、【プラグイン】→【新規追加】をクリック。

①右上の検索窓にContact Form 7と打ち込んで、

②今すぐインストールをクリック。

有効化をクリック。

これで、Contact Form 7のインストール、有効化は完了です^^

コンタクトフォームの新規追加

次に、ダッシュボードから【お問い合わせ】→【新規追加】をクリックします。

一番上の部分ですが、ブログ訪問者がここで入力した文字をクリックする事でお問い合わせの固定ページへと飛ぶテキストリンクになります。

ここでは、お問い合わせはこちらという文字にしてみました。(他には、【問い合わせ】【お問い合わせ】など。)

フォームという部分には、あらかじめ文字が記入されています。

この部分も編集する事が可能です。

次に、フォームの隣のメールというタブを開いてください。

コンタクトフォームを通して送られてくるメールについての設定になります。

送信先は、お問い合わせ内容が届くメールアドレスです。
私の場合はgmailを使用しています。

送信元というのは、文章が送信された場所。つまり、あなたのブログです。

問題なければ、保存をクリックしましょう。

設定が完了しました。

このコンタクトフォームを利用するには、青い部分をコピーしてお問い合わせ用の記事に貼り付ける必要があります。

コピーして、記事の作成に移りましょう。

記事の作成

まずは、ダッシュボードにある固定ページをクリックします。

画像で①という印の所ですね。

すると、このような固定ページの編集画面に変わりますので、②の新規追加をクリック。

ここにタイトルを入力という箇所には、【お問い合わせ】などにすると良いです^^

下の部分については、画像内の文章で説明しています。

が、実際に見た方が分かりやすいですよね。

このブログのお問い合わせの固定ページはこんな感じになっています。

自分なりにお問い合わせ用の文章を書いてみて下さい(^^)

黄色で線を引いている部分が、先ほどコピーしておいたコードを張り付けた部分です。

コピー＆ペーストだけでコンタクトフォームが設置されるので楽ですね♪

実際の見え方はこんな感じです。

直接見た方がイメージがしやすいと思うので、固定ページのお問い合わせ用フォームへのリンクを貼っておきますね。

→お問い合わせの固定ページはこちら

まとめ

プラグインContact Form 7を使って簡単にお問い合わせ用のコンタクトフォームを設置する事が出来ました。

役に立つ便利なプラグインはたくさんあります。

自分に必要なプラグインを見極めて有効活用していきましょう♪