<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Contact Form 7  |  しふぁの副業ブログ飯</title>
	<atom:link href="https://shifa-blog.com/tag/contact-form-7/feed/" rel="self" type="application/rss+xml" />
	<link>https://shifa-blog.com</link>
	<description>初心者でも簡単な副業ブログの始め方</description>
	<lastBuildDate>Fri, 14 Jul 2023 05:25:29 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.1</generator>

<image>
	<url>https://shifa-blog.com/wp-content/uploads/2023/04/cropped-アイコン画像-完成（背景あり）-32x32.jpg</url>
	<title>Contact Form 7  |  しふぁの副業ブログ飯</title>
	<link>https://shifa-blog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/><site xmlns="com-wordpress:feed-additions:1">217712357</site>	<item>
		<title>Contact Form 7とは？設定方法と使い方を徹底解説！</title>
		<link>https://shifa-blog.com/contact-form-7-setting/</link>
					<comments>https://shifa-blog.com/contact-form-7-setting/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Wed, 19 Apr 2023 03:46:50 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[Contact Form 7]]></category>
		<category><![CDATA[使い方]]></category>
		<category><![CDATA[設定]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=329</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・Contact Form 7とは何なのか（必要か不要なのか） ・実際のインストール方法や設定方法/使い方 このような内容について解説しているので参考に [&#8230;]<p><a href="https://shifa-blog.com/contact-form-7-setting/">Contact Form 7とは？設定方法と使い方を徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・Contact Form 7とは何なのか（必要か不要なのか）</strong><br />
<strong>・実際のインストール方法や設定方法/使い方</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、これ以外にもおすすめなプラグインは複数ありますので、詳細な情報が気になる人はこちらのページからおすすめなプラグインの情報をチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressブログにおすすめなプラグインを確認する！</a></p>
<p><span id="more-329"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Contact Form 7とは？</a></li><li><a href="#toc2" tabindex="0">Contact Form 7のインストール方法</a></li><li><a href="#toc3" tabindex="0">お問い合わせフォームを設定・配置する方法</a><ol><li><a href="#toc4" tabindex="0">クラシックエディタで作成する方法</a></li><li><a href="#toc5" tabindex="0">ブロックエディタで作成する方法</a></li></ol></li><li><a href="#toc6" tabindex="0">お問い合わせページを目立つ場所に配置する方法</a></li><li><a href="#toc7" tabindex="0">お問い合わせフォームのスパム対策もやろう！</a></li><li><a href="#toc8" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">Contact Form 7とは？</span></h2>
<p><img decoding="async" fetchpriority="high" class="aligncenter size-full wp-image-331" src="https://shifa-blog.com/wp-content/uploads/2023/04/107.jpg" alt="" width="588" height="334" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/107.jpg 588w, https://shifa-blog.com/wp-content/uploads/2023/04/107-300x170.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/107-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/107-160x90.jpg 160w" sizes="(max-width: 588px) 100vw, 588px" /></p>
<p>Contact Form 7とは何なのか簡単に解説すると<strong>WordPressブログにお問い合わせフォームを設定できるプラグイン</strong>となっています。</p>
<p>ブログ内にお問い合わせフォームがあると、ユーザーが運営者に対して連絡できるので信頼性が高くなります。</p>
<p>また、Googleアドセンスの審査に合格するための1つの要素としてお問い合わせフォームは必要なので、ブログ内にお問い合わせフォームを必ず設置しましょう。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">ブログのアクセス数が多くなると様々な企業からお仕事のご依頼がお問い合わせから届くようになるよ！</div>
</div>
<p>&nbsp;</p>
<p>お問い合わせフォームを導入できるプラグインは色々とありますが、その中でも機能性が高くて使いやすいのが、今回紹介する<strong>Contact Form 7</strong>というプラグイン！</p>
<p>以下のようなお問い合わせフォームを簡単に作成できるので、これからインストール方法や設定方法、使い方を解説していきます。<br />
<img decoding="async" class="aligncenter size-full wp-image-378" src="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg" alt="" width="500" height="491" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/151-300x295.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<h2><span id="toc2">Contact Form 7のインストール方法</span></h2>
<p>それではContact Form 7のインストール方法を解説していきます。</p>
<p>まずはWordPressの管理画面を開いたら、画面左側にある<strong>「プラグイン」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-184" src="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg" alt="" width="600" height="415" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/2-1-300x208.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面上にある<strong>「新規追加」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-185" src="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg" alt="" width="600" height="236" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/3-300x118.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面右上にある検索窓に<strong>Contact Form 7</strong>と入力して検索してください。（コピペが簡単です）<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-335" src="https://shifa-blog.com/wp-content/uploads/2023/04/109.jpg" alt="" width="600" height="252" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/109.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/109-300x126.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際のプラグインはこちらになるので<strong>「今すぐインストール」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-336" src="https://shifa-blog.com/wp-content/uploads/2023/04/108.jpg" alt="" width="588" height="334" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/108.jpg 588w, https://shifa-blog.com/wp-content/uploads/2023/04/108-300x170.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/108-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/108-160x90.jpg 160w" sizes="(max-width: 588px) 100vw, 588px" /></p>
<p>&nbsp;</p>
<p>インストールが終わったら<strong>「有効化」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-337" src="https://shifa-blog.com/wp-content/uploads/2023/04/110.jpg" alt="" width="594" height="334" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/110.jpg 594w, https://shifa-blog.com/wp-content/uploads/2023/04/110-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/110-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/110-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/110-320x180.jpg 320w" sizes="(max-width: 594px) 100vw, 594px" /></p>
<p>&nbsp;</p>
<p>画面が切り替わり、画面左上に「プラグインを有効化しました。」と表示されればインストールは完了です。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-325" src="https://shifa-blog.com/wp-content/uploads/2023/04/104.jpg" alt="" width="509" height="230" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/104.jpg 509w, https://shifa-blog.com/wp-content/uploads/2023/04/104-300x136.jpg 300w" sizes="(max-width: 509px) 100vw, 509px" /></p>
<p>&nbsp;</p>
<h2><span id="toc3">お問い合わせフォームを設定・配置する方法</span></h2>
<p>Contact Form 7を有効化できたら、お問い合わせフォームを設定して配置していきましょう。</p>
<p>管理画面の左側にある<strong>「お問い合わせ」から「コンタクトフォーム」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-338" src="https://shifa-blog.com/wp-content/uploads/2023/04/111.jpg" alt="" width="600" height="306" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/111.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/111-300x153.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、タイトルの項目にある<strong>「コンタクトフォーム1」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-373" src="https://shifa-blog.com/wp-content/uploads/2023/04/146.jpg" alt="" width="600" height="326" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/146.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/146-300x163.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、お問い合わせページを編集できる画面が表示されます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-374" src="https://shifa-blog.com/wp-content/uploads/2023/04/147.jpg" alt="" width="600" height="410" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/147.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/147-300x205.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>初期設定のままでも問題ありませんが、より丁寧なお問い合わせフォームにしたいので、</p>
<div class="blank-box bb-green"><strong>①編集ページ内の「氏名」を削除して同じ場所に「お名前」と入力</strong><br />
<strong>②編集ページ内の「メッセージ本文（任意）」を削除して同じ場所に「お問い合わせ内容」と入力</strong></div>
<p>この作業を行ってください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-376" src="https://shifa-blog.com/wp-content/uploads/2023/04/149.jpg" alt="" width="600" height="422" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/149.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/149-300x211.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「メッセージ」</strong>タブをクリックすると、様々な状況で用いられるメッセージを編集できるようになっています。</p>
<p>別に初期設定のままでも問題無いですが、変更したいと思うのであれば編集してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2482" src="https://shifa-blog.com/wp-content/uploads/2023/07/32-1.jpg" alt="" width="600" height="349" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/32-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/32-1-300x175.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>できたら画面右上の<strong>「保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-377" src="https://shifa-blog.com/wp-content/uploads/2023/04/150.jpg" alt="" width="500" height="262" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/150.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/150-300x157.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>お問い合わせページの基本設定は以上になるので、次はブログ内に設置していきます。</p>
<p>まずは<strong>「コンタクトフォーム」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-385" src="https://shifa-blog.com/wp-content/uploads/2023/04/158.jpg" alt="" width="500" height="294" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/158.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/158-300x176.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>次にショートコードの項目にコードが表示されているので、<strong>このコードをコピー</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-339" src="https://shifa-blog.com/wp-content/uploads/2023/04/112.jpg" alt="" width="600" height="162" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/112.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/112-300x81.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に管理画面の左側にある<strong>「固定ページ」から「新規追加」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-340" src="https://shifa-blog.com/wp-content/uploads/2023/04/113.jpg" alt="" width="600" height="341" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/113.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/113-300x171.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/113-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/113-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>次に新規固定ページを追加できる画面が表示されますが、</p>
<div class="blank-box bb-green"><strong>・クラシックエディタ</strong><br />
<strong>・ブロックエディタ</strong></div>
<p>この2つの記事作成画面がWordPressには存在しています。</p>
<p>それぞれの方法でやり方が異なるので、自分の状況に合わせて作成方法を確認してください。</p>
<p>&nbsp;</p>
<h3><span id="toc4">クラシックエディタで作成する方法</span></h3>
<p>まずはクラシックエディタで作成する方法を解説しますが、</p>
<div class="blank-box bb-green">・タイトルに「お問い合わせ」と入力<br />
・「テキスト」タブをクリックしてからコピーしたコードを貼り付ける</div>
<p>これを行ってください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-341" src="https://shifa-blog.com/wp-content/uploads/2023/04/114.jpg" alt="" width="600" height="333" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/114.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/114-300x167.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/114-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/114-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>できたら<strong>「下書き保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-342" src="https://shifa-blog.com/wp-content/uploads/2023/04/115.jpg" alt="" width="298" height="258" /></p>
<p>&nbsp;</p>
<p>すると、パーマリンクを設定できる画面が表示されるので<strong>「編集」</strong>をクリックし、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-357" src="https://shifa-blog.com/wp-content/uploads/2023/04/131.jpg" alt="" width="600" height="349" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/131.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/131-300x175.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p><strong>「contact」</strong>に変更したら<strong>「OK」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-358" src="https://shifa-blog.com/wp-content/uploads/2023/04/132.jpg" alt="" width="600" height="374" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/132.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/132-300x187.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ここまで設定できたら<strong>「公開」</strong>をクリックしましょう。（必要であれば「プレビュー」をクリックしてどのように表示されるのか確認してください。）<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-345" src="https://shifa-blog.com/wp-content/uploads/2023/04/118.jpg" alt="" width="287" height="249" /></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-check bb-red">実際のお問い合わせページを確認すると、このように表示されます。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-378 size-full" src="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg" alt="" width="500" height="491" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/151-300x295.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></div>
<p>ただ、現状ではお問い合わせページがどこにあるのかわかりにくくなっているので、</p>
<div class="speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-60" src="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg" alt="" width="714" height="714" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg 714w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-100x100.jpg 100w" sizes="(max-width: 714px) 100vw, 714px" /></figure>
</div>
<div class="speech-balloon">
<p>どこからお問い合わせをすれば良いの？</p>
</div>
</div>
<p>というように、ユーザーが迷ってしまう場合があります。</p>
<p>なので、<a href="https://shifa-blog.com/contact-form-7-setting/#toc6">お問い合わせページを目立つ場所に配置する方法</a>の項目を確認し、お問い合わせページへのリンクを目立つ場所に配置していきましょう！</p>
<p>&nbsp;</p>
<h3><span id="toc5">ブロックエディタで作成する方法</span></h3>
<p>次にブロックエディタで作成する方法を解説しますが、<strong>タイトルに「お問い合わせ」と入力</strong>してください。</p>
<p>できたら<strong>「＋」をクリックして「すべて表示」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-348" src="https://shifa-blog.com/wp-content/uploads/2023/04/121.jpg" alt="" width="600" height="348" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/121.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/121-300x174.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面左に様々なメニューが表示されるので、その中から<strong>「ショートコード」</strong>を探し出してクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-349" src="https://shifa-blog.com/wp-content/uploads/2023/04/122.jpg" alt="" width="600" height="381" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/122.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/122-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にショートコードを入力できる画面が表示されるので、<strong>先ほどコピーしたコードを貼り付けてください。<br />
</strong><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-354" src="https://shifa-blog.com/wp-content/uploads/2023/04/128.jpg" alt="" width="600" height="218" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/128.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/128-300x109.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面右上にある<strong>「設定」</strong>をクリックして<strong>「固定ページ」タブ</strong>をクリックします。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-355" src="https://shifa-blog.com/wp-content/uploads/2023/04/129.jpg" alt="" width="600" height="265" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/129.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/129-300x133.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にURLの項目をクリックするとパーマリンクを変更できるので、<strong>「contact」</strong>と入力してください。</p>
<p>できたら<strong>「公開」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-359" src="https://shifa-blog.com/wp-content/uploads/2023/04/133.jpg" alt="" width="600" height="427" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/133.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/133-300x214.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>確認画面が表示された場合は<strong>「公開」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-352" src="https://shifa-blog.com/wp-content/uploads/2023/04/125.jpg" alt="" width="602" height="357" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/125.jpg 602w, https://shifa-blog.com/wp-content/uploads/2023/04/125-300x178.jpg 300w" sizes="(max-width: 602px) 100vw, 602px" /></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-check bb-red">実際のお問い合わせページを確認すると、このように表示されます。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-378 size-full" src="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg" alt="" width="500" height="491" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/151-300x295.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></div>
<p>ただ、現状ではお問い合わせページがどこにあるのかわかりにくくなっているので、</p>
<div class="speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-60" src="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg" alt="" width="714" height="714" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg 714w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-100x100.jpg 100w" sizes="(max-width: 714px) 100vw, 714px" /></figure>
</div>
<div class="speech-balloon">
<p>どこからお問い合わせをすれば良いの？</p>
</div>
</div>
<p>というように、ユーザーが迷ってしまう場合があります。</p>
<p>なので、次の項目を確認し、お問い合わせページへのリンクを目立つ場所に配置していきましょう！</p>

<p>&nbsp;</p>
<h2><span id="toc6">お問い合わせページを目立つ場所に配置する方法</span></h2>
<p>次にお問い合わせページを目立つ場所に配置する方法を解説します。</p>
<div class="blank-box bb-tab bb-check bb-red">解説用のWordPressブログではテーマにCocoonを使用しているので、Cocoonでのやり方を解説します。</div>
<p>&nbsp;</p>
<p>まずは管理画面の左側にある<strong>「外観」から「メニュー」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-360" src="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg" alt="" width="600" height="316" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/134-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、メニュー名にわかりやすい名前を入力します。</p>
<p>管理上の名前なので何でも良いのですが、今回は<strong>「ヘッダー」</strong>と入力して解説します。</p>
<p>できたら<strong>「メニューを作成」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-361" src="https://shifa-blog.com/wp-content/uploads/2023/04/135.jpg" alt="" width="600" height="269" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/135.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/135-300x135.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にメニュー項目を追加の欄が有効になるので、<strong>「お問い合わせ」にチェックを入れて「メニューに追加」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-364" src="https://shifa-blog.com/wp-content/uploads/2023/04/137.jpg" alt="" width="600" height="277" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/137.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/137-300x139.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、メニューにお問い合わせのページが追加されるので、</p>
<div class="blank-box bb-green"><strong>・「このメニューに新しいトップレベルページを自動的に追加」にチェック</strong><br />
<strong>・「ヘッダーメニュー」にチェック</strong></div>
<p>この設定ができたら<strong>「メニューを保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-365" src="https://shifa-blog.com/wp-content/uploads/2023/04/138.jpg" alt="" width="600" height="343" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/138.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/138-300x172.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/138-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/138-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面左上に「ヘッダーを更新しました。」を表示されれば設定はOKです。</p>
<p>あとは画面左上のサイト名をクリックして確認してみると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-366" src="https://shifa-blog.com/wp-content/uploads/2023/04/139.jpg" alt="" width="600" height="288" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/139.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/139-300x144.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>こんな感じでどのページを見ていてもタイトルの下に「お問い合わせ」の項目が表示されるようになります。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-369" src="https://shifa-blog.com/wp-content/uploads/2023/04/144.jpg" alt="" width="600" height="330" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/144.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/144-300x165.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-point bb-green">
<p>今後新しく固定ページを作成するたびに、自動でメニューに追加する設定になっています。</p>
<p>もしも、表示させる順番を変更したいのであれば、ドラッグして位置変更すると順番を変えられるので覚えておいてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-368" src="https://shifa-blog.com/wp-content/uploads/2023/04/141.jpg" alt="" width="600" height="398" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/141.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/141-300x199.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-370" src="https://shifa-blog.com/wp-content/uploads/2023/04/143.jpg" alt="" width="600" height="345" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/143.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/143-300x173.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/143-120x68.jpg 120w" sizes="(max-width: 600px) 100vw, 600px" /></p>
</div>
<p>&nbsp;</p>
<h2><span id="toc7">お問い合わせフォームのスパム対策もやろう！</span></h2>
<p>Contact Form 7の設定方法を解説してきましたが、今の状態でも普通にお問合せページとしての機能は果たすことができます。</p>
<p>ただ、今後アクセス数が増えてくると、お問い合わせからスパム（迷惑メールのようなもの）が大量に届くようになってきて、その対処が非常に面倒なことになってしまうんですよね。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">なので<strong>お問い合わせのスパム対策</strong>が重要です！</div>
</div>
<p>お問い合わせのスパム対策をするには、こちらの<strong>Invisible reCaptcha for WordPress</strong>というプラグインを導入するのが1番効果的となっています。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-386" src="https://shifa-blog.com/wp-content/uploads/2023/04/159.jpg" alt="" width="560" height="293" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/159.jpg 560w, https://shifa-blog.com/wp-content/uploads/2023/04/159-300x157.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /></p>
<p>&nbsp;</p>
<p>実際の導入方法に関しては、こちらのページで詳しく解説しているのでチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/invisible-recaptcha-for-wordpress/">Invisible reCaptcha for WordPressの導入方法を確認する！</a></p>
<a href="https://shifa-blog.com/invisible-recaptcha-for-wordpress/" title="Invisible reCaptcha for WordPressの設定方法と使い方を徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Invisible reCaptcha for WordPressの設定方法と使い方を徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">プラグイン「Invisible reCaptcha for WordPress」とは何なのかわからないあなたに！詳細な機能の説明や必要なのか・不要なのかの解説はもちろん、実際のインストール方法・設定方法・使い方についても初心者にわかりやすく解説します！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<h2><span id="toc8">まとめ</span></h2>
<p>今回はContact Form 7とは何なのかということと、インストール方法や設定方法、使い方について解説しました！</p>
<p>他にもWordPressにおすすめなプラグインはたくさん存在しています。</p>
<p>こちらのページで自分がおすすめするプラグインをまとめているので、気になるのであればチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressおすすめプラグインまとめを確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-plugin-summary/" title="WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPress（ワードプレス）をインストールした初期の状態では様々な機能が足りていません。なので、初期設定時に絶対必要な13個のプラグインを紹介するのはもちろん、必須ではないけどあると便利なおすすめプラグインを4個紹介していきます！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/contact-form-7-setting/">Contact Form 7とは？設定方法と使い方を徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/contact-form-7-setting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">329</post-id>	</item>
	</channel>
</rss>
