<?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/"
	>

<channel>
	<title>問い合わせ - プログラミングで遊ブログ</title>
	<atom:link href="https://lemon818.com/tag/%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B/feed/" rel="self" type="application/rss+xml" />
	<link>https://lemon818.com</link>
	<description>現役システムエンジニアが趣味でプログラミングする自由気ままなブログ</description>
	<lastBuildDate>Fri, 15 Mar 2019 11:36:34 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>	<item>
		<title>「Contact Form 7」プラグインで WordPress に問い合わせフォーム作成！</title>
		<link>https://lemon818.com/contactform7/</link>
		
		<dc:creator><![CDATA[Take]]></dc:creator>
		<pubDate>Sat, 01 Dec 2018 02:09:10 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[contact form 7]]></category>
		<category><![CDATA[フォーム]]></category>
		<category><![CDATA[問い合わせ]]></category>
		<guid isPermaLink="false">https://lemon818.com/?p=2294</guid>

					<description><![CDATA[はじめに WordPress サイトを運用していると「問い合わせフォーム」ページを作成したいと思ったことありませんか？ 問い合わせフォームがあれば、ページにアクセスしてきたユーザさんのご意見やご要望をメールで確認すること…]]></description>
										<content:encoded><![CDATA[<h2>はじめに</h2>
<p>WordPress サイトを運用していると「問い合わせフォーム」ページを作成したいと思ったことありませんか？</p>
<p><img fetchpriority="high" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13.png" alt="" width="794" height="438" class="wp-image-2316 aligncenter" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13.png 1354w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13-300x166.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13-768x424.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13-1024x566.png 1024w" sizes="(max-width: 794px) 100vw, 794px" /></p>
<p>問い合わせフォームがあれば、ページにアクセスしてきたユーザさんのご意見やご要望をメールで確認することができます。</p>
<p>またご声援のメッセージをいただければ、「サイト運用冥利に尽きる」ことこの上なしということですね。</p>
<p>さて、Wordpress での問い合わせフォームは 「Contact Form7」プラグインで簡単に作成できます。</p>
<p>このページでは「Contact Form7」の使い方についてご紹介します。</p>
<h2>Contact Form7 の使い方</h2>
<p>①「メニュー」→「プラグイン」から「Contact Form 7」と検索し、有効化 &amp; インストールしてください。</p>
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform1.png" alt="" width="534" height="230" class="aligncenter wp-image-2297" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform1.png 796w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform1-300x129.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform1-768x331.png 768w" sizes="(max-width: 534px) 100vw, 534px" /></p>
<p>&nbsp;</p>
<p>➁ 「メニュー」→ 「お問い合わせ」とクリックすると下記画面が表示されますので、「新規作成」をクリックします。</p>
<p><img decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform2.png" alt="" width="844" height="353" class="aligncenter wp-image-2300" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform2.png 1280w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform2-300x125.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform2-768x321.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform2-1024x428.png 1024w" sizes="(max-width: 844px) 100vw, 844px" /></p>
<p>&nbsp;</p>
<p>③「フォーム」タグをクリックすると、問い合わせフォームのレイアウトを設定できます。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform14.png" alt="" width="814" height="457" class="aligncenter wp-image-2321" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform14.png 1122w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform14-300x168.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform14-768x431.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform14-1024x575.png 1024w" sizes="auto, (max-width: 814px) 100vw, 814px" /></p>
<p>&nbsp;</p>
<p>④「メール」タグをクリックすると、問い合わせフォームのレイアウトを設定できます。</p>
<p>「送信先」フォームに問い合わせのメッセージを送るメールアドレスを設定してください。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform5.png" alt="" width="840" height="474" class="aligncenter wp-image-2303" style="font-size: 16px; background-color: #ffffff;" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform5.png 1012w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform5-300x169.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform5-768x433.png 768w" sizes="auto, (max-width: 840px) 100vw, 840px" /></p>
<p>&nbsp;</p>
<p>⑤ 下にスクロールすると送られるメールのフォーマットも変更できます。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform6.png" alt="" width="851" height="472" class="aligncenter wp-image-2304" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform6.png 1495w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform6-300x166.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform6-768x425.png 768w" sizes="auto, (max-width: 851px) 100vw, 851px" /></p>
<p>&nbsp;</p>
<p>⑥ 「メニュー」→ 「お問い合わせ」→ 「コンタクトフォーム」をクリックし、先ほど保存した「問い合わせ」フォーム（下記画面では「問い合わせ」）をクリックします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform9.png" alt="" width="896" height="182" class="aligncenter wp-image-2310" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform9.png 1578w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform9-300x61.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform9-768x156.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform9-1024x208.png 1024w" sizes="auto, (max-width: 896px) 100vw, 896px" /></p>
<p>&nbsp;</p>
<p>⑦ 下記画面の赤枠のコードをコピーします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform10.png" alt="" width="895" height="206" class="aligncenter wp-image-2311" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform10.png 1368w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform10-300x69.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform10-768x177.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform10-1024x236.png 1024w" sizes="auto, (max-width: 895px) 100vw, 895px" /></p>
<p>&nbsp;</p>
<p>⑧  お問い合わせフォーム用のページを作ります（下記画面では「固定ページ」にお問い合わせページを作成）。</p>
<p>さきほどコピーしたコードを本文中に貼り、「更新」をクリックします。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform12.png" alt="" width="929" height="239" class="aligncenter wp-image-2314" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform12.png 1662w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform12-300x77.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform12-768x198.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform12-1024x264.png 1024w" sizes="auto, (max-width: 929px) 100vw, 929px" /></p>
<p>&nbsp;</p>
<p>⑨  ページを確認してください。問い合わせフォームが表示されると思います。</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13.png" alt="" width="1122" height="620" class="aligncenter wp-image-2316" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13.png 1354w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13-300x166.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13-768x424.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform13-1024x566.png 1024w" sizes="auto, (max-width: 1122px) 100vw, 1122px" /></p>
<h2>最後に</h2>
<p>このブログでは、「Diver」という有料のテーマを使用しています。</p>
<p>「Diver」では、「Contact Form7」プラグインを用いて独自の問い合わせフォームを作成できます。</p>
<p>ぜひ、「Diver」テーマをつかっている方は<a href="https://tan-taka.com/diver-demo/view/2001">こちらのページ</a>も参考にしてください。</p>
<p>ちなみに問い合わせフォームはこんな感じになりました！シンプルでいい感じですね！</p>
<p><img loading="lazy" decoding="async" src="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform15.png" alt="" width="1108" height="513" class="aligncenter wp-image-2322" srcset="https://lemon818.com/wp/wp-content/uploads/2018/12/contractform15.png 1799w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform15-300x139.png 300w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform15-768x356.png 768w, https://lemon818.com/wp/wp-content/uploads/2018/12/contractform15-1024x474.png 1024w" sizes="auto, (max-width: 1108px) 100vw, 1108px" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
