Ontwerpen met KENJTEC One.

Kant-en-klare secties en hele pagina's als patronen

KENJTEC One is het thema van KENJTEC, gebouwd uit de blokken die WordPress zelf meebrengt — zonder paginabouwer-plug-in. In de blokeditor van WP-Admin vind je de patronen ervan in de invoegtool onder “KENJTEC — Sections”: kant-en-klare secties zoals titelgedeelten, diensten, prijzen, team, galerij, klantbeoordelingen, vragen, openingstijden, contact, locatie en oproepen.

Onder “KENJTEC — Pages” staan hele pagina's: “About page”, “Contact page”, “Home page — services”, “Landing page” en “Pricing page”. Maak je in WP-Admin een nieuwe pagina aan, dan biedt WordPress ze je meteen ter keuze aan. De voorbeeldteksten zijn Duits of Engels, afhankelijk van de taal van je installatie; je vervangt ze door je eigen teksten.

Alles verschijnt in jouw kleuren — uit je merk of uit de Console; vlakken, lijnen en neventinten worden daaruit berekend. Een ingevoegde sectie is tegelijk een bouwsteen: het tabblad “Bouwstenen” toont haar met haar velden. De nieuwste versie van KENJTEC One zetten we op je site wanneer je je merk toepast of opnieuw toepast.

1. 1Open in WP-Admin een pagina in de blokeditor.
2. 2Open de invoegtool en kies bij de patronen “KENJTEC — Sections”.
3. 3Klik op een patroon, bijvoorbeeld “Hero — image right”, en vervang de voorbeeldteksten.
4. 4Sla de pagina op.

Stijlvarianten en blokstijlen

In de site-editor van WP-Admin vind je onder „Stijlen“ vijf stijlvarianten van KENJTEC One: Dark, Editorial, Contrast, Soft en Sharp. Ze veranderen de grondtoon, de hoeken en de contrasten van de hele site en blijven daarbij in jouw kleuren. Voor afzonderlijke groepen zijn er de sectiestijlen Surface, Band, Card en Outline.

In de zijbalk van een blok staan onder „Stijlen“ de blokstijlen van KENJTEC One, bijvoorbeeld Eyebrow voor een kleine regel boven een kop, Quiet voor een ingetogen knop, Checklist voor lijsten met vinkjes, Cards voor kaarten naast elkaar, Pill voor een menu in capsulevorm en Reveal on scroll voor secties die bij het scrollen verschijnen. Wie op zijn apparaat minder beweging heeft ingesteld, ziet ze zonder animatie.

Kop, voet en sjablonen

Voor de kop van je site brengt KENJTEC One drie sjabloononderdelen mee: „Header“ blijft bij het scrollen bovenaan staan, „Header — centered“ zet logo en menu in het midden, „Header — with top bar“ heeft een balk erboven. Voor de voet zijn er „Footer“, „Footer — one line“ en „Footer — with call to action“. Je verwisselt ze in de site-editor onder de sjabloononderdelen.

In de header staat je logo of, als je er geen hebt, de naam van je site; met de blokstijl „Show beside logo“ staat de naam naast het logo. Voor afzonderlijke pagina's kies je onder „Sjabloon“ bijvoorbeeld „Canvas — no title“ voor een pagina zonder titelregel, „Blank — no header, no footer“ voor een pagina helemaal zonder header en footer of „Narrow — reading page“ voor lange teksten.

Je socialemediakanalen in de footer

Volgt je WordPress-site zijn merk en draait hij op KENJTEC One, dan tonen alle drie de footers de kanalen die je in SocialStudio onder „Je kanalen“ bijhoudt: als officiële pictogrammen van de netwerken, elk een link naar je profiel en voor schermlezers voorzien van de naam van het netwerk. Heb je in de footer al eigen sociale links geplaatst, dan blijven die staan en komt er niets bij.

Op andere plekken voeg je je kanalen in met het blok „Social Icons“ uit de groep „Ontwerp (thema)“. De kanalen worden samen met je merk overgenomen; ontbreekt er na een wijziging in SocialStudio een kanaal op de site, dan haal je het in de Console op met „Merk opnieuw toepassen“. Hoe je kanalen invoert, lees je onder Je kanalen invoeren.

Een formulier invoegen: het blok “KENJTEC-formulier”

Met het blok “KENJTEC-formulier” plaats je een formulier uit FormBuilder in een pagina of bericht. In het blok kies je onder “Formulier” een van je formulieren uit de lijst — gesloten formulieren hebben de toevoeging “(gesloten)” —, en daaronder staat het adres ervan. Onder “Uiterlijk” kies je tussen “Zoals de pagina” en “Eigen uiterlijk van het formulier”.

De lijst komt uit je account. Hij is beschikbaar zodra je WP-Admin een keer via WordPressBuilder hebt geopend; tot die tijd meldt het blok dat en biedt het een veld “ID” aan. Vragen en antwoorden blijven in FormBuilder: daar wijzig je het formulier, en de wijziging verschijnt ook op je WordPress-site (Formulier op een website en in WordPress).

1. 1Open in WP-Admin de pagina „Contact“ in de blokeditor.
2. 2Voeg het blok “KENJTEC-formulier” in.
3. 3Kies onder “Formulier” het formulier “Tafel reserveren”.
4. 4Sla de pagina op.

Producten tonen: het blok „KENJTEC Shop“

Het blok “KENJTEC Shop” haalt producten uit je ShopBuilder ai naar een WordPress-pagina. Onder “Winkel” kies je een van je winkels, onder “Tonen” “Het hele assortiment”, “Eén categorie” of “Gekozen producten”. Voor gekozen producten typ je onder “Product zoeken” een naam en voeg je het resultaat toe met “Product toevoegen”.

Daarnaast stel je de “Volgorde” in, hoeveel producten “Maximaal tonen” moet laten zien en of “Zoekveld in het kader” en “Categorieën in het kader” verschijnen. Er wordt altijd in je winkel gekocht: een klik op een product leidt daarheen. Verdwijnt een gekozen product uit de winkel, dan noemt het blok het “niet meer in de winkel” en laat het op de pagina weg. Ook deze lijst is beschikbaar zodra je WP-Admin een keer via WordPressBuilder hebt geopend.

1. 1Voeg in WP-Admin het blok „KENJTEC Shop“ in.
2. 2Kies onder “Winkel” je winkel en onder “Tonen” “Eén categorie”.
3. 3Kies onder “Categorie” “Koffiebonen”.
4. 4Sla de pagina op.