Ibuki – Creative Multi-Purpose & Shop Theme

En un estudio creativo, a la tienda se llega desde una obra

Alguien entra en tu web para mirar una serie de fotos o un proyecto de diseño. No venía a comprar. Pero una imagen le gusta y se pregunta si puede tenerla, y en ese momento la tienda está en otro punto del menú, con otro aspecto, como si fuera una web distinta.

Ese es el error que comete quien vende su propio trabajo y lo muestra en el mismo sitio. Portafolio y tienda se tratan como dos secciones, cuando para el visitante son un solo recorrido: primero mira, después quiere.

Ibuki, de Alessio Atzeni, sirve para agencias, portafolios, fotógrafos y blogs, y reúne en un mismo diseño plano los trabajos, las noticias y un comercio con WooCommerce. Tiene más opciones del lado de enseñar que del de vender, y conviene saberlo para decidir cómo unir las dos partes.

Nueve maneras de presentar trabajos

El portafolio reúne buena parte de sus opciones:

• Grid y Masonry, normales o a todo el ancho.
• Wall Effect, en versión Grid y en versión Masonry.
• Listed, Metro y Carousel, para series o selecciones.
• Filtros, paginación y selección por categoría, para catálogos largos de proyectos.
• Personalización por página y por entrada de portafolio, de equipo y de blog.

El blog tiene dos disposiciones, Listed y Center, pensadas para contar trabajos, noticias y novedades.

Cómo se arma cada página de Ibuki

• Secciones a pantalla completa, a todo el ancho o normales, con fondo de color, imagen o vídeo, y control de opacidad de la capa sobre el vídeo.
• Cabeceras normal, fija, adhesiva, adhesiva transparente y laterales a izquierda o derecha, abiertas o no, en ancho completo o normal.
• Visual Composer en una versión ligeramente modificada, para construir páginas con muchos atajos.
• Revolution Slider para carruseles adaptables a todo el ancho o a pantalla completa.
• Clases de visibilidad para mostrar u ocultar contenido según el dispositivo, sobre la rejilla de Bootstrap, con versión para móvil y tableta y ajuste para pantallas Retina.

La tienda: estilos propios sobre WooCommerce

Ibuki aporta estilos propios para la cuadrícula principal de la tienda y para las páginas de producto, con tres formatos: a todo el ancho, o con barra lateral a la izquierda o a la derecha. El comercio en sí, con carrito, pagos y envíos, es WooCommerce.

Entre sus funciones de tienda no hay lista de deseos, comparador ni vista rápida. Y entre sus disposiciones no hay un vínculo automático entre una obra del portafolio y su producto: ese paso lo creas tú.

La forma directa es añadir un botón hacia el producto en cada entrada de portafolio con el constructor, y una sección con trabajos relacionados en la página del producto. Es una combinación nuestra, así que pruébala con una sola obra antes de repetirla en todas.

Importar Ibuki y montar tu primera página

Para vender hace falta WooCommerce; para varios idiomas, un plugin como WPML. El tema trae archivos .po y .mo para traducirlo. Los pasos para arrancar:

1. Instala Ibuki y activa el tema hijo de base que incluye si vas a tocar código.
2. Importa el archivo XML con el contenido de la demostración.
3. Sustituye los huecos de imagen: las fotos con derechos de autor no vienen en esa importación.
4. Crea tu portada con el constructor y elige una cabecera en el panel de opciones.
5. Activa WooCommerce y define si la tienda va a todo el ancho o con barra lateral.

Hay documentación y una lista de tutoriales en vídeo de YouTube para seguir cada parte.

Si tu proyecto pesa más hacia el diseño o hacia la venta

Uncode va dirigido a diseñadores, estudios y agencias, con más de cincuenta conceptos, una versión adaptada de WPBakery y tienda con WooCommerce. Salient también es creativo y multiusos, con siete estilos de portafolio y tienda con carrito instantáneo y galería con lupa.

Si vender es lo principal y el portafolio queda en segundo plano, WoodMart está construido como tema de tienda.

Ibuki para quien vende su obra

¿Sirve para un fotógrafo que vende copias?

Sirve para mostrar el trabajo y venderlo con WooCommerce. La unión entre cada foto y su producto se monta a mano.

¿Las imágenes de la demostración vienen incluidas?

No las que tienen derechos de autor. Esos espacios tendrás que llenarlos con material propio.

¿Qué constructor usa?

Una versión ligeramente modificada de Visual Composer. Si algún día cambias de tema, revisa cómo quedan esas páginas antes de migrar.

¿Se puede traducir?

Sí. Trae archivos .po y .mo y funciona con plugins multilingües como WPML.