Q&A
（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
また、入力したのは固定ページの本文エリアでしょうか。
こんにちは。
早速本題ですが、
CF7にてお問合せ用のコード（最下に記します）を入力しましたが、表示されたページには、
必須 ご相談内容
必須 お名前
必須 メールアドレス
任意会社名
任意部署名
必須郵便番号
必須都道府県
必須ご住所
必須お電話番号
必須メッセージ本文
と羅列されてしまうだけで、枠や縁もなく、入力できるスペースすら表示されません。
本来、下記のコードを入力すれば、整ったものが仕上がるようなのですが、分かりかねるため質問いたしました。
お分かりになる方、ぜひご回答願います。
なお、HP作成初心者ですので、分かりかねる言葉が多々ございます。
よろしくお願いいたします。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<table class=”CF7_table”> <tr> <th><span class=”CF7_req”>必須</span> ご相談内容</th> <td>[checkbox* checkbox-inq “ご相談” “お見積もり” “お問い合わせ” “その他”]</td> </tr> <tr> <th><span class=”CF7_req”>必須</span> お名前</th> <td>[text* your-name watermark”例：あなたのお名前”] </td> </tr> <tr> <th><span class=”CF7_req”>必須</span> メールアドレス</th> <td>[email* your-email watermark”例：×××@×××.com”]</td> </tr> <tr> <th><span class=”CF7_unreq”>任意</span>会社名</th> <td>[text your-company watermark”例：◯◯株式会社”]</td> </tr> <tr> <th><span class=”CF7_unreq”>任意</span>部署名</th> <td>[text your-dept watermark”例：△△事業部”]</td> </tr> <tr> <th><span class=”CF7_req”>必須</span>郵便番号</th> <td>[text* zip id:zip watermark”例：123-4567″] </td> </tr> <tr> <th><span class=”CF7_req”>必須</span>都道府県</th> <td>[text* pref id:pref watermark”例： 東京都”]</td> </tr> <tr> <th><span class=”CF7_req”>必須</span>ご住所</th> <td class=”address-100″>[text* addr id:addr watermark”例： 東京都中央区銀座１２３４５”]</td> </tr> <tr> <th><span class=”CF7_req”>必須</span>お電話番号</th> <td>[text* your-tel watermark”例：03-1234-5678″]</td> </tr> <tr> <th><span class=”CF7_req”>必須</span>メッセージ本文</th> <td class=”message-100″>[textarea* your-message watermark”お問い合わせ内容をご記入ください”]</td> </tr> </table> <p class=”CF7_btn”>[submit “送信する”]</p> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
コードブロックで囲みました。ご助言ありがとうございます。
本文エリアです。
こちらの環境では変更／修正が確認できませんでした。すみませんが、もう一度確認してもらえませんか？最近teratailで修正が保存されない事がたまにあるようなので･･･。
> 本文エリアです。
「固定ページの」本文エリアで間違いないということですね。
固定ページの本文エリアに入れておりました。ショートコード（[contact-form-7 id="168" title="無題"]）なるものを挿入し試してみましたが、やはりきれいなフレームがでておりません。そもそものコードがまちがっているのか（ないとは思いますが…）、自分のやり方が間違っているのか、解決を望んでおります。
回答1件
0
ベストアンサー
提示されたフォームテンプレートは固定ページに入れるのではなく、フォームを作る段階で使用します。固定ページには作ったフォームに表示されるショートコードを挿入します。
【Contact Form 7 の基本的な使い方 | Contact Form 7 [日本語]】
https://contactform7.com/ja/getting-started-with-contact-form-7/
【【簡単】Contact Form 7（WordPressお問い合わせフォーム設置）の使い方徹底解説 | カゴヤのサーバー研究室】
https://www.kagoya.jp/howto/wordpress/contact-form-7/
【【2020版】Contact Form 7の設置から使い方まで | tatsuya☆ラボラトリ WordPress ワードプレス 完全 オリジナル テーマ カスタマイズ themes 独学 SEO タツヤ ラボラトリ ラボ lab MacBook HTML5 CSS3 MAMP】
https://tatsuya-lab.com/2020/02/07/【2020版】contact-form-7の設置から使い方まで/
投稿2020/07/27 08:51
総合スコア69608
あなたの回答
tips
プレビュー
