KENJTEC One でデザインする.

完成済みのセクションとページ全体をパターンとして使う

KENJTEC One は KENJTEC のテーマで、ページビルダープラグインを使わず、WordPress に標準で備わっているブロックだけで作られています。WP-Admin のブロックエディターでは、インサーターの「KENJTEC — Sections」にそのパターンがあります。タイトルエリア、サービス、料金、チーム、ギャラリー、お客様の声、よくある質問、営業時間、お問い合わせ、所在地、行動喚起などの完成済みセクションです。

「KENJTEC — Pages」にはページ全体のパターンがあります。「About page」「Contact page」「Home page — services」「Landing page」「Pricing page」です。WP-Admin で新しいページを作成すると、WordPress がこれらをすぐに候補として表示します。サンプルテキストは、インストールの言語に応じてドイツ語または英語です。ご自身のテキストに置き換えてください。

すべてがあなたの色で表示されます。色はブランドまたはコンソールから取得され、面、線、補助的な色調はそこから計算されます。挿入したセクションは、同時にパーツでもあります。「パーツ」タブでは、そのセクションがフィールドとともに表示されます。KENJTEC One の最新バージョンは、ブランドを適用または再適用したときにサイトに導入されます。

1. 1WP-Admin で、ページをブロックエディターで開きます。
2. 2インサーターを開き、パターンの中から「KENJTEC — Sections」を選びます。
3. 3「Hero — image right」などのパターンをクリックし、サンプルテキストを置き換えます。
4. 4ページを保存します。

スタイルバリエーションとブロックスタイル

WP-Admin のサイトエディターでは、「スタイル」に KENJTEC One の 5 つのスタイルバリエーション（Dark、Editorial、Contrast、Soft、Sharp）があります。これらはサイト全体の基調色、角の形、コントラストを変えますが、色はあなたの色のままです。個々のグループには、セクションスタイル Surface、Band、Card、Outline が用意されています。

ブロックのサイドバーの「スタイル」には、KENJTEC One のブロックスタイルが表示されます。たとえば、見出しの上の小さな行に使う Eyebrow、控えめなボタンの Quiet、チェックマーク付きリストの Checklist、カードを横に並べる Cards、カプセル型のメニューの Pill、スクロールすると表示されるセクションの Reveal on scroll などです。端末で動きを減らす設定にしている方には、アニメーションなしで表示されます。

ヘッダー、フッター、テンプレート

サイトのヘッダー用に、KENJTEC One には 3 つのテンプレートパーツがあります。「Header」はスクロールしても上部に固定され、「Header — centered」はロゴとメニューを中央に配置し、「Header — with top bar」は上にバーが付きます。フッター用には「Footer」「Footer — one line」「Footer — with call to action」があります。これらはサイトエディターのテンプレートパーツで切り替えます。

ヘッダーにはロゴが表示されます。ロゴがない場合はサイト名が表示されます。ブロックスタイル「Show beside logo」を使うと、サイト名がロゴの横に表示されます。個々のページでは「テンプレート」で、たとえばタイトル行のないページには「Canvas — no title」、ヘッダーもフッターもないページには「Blank — no header, no footer」、長い文章には「Narrow — reading page」を選びます。

フッターのソーシャルチャンネル

WordPress サイトがブランドに追従し、KENJTEC One を使用している場合、三つのフッターすべてに、SocialStudio の「あなたのチャンネル」で管理しているチャンネルが表示されます。各ネットワークの公式アイコンとして表示され、それぞれがあなたのプロフィールへのリンクになり、スクリーンリーダー向けにネットワーク名のラベルが付きます。フッターにすでに独自のソーシャルリンクを設置している場合は、そのまま残り、何も追加されません。

それ以外の場所では、「デザイン（テーマ）」グループの「Social Icons」ブロックでチャンネルを挿入します。チャンネルはブランドと一緒に転送されます。SocialStudio で変更した後にサイト上で表示されないチャンネルがある場合は、コンソールで「ブランドを再適用」を使って反映させます。チャンネルの登録方法は、チャンネルを登録する で説明しています。

フォームの挿入：「KENJTEC フォーム」ブロック

「KENJTEC フォーム」ブロックを使うと、FormBuilder のフォームを固定ページや投稿に挿入できます。ブロックの「フォーム」で、一覧から自分のフォームを選びます（受付を終了したフォームには「（受付終了）」と付きます）。その下にはフォームのアドレスが表示されます。「見た目」では、「ページと同じ」と「フォーム独自のデザイン」のどちらかを選びます。

このリストはお使いのアカウントから取得されます。WordPressBuilder から WP-Admin を一度開くと利用できるようになります。それまではブロックにその旨が表示され、「識別子」フィールドが用意されます。質問と回答は引き続き FormBuilder で管理されます。フォームの変更はそちらで行い、変更内容はお使いの WordPress サイトにも反映されます（ウェブサイトと WordPress でのフォーム）。

1. 1WP-Admin のブロックエディターで「お問い合わせ」ページを開きます。
2. 2「KENJTEC フォーム」ブロックを挿入します。
3. 3「フォーム」でフォーム「テーブルを予約」を選びます。
4. 4ページを保存します。

商品の表示：「KENJTEC Shop」ブロック

「KENJTEC Shop」ブロックは、ShopBuilder ai の商品を WordPress のページに表示します。「ショップ」で自分のショップを選び、「表示」で「品揃え全体」「1 つのカテゴリー」「選んだ商品」のいずれかを選びます。選んだ商品を表示する場合は、「商品を検索」に商品名を入力し、見つかった商品を「商品を追加」で追加します。

あわせて、「並び順」、商品を最大何件表示するか（「最大表示数」）、「枠内に検索欄」と「枠内にカテゴリー」を表示するかどうかを設定します。購入は必ずお使いのショップで行われ、商品をクリックするとショップに移動します。選んだ商品がショップからなくなった場合、ブロックではその商品が「（ショップにありません）」と表示され、ページには表示されなくなります。この一覧も、一度 WordPressBuilder から WP-Admin を開くと利用できるようになります。

1. 1WP-Admin で「KENJTEC Shop」ブロックを挿入します。
2. 2「ショップ」でご自身のショップを選び、「表示」で「1 つのカテゴリー」を選びます。
3. 3「カテゴリー」で「コーヒー豆」を選びます。
4. 4ページを保存します。