{"id":30833,"date":"2025-02-27T16:44:20","date_gmt":"2025-02-27T07:44:20","guid":{"rendered":"https:\/\/sgfm.jp\/help\/?p=30833"},"modified":"2025-02-28T11:22:25","modified_gmt":"2025-02-28T02:22:25","slug":"contact-form-7%e3%81%a7%e7%a2%ba%e8%aa%8d%e7%94%bb%e9%9d%a2%e3%81%a8%e5%ae%8c%e4%ba%86%e7%94%bb%e9%9d%a2%e3%82%92%e4%bd%9c%e3%82%8b%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/sgfm.jp\/help\/30833\/","title":{"rendered":"Contact Form 7\u3067\u78ba\u8a8d\u753b\u9762\u3068\u5b8c\u4e86\u753b\u9762\u3092\u4f5c\u308b\u65b9\u6cd5"},"content":{"rendered":"\n<p>WordPress\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u300cContact Form 7\u300d\u306b\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u78ba\u8a8d\u753b\u9762\u3084\u5b8c\u4e86\u753b\u9762\u306e\u6a5f\u80fd\u304c\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u8ffd\u52a0\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3084\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u672c\u8a18\u4e8b\u3067\u306f\u3001\u78ba\u8a8d\u753b\u9762\u3068\u5b8c\u4e86\u753b\u9762\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">\u76ee\u6b21<\/p><ul class=\"toc_list\"><li><a href=\"#1\">1. \u78ba\u8a8d\u753b\u9762\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5<\/a><\/li><li><a href=\"#11_Contact_Form_7\">1.1 Contact Form 7 \u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210<\/a><\/li><li><a href=\"#12_JavaScript\">1.2 \u78ba\u8a8d\u753b\u9762\u7528\u306eJavaScript\u3092\u8ffd\u52a0<\/a><\/li><li><a href=\"#2\">2. \u5b8c\u4e86\u753b\u9762\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5<\/a><\/li><li><a href=\"#21\">2.1 \u5b8c\u4e86\u30da\u30fc\u30b8\u3092\u4f5c\u6210<\/a><\/li><li><a href=\"#22_functionsphp\">2.2 functions.php \u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0<\/a><\/li><li><a href=\"#i\">\u307e\u3068\u3081<\/a><\/li><\/ul><\/div>\n<h2><span id=\"1\">1. \u78ba\u8a8d\u753b\u9762\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5<\/span><\/h2>\n\n\n\n<p>\u78ba\u8a8d\u753b\u9762\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u300cContact Form 7 add confirm\u300d\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3068\u3001JavaScript\u3092\u4f7f\u3046\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u3001JavaScript\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2><span id=\"11_Contact_Form_7\">1.1 Contact Form 7 \u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210<\/span><\/h2>\n\n\n\n<p>\u307e\u305a\u3001\u901a\u5e38\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u300c\u304a\u554f\u3044\u5408\u308f\u305b\u300d\u2192\u300c\u65b0\u898f\u8ffd\u52a0\u300d\u304b\u3089\u4ee5\u4e0b\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;text* your-name placeholder \"\u304a\u540d\u524d\"]\n&#091;email* your-email placeholder \"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\"]\n&#091;text your-subject placeholder \"\u4ef6\u540d\"]\n&#091;textarea your-message placeholder \"\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\"]\n&#091;submit id:confirm-btn \"\u78ba\u8a8d\"]<\/code><\/pre>\n\n\n\n<h2><span id=\"12_JavaScript\">1.2 \u78ba\u8a8d\u753b\u9762\u7528\u306eJavaScript\u3092\u8ffd\u52a0<\/span><\/h2>\n\n\n\n<p>\u6b21\u306b\u3001\u4ee5\u4e0b\u306eJavaScript\u30b3\u30fc\u30c9\u3092\u300c\u5916\u89b3\u300d\u2192\u300c\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u300d\u2192\u300c\u8ffd\u52a0CSS\/JS\u300d\u307e\u305f\u306f\u300cfunctions.php\u300d\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;\ndocument.addEventListener('DOMContentLoaded', function() {\n    document.getElementById('confirm-btn').addEventListener('click', function(event) {\n        event.preventDefault();\n        let form = event.target.closest('form');\n        let confirmMessage = \"\\n\u304a\u540d\u524d: \" + form.your-name.value + \"\\n\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9: \" + form.your-email.value + \"\\n\u4ef6\u540d: \" + form.your-subject.value + \"\\n\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9: \" + form.your-message.value;\n        \n        if (confirm(\"\u4ee5\u4e0b\u306e\u5185\u5bb9\u3067\u9001\u4fe1\u3057\u307e\u3059\u304b\uff1f\" + confirmMessage)) {\n            form.submit();\n        }\n    });\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<h2><span id=\"2\">2. \u5b8c\u4e86\u753b\u9762\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5<\/span><\/h2>\n\n\n\n<p>\u5b8c\u4e86\u753b\u9762\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u300c\u9001\u4fe1\u5f8c\u306e\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u300d\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2><span id=\"21\">2.1 \u5b8c\u4e86\u30da\u30fc\u30b8\u3092\u4f5c\u6210<\/span><\/h2>\n\n\n\n<p>\u300c\u56fa\u5b9a\u30da\u30fc\u30b8\u300d\u2192\u300c\u65b0\u898f\u8ffd\u52a0\u300d\u304b\u3089\u300c\u9001\u4fe1\u5b8c\u4e86\u30da\u30fc\u30b8\u300d\u3092\u4f5c\u6210\u3057\u3001URL\u3092\u30e1\u30e2\u3057\u3066\u304a\u304d\u307e\u3059\u3002\uff08\u4f8b: <code>https:\/\/yourdomain.com\/thank-you\/<\/code>\uff09<\/p>\n\n\n\n<h2><span id=\"22_functionsphp\">2.2 functions.php \u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0<\/span><\/h2>\n\n\n\n<p>\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u300c\u5916\u89b3\u300d\u2192\u300c\u30c6\u30fc\u30de\u30a8\u30c7\u30a3\u30bf\u30fc\u300d\u2192\u300cfunctions.php\u300d\u306b\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'wp_footer', 'cf7_redirect_after_submit' );\nfunction cf7_redirect_after_submit() {\n    echo \"<script>\ndocument.addEventListener('wpcf7mailsent', function(event) {\n    location = 'https:\/\/yourdomain.com\/thank-you\/';\n}, false);\n<\/script>\";\n}<\/code><\/pre>\n\n\n\n<h2><span id=\"i\">\u307e\u3068\u3081<\/span><\/h2>\n\n\n\n<p>Contact Form 7\u3067\u78ba\u8a8d\u753b\u9762\u3068\u5b8c\u4e86\u753b\u9762\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<ul><li>JavaScript\u3067\u78ba\u8a8d\u753b\u9762\u3092\u4f5c\u6210<\/li><li>\u9001\u4fe1\u5f8c\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3067\u5b8c\u4e86\u753b\u9762\u3092\u8868\u793a<\/li><\/ul>\n\n\n\n<p>\u3053\u306e\u65b9\u6cd5\u3092\u6d3b\u7528\u3059\u308c\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3068\u3063\u3066\u3088\u308a\u4f7f\u3044\u3084\u3059\u3044\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u305c\u3072\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\uff01<\/p>\n\n\n\n<p class=\"wp-block-sgb-headings sgb-heading\"><div class=\"sgb-heading__inner sgb-heading--type1 with-icon\" style=\"background-color:transparent;border-color:transparent;font-size:1.2em\"><i class=\"fa fa-bookmark\" style=\"color:#5ba9f7\"><\/i><span class=\"sgb-heading__text\" style=\"color:#333\">Contact Form 7\u95a2\u9023\u306e\u8a18\u4e8b<\/span><\/div><\/p>\n\n\n<a class=\"linkto table\" href=\"https:\/\/sgfm.jp\/help\/30873\/\"><span class=\"tbcell tbimg\"><img src=\"http:\/\/sgfm.jp\/wp-content\/uploads\/2020\/10\/logo-160x160.png\" alt=\"Contact Form 7\u3067\u5f15\u6570\uff08\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\uff09\u3092\u6e21\u3059\u65b9\u6cd5\" width=\"160\" height=\"160\" ><\/span><span class=\"tbcell tbtext\">Contact Form 7\u3067\u5f15\u6570\uff08\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\uff09\u3092\u6e21\u3059\u65b9\u6cd5<\/span><\/a><a class=\"linkto table\" href=\"https:\/\/sgfm.jp\/help\/30841\/\"><span class=\"tbcell tbimg\"><img src=\"http:\/\/sgfm.jp\/wp-content\/uploads\/2020\/10\/logo-160x160.png\" alt=\"Contact Form 7\u304c\u82f1\u8a9e\u306b\u306a\u3063\u305f\u6642\u306e\u5bfe\u51e6\u6cd5\" width=\"160\" height=\"160\" ><\/span><span class=\"tbcell tbtext\">Contact Form 7\u304c\u82f1\u8a9e\u306b\u306a\u3063\u305f\u6642\u306e\u5bfe\u51e6\u6cd5<\/span><\/a><a class=\"linkto table\" href=\"https:\/\/sgfm.jp\/help\/30830\/\"><span class=\"tbcell tbimg\"><img src=\"http:\/\/sgfm.jp\/wp-content\/uploads\/2020\/10\/logo-160x160.png\" alt=\"Contact Form 7 \u306e\u30e1\u30fc\u30eb\u304c\u5c4a\u304b\u306a\u3044\u3068\u304d\u306e\u5bfe\u51e6\u6cd5\" width=\"160\" height=\"160\" ><\/span><span class=\"tbcell tbtext\">Contact Form 7 \u306e\u30e1\u30fc\u30eb\u304c\u5c4a\u304b\u306a\u3044\u3068\u304d\u306e\u5bfe\u51e6\u6cd5<\/span><\/a><a class=\"linkto table\" href=\"https:\/\/sgfm.jp\/help\/30827\/\"><span class=\"tbcell tbimg\"><img src=\"http:\/\/sgfm.jp\/wp-content\/uploads\/2020\/10\/logo-160x160.png\" alt=\"Contact Form 7 \u306e\u8a2d\u7f6e\u65b9\u6cd5\" width=\"160\" height=\"160\" ><\/span><span class=\"tbcell tbtext\">Contact Form 7 \u306e\u8a2d\u7f6e\u65b9\u6cd5<\/span><\/a>\n","protected":false},"excerpt":{"rendered":"<p>WordPress\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u300cContact Form 7\u300d\u306b\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u78ba\u8a8d\u753b\u9762\u3084\u5b8c\u4e86\u753b\u9762\u306e\u6a5f\u80fd\u304c\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u8ffd\u52a0\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3084\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u672c\u8a18\u4e8b\u3067\u306f\u3001\u78ba\u8a8d\u753b\u9762\u3068\u5b8c\u4e86\u753b\u9762\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u8a73 &#8230; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[53,51],"tags":[52],"_links":{"self":[{"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/posts\/30833"}],"collection":[{"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/comments?post=30833"}],"version-history":[{"count":2,"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/posts\/30833\/revisions"}],"predecessor-version":[{"id":30839,"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/posts\/30833\/revisions\/30839"}],"wp:attachment":[{"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/media?parent=30833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/categories?post=30833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sgfm.jp\/help\/wp-json\/wp\/v2\/tags?post=30833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}