Kwes を使ったお問い合わせフォームの作成 – Shifter

このドキュメントでは、Kwes を使用して Shifter
サイトにお問い合わせフォームを作成する方法について説明します。

必要なもの

Kwes アカウント
テーマの編集またはスクリプト挿入プラグイン (例: Scripts n Styles
または Header and Footer)

手順

Kwes を使用して Shifter
サイトにお問い合わせフォームを作成する手順は以下のとおりです。

Kwes アカウントを作成する: まだ Kwes
アカウントをお持ちでない場合は、Kwes
のウェブサイトにアクセスしてアカウントを作成してください。
Kwes で新しいフォームを作成する: Kwes
アカウントにログインし、新しいフォームを作成します。フォームに必要なフィールド
(名前、メールアドレス、メッセージなど) を追加します。
フォームの HTML コードを取得する: Kwes
でフォームを作成したら、埋め込み用の HTML コードを取得します。通常、Kwes
のダッシュボードで提供されています。
Shifter サイトに HTML コードを埋め込む: Shifter
サイトにログインし、お問い合わせフォームを表示したいページまたは投稿を編集します。
- テーマの編集: テーマの編集機能を使用して、HTML
  コードを適切な場所に挿入します。
- スクリプト挿入プラグイン: Scripts n Styles や
  Header and Footer などのスクリプト挿入プラグインを使用して、HTML
  コードを挿入します。
例えば、Scripts n Styles プラグインを使用する場合、以下の手順で HTML
コードを挿入できます。
1. WordPress の管理画面から「Scripts n
  Styles」プラグインを有効化します。
2. 「Scripts n Styles」の設定画面を開きます。
3. HTML コードを適切な場所に貼り付けます (通常は
  <body> タグ内)。
4. 変更を保存します。
```
<form action="YOUR_KWES_FORM_ENDPOINT" method="POST">
  <label for="name">名前:</label><br>
  <input type="text" id="name" name="name"><br><br>

  <label for="email">メールアドレス:</label><br>
  <input type="email" id="email" name="email"><br><br>

  <label for="message">メッセージ:</label><br>
  <textarea id="message" name="message"></textarea><br><br>

  <button type="submit">送信</button>
</form>
```
注意: YOUR_KWES_FORM_ENDPOINT は、Kwes
から提供される実際のフォームのエンドポイントに置き換えてください。
フォームをテストする: Shifter
サイトでフォームが正しく表示され、送信できることを確認します。

その他の情報

OGP (Open Graph Protocol) 設定:
このドキュメントには、OGP タグが含まれています。これらのタグは、Facebook
や Twitter
などのソーシャルメディアプラットフォームでページを共有する際に、ページのタイトル、説明、画像などの情報を正しく表示するために使用されます。

例:

<meta property="og:title" content="Kwes を使ったお問い合わせフォームの作成 - Shifter" />
<meta property="og:description" content="必要なもの Kwes アカウント テーマの編集またはスクリプト挿入プラグイン (例: Scripts n Styles または Header and Footer [&hellip;]" />
<meta property="og:image" content="https://getshifter.io/wp-content/uploads/2024/03/197381359-d13baf9bfd66846f99bbf352.png" />

JSON-LD スキーマ: このドキュメントには、JSON-LD
形式のスキーマが含まれています。これは、検索エンジンがページの内容を理解しやすくするために使用されます。

“`json { “@context”: “https://schema.org”, “@graph”: [ { “@type”: “WebPage”, “@id”:
“https://getshifter.io/support/creating-contact-form-with-kwes/”, “url”:
“https://getshifter.io/support/creating-contact-form-with-kwes/”,
“name”: “Kwes を使ったお問い合わせフォームの作成 – Shifter”, “isPartOf”:
{ “@id”:
“https://getshifter.io/#website” }, “primaryImageOfPage”: { “@id”:
“https://getshifter.io/support/creating-contact-form-with-kwes/#primaryimage”
}, “image”: { “@id”:
“https://getshifter.io/support/creating-contact-form-with-kwes/#primaryimage”
}, “thumbnailUrl”:
“https://getshifter.io/wp-content/uploads/2024/03/197381359-d13baf9bfd66846f99bbf352.png”,
“datePublished”: “2023-12-08T14:42:35+00:00”, “breadcrumb”: { “@id”:
“https://getshifter.io/support/creating-contact-form-with-kwes/#breadcrumb”
}, “inLanguage”: “ja”, “potentialAction”: [ { “@type”: “ReadAction”, “target”: [
“https://getshifter.io/support/creating-contact-form-with-kwes/” ] } }
}, { “@type”:
“ImageObject”, “inLanguage”: “ja”, “@id”:
“https://getshifter.io/support/creating-contact-form-with-kwes/#primaryimage”,
“url”:
“https://getshifter.io/wp-content/uploads/2024/03/197381359-d13baf9bfd66846f99bbf352.png”,
“contentUrl”:
“https://getshifter.io/wp-content/uploads/2024/03/197381359-d13baf9bfd66846f99bbf352.png”
}, { “@type”:
“BreadcrumbList”, “@id”:
“https://getshifter.io/support/creating-contact-form-with-kwes/#breadcrumb”,
“itemListElement”: [ { “@type”: “ListItem”, “position”: 1, “name”:
“Home”, “item”: “https://getshifter.io/” }, { “@type”: “ListItem”, “position”: 2, “name”:
“ドキュメント”, “item”: “https://getshifter.io/support/” }, { “@type”: “ListItem”,
“position”: 3, “name”: “Kwes を使ったお問い合わせフォームの作成” } ] },
{ “@type”: “WebSite”,
“@id”:
“https://getshifter.io/#website”, “url”: “https://getshifter.io/”,
“name”: “Shifter”, “description”: “数分で WordPress ウェブサイトを構築”,
“publisher”: { “@id”:
“https://getshifter.io/#organization” }, “potentialAction”: [ { “@type”: “SearchAction”,
“target”: { “@type”:
“EntryPoint”, “urlTemplate”:
“https://getshifter.io/?s={search_term_string}” }, “query-input”: {
“@type”:
“PropertyValueSpecification”, “valueRequired”: true, “valueName”:
“search_term_string” } } ], “inLanguage”: “ja” }, { “@type”: “Organization”, “@id”:
“https://getshifter.io/#organization”, “name”: “Shifter”, “url”:
“https://getshifter.io/”, “logo”: { “@type”: “ImageObject”, “inLanguage”: “ja”,
“@id”:
“https://getshifter.io/#/schema/logo/image/”, “url”:
“https://cdn.getshifter.co/6979d2c20e0f14c46f6b6eac8659c6136a0b4a67/uploads/2023/01/logo.svg”,
“contentUrl”:
“https://cdn.getshifter.co/6979d2c20e0f14c46f6b6eac8659c6136a0b4a67/uploads/2023/01/logo.svg”,
“width”: “1024”, “height”: “1024”, “caption”: “Shifter” }, “image”: {
“@id”:
“https://getshifter.io/#/schema/logo/image/” }, “sameAs”: [
“https://www.facebook.com/getshifter/”, “https://x.com/getshifter”,
“https://github.com/getshifter”,
“https://www.youtube.com/channel/UCkw20zzfSAxD-KNKUEW3bAw”,
“https://profiles.wordpress.org/getshifter/”,
“https://www.instagram.com/getshifter/” ] } ] }