Diseñar con KENJTEC One.

Secciones listas y páginas completas como patrones

KENJTEC One es el tema de KENJTEC, construido con los bloques que trae el propio WordPress, sin plugin de maquetación. En el editor de bloques de WP-Admin encuentras sus patrones en el insertador, en «KENJTEC — Sections»: secciones listas como áreas de título, servicios, precios, equipo, galería, testimonios, preguntas, horarios, contacto, ubicación y llamadas a la acción.

En «KENJTEC — Pages» hay páginas completas: «About page», «Contact page», «Home page — services», «Landing page» y «Pricing page». Cuando creas una página nueva en WP-Admin, WordPress te las ofrece directamente para elegir. Los textos de ejemplo están en alemán o en inglés, según el idioma de tu instalación; tú los sustituyes por los tuyos.

Todo aparece en tus colores, los de tu marca o los de la Consola; las superficies, las líneas y los tonos secundarios se calculan a partir de ellos. Una sección insertada es a la vez un bloque básico: la pestaña «Bloques básicos» la muestra con sus campos. La versión más reciente de KENJTEC One la instalamos en tu sitio cuando aplicas tu marca o vuelves a aplicarla.

1. 1Abre una página en el editor de bloques de WP-Admin.
2. 2Abre el insertador y, entre los patrones, elige «KENJTEC — Sections».
3. 3Haz clic en un patrón, por ejemplo «Hero — image right», y sustituye los textos de ejemplo.
4. 4Guarda la página.

Variaciones de estilo y estilos de bloque

En el editor del sitio de WP-Admin encuentras, en «Estilos», cinco variaciones de estilo de KENJTEC One: Dark, Editorial, Contrast, Soft y Sharp. Cambian el tono base, las esquinas y los contrastes de todo el sitio, sin salirse de tus colores. Para grupos concretos existen los estilos de sección Surface, Band, Card y Outline.

En la barra lateral de un bloque, en «Estilos», están los estilos de bloque de KENJTEC One, por ejemplo Eyebrow para una línea pequeña sobre un título, Quiet para un botón discreto, Checklist para listas con marcas de verificación, Cards para tarjetas una al lado de otra, Pill para un menú en forma de cápsula y Reveal on scroll para secciones que aparecen al desplazarse. Quien haya configurado menos movimiento en su dispositivo los ve sin animación.

Cabecera, pie y plantillas

Para la cabecera de tu sitio, KENJTEC One incluye tres partes de plantilla: «Header» se queda arriba al desplazarse, «Header — centered» coloca el logotipo y el menú en el centro, y «Header — with top bar» tiene una barra encima. Para el pie hay «Footer», «Footer — one line» y «Footer — with call to action». Puedes cambiarlas en el editor del sitio, en las partes de plantilla.

En la cabecera aparece tu logotipo o, si no lo tienes, el nombre de tu sitio; con el estilo de bloque «Show beside logo», el nombre aparece junto al logotipo. Para páginas concretas eliges en «Plantilla», por ejemplo, «Canvas — no title» para una página sin línea de título, «Blank — no header, no footer» para una página sin cabecera ni pie o «Narrow — reading page» para textos largos.

Tus canales sociales en el pie

Si tu sitio de WordPress sigue su marca y usa KENJTEC One, las tres variantes de pie muestran los canales que mantienes en SocialStudio, en «Tus canales»: como iconos oficiales de las redes, cada uno con un enlace a tu perfil y etiquetado con su nombre para los lectores de pantalla. Si ya has colocado tus propios enlaces sociales en el pie, se mantienen y no se añade nada.

En otros lugares insertas tus canales con el bloque «Social Icons» del grupo «Diseño (tema)». Los canales se transfieren con tu marca; si después de un cambio en SocialStudio falta algún canal en el sitio, lo recuperas en la Consola con «Volver a aplicar la marca». Cómo añadir canales se explica en Añadir tus canales.

Insertar un formulario: el bloque «Formulario KENJTEC»

Con el bloque «Formulario KENJTEC» insertas un formulario de FormBuilder en una página o una entrada. En el bloque, en «Formulario», eliges uno de tus formularios de la lista (los cerrados llevan el añadido «(cerrado)») y debajo aparece su dirección. En «Aspecto» eliges entre «Como la página» y «Aspecto propio del formulario».

La lista procede de tu cuenta. Está disponible en cuanto hayas abierto WP-Admin una vez a través de WordPressBuilder; hasta entonces, el bloque lo indica y ofrece un campo «Identificador». Las preguntas y respuestas permanecen en FormBuilder: allí modificas el formulario, y el cambio aparece también en tu sitio de WordPress (Formulario en un sitio web y en WordPress).

1. 1Abre en WP-Admin la página «Contacto» en el editor de bloques.
2. 2Inserta el bloque «Formulario KENJTEC».
3. 3En «Formulario», elige el formulario «Reservar mesa».
4. 4Guarda la página.

Mostrar productos: el bloque «KENJTEC Shop»

El bloque «KENJTEC Shop» trae productos de tu ShopBuilder ai a una página de WordPress. En «Tienda» eliges una de tus tiendas, y en «Mostrar», «Todo el catálogo», «Una categoría» o «Productos seleccionados». Para los productos seleccionados, escribes un nombre en «Buscar producto» y añades el resultado con «Añadir producto».

Además, ajustas el «Orden», cuántos productos se muestran en «Mostrar como máximo» y si aparecen «Campo de búsqueda en el marco» y «Categorías en el marco». La compra siempre se realiza en tu tienda: al hacer clic en un producto, vas allí. Si un producto elegido desaparece de la tienda, el bloque lo marca como «ya no está en la tienda» y lo omite en la página. Esta lista también está disponible en cuanto hayas abierto WP-Admin una vez a través de WordPressBuilder.

1. 1Inserta el bloque «KENJTEC Shop» en WP-Admin.
2. 2Elige tu tienda en «Tienda» y «Una categoría» en «Mostrar».
3. 3En «Categoría», elige «Granos de café».
4. 4Guarda la página.