Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
プラグインContact Form 7で問合せフォーム簡単作成 | 思いだし にっき
サイトアイコン 思いだし にっき

問合せフォーム簡単作成のプラグインContact Form 7

<p><img class&equals;"aligncenter size-medium wp-image-11064" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;2077073&lowbar;s-300x225&period;jpg" alt&equals;"" width&equals;"300" height&equals;"225" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ブログを読んでいると、ちょっとこの管理人さんにきいてみたい、とか 一言残していきたいなんてことがありますよね。<&sol;p>&NewLine;<p>そんな時利用するのが、コメント欄やお問い合わせ。<&sol;p>&NewLine;<p>簡単に作れるプラグインContact Form 7でオリジナルの問い合わせなどを作りませんか<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Contact Form 7 のインストール<&sol;h2>&NewLine;<p>Contact Form 7はWordPressの初心者の方でも、お問い合わせフォームやアンケートフォームなどが簡単に作れて設置できるプラグインです。<&sol;p>&NewLine;<p>これまでと同様の方法でプラグインのインストールを行います。<&sol;p>&NewLine;<p>&NewLine;<img class&equals;"size-full wp-image-3323 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf1&period;png" alt&equals;"Contact Form 7インストール" width&equals;"475" height&equals;"257" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>既にインストールされている場合は、「プラグイン」-「インストール済みプラグイン」から「Contact Form 7」の「有効化」をクリックしてプラグインを有効化します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Contact Form 7の設定<&sol;h2>&NewLine;<p>Contact Form 7をインストールして有効化するとダッシュボードの左メニューに「お問い合わせ」メニューが 追加されます。<&sol;p>&NewLine;<p>「お問い合わせ」&Implies;「コンタクトフォーム」はフォームの一覧が表示されています<&sol;p>&NewLine;<p>&NewLine;<img class&equals;"wp-image-3324 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf4-300x68&period;png" alt&equals;"フォーム一覧" width&equals;"500" height&equals;"114" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「コンタクトフォーム1」というのは最初から入っているひな形です。<&sol;p>&NewLine;<p>一から作るのが面倒という方は、これを利用すればOKです(^^;<&sol;p>&NewLine;<p>※「コンタクトフォーム1」の横にあるコードを固定ページなどにコピペするだけです。使い方は<a href&equals;"&num;riyou">こちら(メールフォームの利用)<&sol;a>を参照してください。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>お問い合わせフォームを作る<&sol;h3>&NewLine;<p>「お問い合わせ」&Implies;「新規追加」をクリックします。<&sol;p>&NewLine;<p>&NewLine;<img class&equals;"size-full wp-image-3325 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf2&period;png" alt&equals;"新規追加" width&equals;"320" height&equals;"88" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「コンタクトフォームを追加」の画面が表示されます<&sol;p>&NewLine;<p> <img class&equals;"size-full wp-image-3326 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf3&period;png" alt&equals;"フォーム画面" width&equals;"446" height&equals;"484" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>記事や固定ページに表示されるメールフォームを定義する「フォーム」の部分と、フォームに入力された内容をどのようにメールで送信するのかを設定する部分に分かれています。<&sol;p>&NewLine;<h4>「フォーム」タブ<&sol;h4>&NewLine;<p>作成するメールフォームのタイトルを入力し、「フォーム」タブをクリックします。<&sol;p>&NewLine;<p> ã€Œãƒ•ォーム」では記事や固定ページで表示されるひな形を作ります。 デフォルトでは「お名前」「メールアドレス」「題名」「メッセージ本文」の4つの入力欄と「送信」ボタンが表示されるようになっています。<&sol;p>&NewLine;<p>ここで自分のブログで使いたいものを作ります。<&sol;p>&NewLine;<p>例では「メッセージ本文」と書かれている部分を「ご質問・お問い合わせ」に変更してみました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3327 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf5&period;png" alt&equals;"フォヘム作成" width&equals;"393" height&equals;"403" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h4>「メール」タブ<&sol;h4>&NewLine;<p>「メール」タブでは「フォーム」で入力された内容を送信するメールアドレスや送信方法の設定をします。<&sol;p>&NewLine;<p>「メール」タブの中で使われている&lbrack;your-name&rsqb;や&lbrack;your-message&rsqb;は「フォーム」の方で入力した項目の値が入ります。<&sol;p>&NewLine;<p>今回はデフォルトのままにしました。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3328 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf6&period;png" alt&equals;"メールフォーム" width&equals;"481" height&equals;"475" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>設定が終わったら画面左下の「保存」をクリックします<&sol;p>&NewLine;<p>&period;<img class&equals;"size-full wp-image-3329 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf7&period;png" alt&equals;"保存" width&equals;"492" height&equals;"148" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これでメールフォームが作成できました。<&sol;p>&NewLine;<p>作成したメールフォームに表示されているコードを記事や固定ページにコピペして使います。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3330 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf8&period;png" alt&equals;"フォームのコード" width&equals;"453" height&equals;"152" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&lpar;コードは「コンタクトフォーム」をクリックすると作成済みのフォーム一覧が表示されるので、そこでも確認できます&rpar;。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3331 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf9&period;png" alt&equals;"フォーム一覧" width&equals;"500" height&equals;"254" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3><a id&equals;"riyou"><&sol;a>メールフォームの利用<&sol;h3>&NewLine;<p>作成したメールフォームの利用のしかたです。 フォームを表示するページを作成します。<&sol;p>&NewLine;<p>ダッシュボードのメニューから「固定ページ」&Implies;「新規追加」をクリックします。<&sol;p>&NewLine;<p>先ほどコピーしておいたコードを入力します。<&sol;p>&NewLine;<p>タイトルに「お問い合わせ」と入力し、本文に先ほどコピーしたコードを貼り付け、<&sol;p>&NewLine;<p>「公開」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3332 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf10&period;png" alt&equals;"" width&equals;"508" height&equals;"264" &sol;> <&sol;p>&NewLine;<p>ダッシュボードのメニューから「外観」&Implies;「メニュー」をクリックします。<&sol;p>&NewLine;<p>「固定ページ」ブロックで「お問い合わせ」にチェックを入れて<&sol;p>&NewLine;<p>「メニューに追加」をクリックします。<&sol;p>&NewLine;<p>グローバルメニューブロックの「メニューを保存」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3333 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf11&period;png" alt&equals;"メニューに設定" width&equals;"465" height&equals;"343" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これでグローバルメニューにお問い合わせフォームへのリンクが設置されます。<&sol;p>&NewLine;<p>サイトを表示して、グローバルメニューの「お問い合わせ」をクリックして確認します。<&sol;p>&NewLine;<p>作成したメールフォームが表示されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3334 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf12&period;png" alt&equals;"確認" width&equals;"380" height&equals;"494" &sol;> <&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>実際にメールフォームの各項目に入力し、「送信」ボタンをクリックしてみます。<&sol;p>&NewLine;<p>送信されるとメッセージが表示されます<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3335 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf14&period;png" alt&equals;"" width&equals;"556" height&equals;"124" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>自分の書いたお問い合わせメールが自分宛のメールとして届くので確認してみます。<&sol;p>&NewLine;<p>届いたメールはこんな感じですね(^^<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3336 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf13&period;png" alt&equals;"" width&equals;"470" height&equals;"246" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Contact Form 7プラグインを使用して簡単にメールフォームを作成することができました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 14px&semi;"><strong>基本の流れは<&sol;strong><&sol;span><&sol;p>&NewLine;<p>1&period;ダッシュボードの「お問い合わせ」&Implies;「新規追加」でフォームを作成<&sol;p>&NewLine;<p>2&period;保存すると表示されるコードをコピーする<&sol;p>&NewLine;<p>3&period;固定ページ(または投稿)で記事の欄にコードを貼りつけて保存<&sol;p>&NewLine;<p>4&period;ダッシュボード「外観」&Implies;「メニュー」でグローバルメニューに追加<&sol;p>&NewLine;<p>となります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>メールフォームを編集する<&sol;h2>&NewLine;<p>作成したメールフォームは修正できます。 「お問い合わせ」の「コンタクトフォーム」というのは作成したフォームの一覧になります。 「コンタクトフォーム」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3337 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf15&period;png" alt&equals;"" width&equals;"170" height&equals;"137" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「コンタクトフォーム」画面に作成済みのメールフォームの一覧が表示されます。<&sol;p>&NewLine;<p>修正したいメールフォームにマウスを合わせると、タイトルの下に「編集」の文字が表示されます。 それをクリックします。<&sol;p>&NewLine;<p><img class&equals;"wp-image-3338 size-full aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf16&period;png" alt&equals;"フォーム編集" width&equals;"458" height&equals;"218" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「コンタクトフォームの編集」画面が表示されます。<&sol;p>&NewLine;<p>ここで、編集したいところを直接編集します。<&sol;p>&NewLine;<p>編集が終わったら「保存」をクリックすると編集した内容が保存されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3339 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf17&period;png" alt&equals;"フォーム編集画面" width&equals;"457" height&equals;"637" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>作成したメールフォームを編集すると、既に記事や固定ページに貼っていたメールフォームも自動的に変更されます。<&sol;p>&NewLine;<p>変更されているか確認してみましょう<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3340 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf18&period;png" alt&equals;"編集確認" width&equals;"324" height&equals;"488" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>メールフォームを複製して利用する・削除する<&sol;h3>&NewLine;<p>既存のメールフォームと同じような体裁のフォームを利用して別のメールフォームを作りたい場合は、1から作るのではなく、保存してあるフォームを複製して利用できます。<&sol;p>&NewLine;<p>「コンタクトフォーム」画面を表示し、複製したいメールフォームにマウスを合わせ表示される「複製」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3341 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf19&period;png" alt&equals;"複製" width&equals;"481" height&equals;"130" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>複製したメールフォームが作成され、編集画面が表示されます。編集や修正をして保存をクリックします。<&sol;p>&NewLine;<p>作成して保存したメールフォームでも不要になれば削除できます。<&sol;p>&NewLine;<p>「コンタクトフォーム」画面で、削除したいメールフォームにチェックを入れ、上の「一括操作」から「削除」を選択します。<&sol;p>&NewLine;<p>その後横の「適用」をクリックすると削除されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-3342 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2017&sol;03&sol;cf20&period;png" alt&equals;"削除" width&equals;"463" height&equals;"157" &sol;><&sol;p>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;s&lowbar;j1&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">波空<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> 次はカスタマイズのしかたについてですね <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div> <div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-b">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n2&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">猫にゃん<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> ほぉ、まだあるの?次につづくですな <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>前の記事 <a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;3272&period;html">プラグインAll in One SEO PackでSEO対策の総合管理<&sol;a><&sol;p>&NewLine;<p>次の記事 <a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;3362&period;html">プラグインContact Form 7-問合せ簡単作成カスタマイズ<&sol;a><&sol;p>&NewLine;<p style&equals;"text-align&colon; right&semi;"><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;page-1472&period;html"><span style&equals;"color&colon; &num;0066cc&semi;">WordPress一覧へ<&sol;span><&sol;a><&sol;p>&NewLine;<p>  <a href&equals;"http&colon;&sol;&sol;affiliate&period;freebieac&period;com&sol;link&period;php&quest;i&equals;580f01029d0b2&amp&semi;m&equals;584c839908d81"><img src&equals;"http&colon;&sol;&sol;affiliate&period;freebieac&period;com&sol;data&period;php&quest;i&equals;580f01029d0b2&amp&semi;m&equals;584c839908d81" width&equals;"728" height&equals;"90" border&equals;"0" &sol;><&sol;a><&sol;p>&NewLine;<p><a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;img&sol;diary88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a> <a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">にほんブログ村<&sol;a><&sol;p>&NewLine;<p><a title&equals;"日々の出来事 ブログランキングへ" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200"><img src&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;c&sol;banner&lowbar;1&sol;br&lowbar;c&lowbar;9200&lowbar;1&period;gif" width&equals;"110" height&equals;"31" border&equals;"0" &sol;><&sol;a> <a style&equals;"font-size&colon; 12px&semi;" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200">日々の出来事 ブログランキングへ<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了