「Contact Form 7」でお問い合わせを作る！プラグイン設定と作り方を解説

1<!-- wp:jinr-blocks/background {"backgroundDesign":"d\u002d\u002dbackground-design-shadow","backgroundBgColor":"#fcfcfc"} -->
2<div class="wp-block-jinr-blocks-background b--jinr-block b--jinr-background"><div class="o--background-container d--background-design-shadow d--background-shadow-s d--border-outset"><div class="c--background-inner d--border-none d--border-1px t--round" style="border-color:#c5c5c5"><!-- wp:jinr-blocks/designtitle {"mainText":"お問い合わせ","subText":"Contact","divText":"お問い合わせ","titleDesign":"2","radioLayout":"center","mainTextColor":"#505050","subTextColor":"#adadad","titleDesignColor":"#e6e6e6"} -->
3<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style2 d--titledesign-weight-thin d--h2rich-none js--scr-animation" style="border-color:#e6e6e6"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#adadad">Contact</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#505050">お問い合わせ</h2></div></section>
4<!-- /wp:jinr-blocks/designtitle -->
5
6<!-- wp:contact-form-7/contact-form-selector -->
7<div class="wp-block-contact-form-7-contact-form-selector">[contact-form-7 id="3812" title="コンタクトフォーム 1"]</div>
8<!-- /wp:contact-form-7/contact-form-selector --></div></div><div class="a--background-color" style="background:#fcfcfc"></div><div class="a--background-image t--round d--background-pattern1" style="opacity:0.29999999999999993;background-size:16.666666666666668%"></div></div>
9<!-- /wp:jinr-blocks/background -->