Designing with KENJTEC One.

Ready-made sections and whole pages as patterns

KENJTEC One is KENJTEC’s theme, built from the blocks WordPress brings itself — no page builder plugin. In the block editor of WP-Admin you find its patterns in the inserter under “KENJTEC — Sections”: ready-made sections such as heroes, services, prices, team, gallery, testimonials, questions, opening hours, contact, location and calls to action.

“KENJTEC — Pages” holds whole pages: “About page”, “Contact page”, “Home page — services”, “Landing page” and “Pricing page”. When you create a new page in WP-Admin, WordPress offers them to you straight away. The sample texts are in German or English, depending on your installation’s language; you replace them with yours.

Everything appears in your colours — from your brand or from the Console; surfaces, lines and secondary tones are calculated from them. An inserted section is a building block at the same time: the “Building blocks” tab shows it with its fields. We place the newest version of KENJTEC One on your site when you apply or re-apply your brand.

1. 1Open a page in the block editor in WP-Admin.
2. 2Open the inserter and choose “KENJTEC — Sections” among the patterns.
3. 3Click a pattern, for example “Hero — image right”, and replace the sample texts.
4. 4Save the page.

Style variations and block styles

In the Site Editor of WP-Admin you find five style variations of KENJTEC One under “Styles”: Dark, Editorial, Contrast, Soft and Sharp. They change the base tone, corners and contrasts of the whole site and stay in your colours. For individual groups there are the section styles Surface, Band, Card and Outline.

In a block’s sidebar, “Styles” lists KENJTEC One’s block styles, for example Eyebrow for a small line above a heading, Quiet for a restrained button, Checklist for lists with ticks, Cards for cards side by side, Pill for a capsule-shaped menu and Reveal on scroll for sections that appear as you scroll. Anyone who has set reduced motion on their device sees them without animation.

Header, footer and templates

For the header of your site, KENJTEC One brings three template parts: “Header” stays at the top as you scroll, “Header — centered” puts logo and menu in the middle, and “Header — with top bar” has a bar above it. For the footer there are “Footer”, “Footer — one line” and “Footer — with call to action”. You swap them in the Site Editor under the template parts.

The header shows your logo or, if there is none, your site’s name; with the block style “Show beside logo” the name appears next to the logo. For individual pages you choose a template, for example “Canvas — no title” for a page without a title line, “Blank — no header, no footer” for a page without header and footer, or “Narrow — reading page” for long texts.

Your social channels in the footer

If your WordPress site follows its brand and runs KENJTEC One, all three footers show the channels you keep in SocialStudio under “Your channels” — as the networks’ official icons, each a link to your profile, labelled with the network’s name for screen readers. If you have already placed your own social links in the footer, they stay and nothing is added.

Elsewhere you insert your channels with the “Social Icons” block from the “Theme” group. The channels are transferred with your brand; if a channel is missing on the site after a change in SocialStudio, fetch it in the Console with “Apply brand again”. How to enter channels is under Entering your channels.

Inserting a form: the “KENJTEC Form” block

With the “KENJTEC Form” block you insert a form from FormBuilder into a page or post. The block speaks the language of your WP-Admin; in a language KENJTEC does not offer, it speaks English. Under “Form” you choose one of your forms from the list — closed ones carry “(closed)” —, and its address appears below. Under “Appearance” you choose between “Same as the page” and “The form's own look”.

The list comes from your account. It is ready once you have opened WP-Admin through WordPressBuilder once; until then the block says so and offers an “Identifier” field. Questions and answers stay in FormBuilder: you change the form there, and the change also appears on your WordPress site (Form on a website and in WordPress).

1. 1Open the “Contact” page in the block editor in WP-Admin.
2. 2Insert the “KENJTEC Form” block.
3. 3Under “Form”, choose the form “Book a table”.
4. 4Save the page.

Showing products: the “KENJTEC Shop” block

The “KENJTEC Shop” block brings products from your ShopBuilder ai into a WordPress page; it, too, speaks the language of your WP-Admin. Under “Shop” you choose one of your shops, under “Show” “The whole catalogue”, “One category” or “Selected products”. For selected products you type a name under “Find product” and add the result with “Add product”.

You also set the “Order”, how many products to “Show at most” and whether “Search field in the frame” and “Categories in the frame” appear. Buying always happens in your shop: a click on a product leads there. If a chosen product disappears from the shop, the block calls it “no longer in the shop” and leaves it out on the page. This list, too, is ready once you have opened WP-Admin through WordPressBuilder once.

1. 1Insert the “KENJTEC Shop” block in WP-Admin.
2. 2Choose your shop under “Shop” and “One category” under “Show”.
3. 3Choose “Coffee beans” under “Category”.
4. 4Save the page.