バイリンガル育児

バイリンガル育児

一緒に勉強しながらバイリンガルを目指すママの子育てと生活雑記❤

ブログ初心者でも簡単!無料版はてなブログでお問い合わせをサイドバーに設置する方法

こんにちは、mayoraです。

 

今回も、このブログ運営についての記事を書いていきます。

前回の記事で、「プライバシーポリシーをサイドバーに設置する方法」について書きましたので、もし興味があればコチラも一緒にご覧ください!
mayumachon.hatenablog.com

 

はじめに

では今回も同様にサイドバーにお問い合わせを設置していきます。

参考にしたブログはコチラ。いつもお世話になっております('◇')ゞ

nakomii.hatenablog.com

お問い合わせフォームの設置方法

まずはお問い合わせフォームを作るために必要になってくるのが、「googleフォーム」という無料サービス。まだgooglechromeに入っていない方はコチラから飛んでみてください。

www.google.com

Googleフォームで新しいフォームを作成する

まずはパーソナル「Googleフォームを使ってみる」から始まります。

f:id:maymauchon:20200805114227p:plain

次に、「新しいフォームを作成」の「空白」を選択。

f:id:maymauchon:20200805114524p:plain

そして、フォーム内容を記入していきます。

f:id:maymauchon:20200805120219p:plain

①「お問い合わせ」と入力

②すぐ下の欄の❝フォームの説明❞に「○○○(自分の名前)のお問い合わせフォームです」と入力 ※自分の名前でもブログタイトルでもOK

③❝質問❞に「お名前」と入力。これは読者側の名前のことです。

④右の❝ラジオボタン❞から一番上の「記述式」に変更する

⑤「必須」を右に動かしON状態にしておく

 

そして、+ボタンでフォーム内容を追加していきます。

上記同様に、

 

◎メールアドレス:記述式(必須じゃなくてもOK)

◎件名:記述式(必須じゃなくてもOK)

◎お問い合わせ内容:段落(必須)

 

と記入していきます。

最後のお問い合わせは記述式じゃなくて「段落」にしましょう。

そうすることで長文が書けるようになります。

f:id:maymauchon:20200805120804p:plain

最後に送信ボタンを押してみてください。

f:id:maymauchon:20200805121403p:plain

そうすると以下画面になります。

f:id:maymauchon:20200805121735p:plain

⑥〈〉を選択

⑦「HTMLを埋め込む」のURLをコピーもしくは右下のコピーを選択

そうするとクリップボードにコピーされます。

お問い合わせフォームの記事を書いておこう

次にやることは、サイドバーに設置していくための準備、記事作成です。

前回のサイドバーにプライバシーポリシーを設置する方法と同じなので、これは10秒で出来ますね♪

自分のサイトより「記事を書く」>HTML編集で、

 

◎記事タイトル:お問い合わせフォーム

◎記事内容:先ほどクリップボードにコピーしておいたHTMLをペースト(貼り付け)

f:id:maymauchon:20200805231557p:plain

 「編集オプション」の投稿日時を必ず古い月日にしておくことを忘れずに!!

 この理由は、前回も言いましたが、最新記事や記事途中で投稿されてしまうとサイトとして不格好だからです(笑)

そして、記事の投稿ができたら「記事を見る」からその記事のURLをコピーしておくと後で楽ですよ!

お問い合わせフォームをサイドバーに設置してみよう

記事が書けたらいよいよサイドバーに設置します。

これは前回同様なので、文字のみで説明していきます。

 

①デザイン

②カスタマイズ

③サイドバー>モジュールを追加

④リンク

⑤タイトルに「お問い合わせ」

⑥リンク左欄に「お問い合わせフォーム」、右欄にURL

ここで先ほどコピーしておいた記事のURLをペーストすればOKということです!!('◇')ゞ

 

もし図解が良い場合は前回のコチラの記事を参考にしてみてくださいね。

mayumachon.hatenablog.com

 

さあ、これで終了です!!意外と簡単に設置できるので是非やってみましょう♪

最後に

心配な方は、自分のサイトのサイドバーを見てお問い合わせフォームを最後確認しておくと良いでしょう。

 

今回で一旦ブログ運営の記事は終了します(笑)

また何かこのブログの中で教えてほしいことがあればコメントください(^^)/☆彡