Implementación sin código: Publicación de hermosas páginas de exhibición de productos con el tema Blocksy

Si utiliza el WordPress Estoy construyendo un sitio web y quiero crear una página de presentación de productos que sea atractiva y funcional, pero no sé escribir código.Blocksy Un tema es la herramienta adecuada para este trabajo. En este artículo te presentamos el tema Blocksy paso a paso para ayudarte a completar rápidamente la creación de tu página de escaparate de productos.

Imagen [1] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy

?Por qué Blocksy?

Imagen [2] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy

Blocksy es un tema de WordPress gratuito, ligero y personalizable. Es similar a Gutenberg editores o constructores de páginas como Elementor funcionan bien juntos. Con Blocksy, esto es posible:

  • Personalizar la estructura y el dise?o de las páginas
Imagen [3] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy
  • Colocación de embalajes interiores de ancho completo o de casete
Imagen [4] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy
  • A?ada módulos para imágenes de productos, perfiles, precios, etc.
Imagen [5] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy
  • Mostrar información de varios productos mediante el estilo de tarjeta

II. Trabajos preparatorios

Antes de empezar, realice las siguientes acciones:

1. Instalar y activar el tema Blocksy
Vaya a Backstage → Apariencia → Temas → A?adir tema → Busque "Blocksy", haga clic en Instalar y actívelo.

Imagen [6] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy

2. Instale el complemento Blocksy Companion
Después de la instalación se le pedirá que active el plugin Blocksy Companion, haga clic para confirmar. Este plugin proporciona módulos adicionales y plantillas de página.

Imagen [7] - Creación de una página de presentación de productos sin código: guía de uso de Blocksy

3. Preparación de los materiales del producto
de antemanoFotos del producto, título, precio, características, etc. para una rápida edición posterior.

En tercer lugar, la nueva página de presentación de productos

  • Crear nueva página
    Backend → Página → Nueva → Introduzca un nombre de página, como "Escaparate de productos".
Imagen [8] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy
  • establecerPlantillas de páginaDise?o de ancho completo
    En la columna Ajustes de la parte derecha de la página, seleccione la plantilla como "Blocksy - Página de ancho completo".
Imagen [9] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy
  • A?adir contenido de pantalla

Se recomienda el editor Gutenberg:

  • Inserción de módulos "columna", por ejemplo, estructuras de dos o tres columnas
Imagen [10] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy
  • A?ada una imagen, un título, un texto introductorio y un botón como "Comprar ahora" en cada columna.

También es posible utilizar el módulo "Medios y texto" para conseguir una presentación claramente estructurada de gráficos y texto uno al lado del otro.

Imagen [11] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy

O elige Blocksy's Sitios de inicio Función de plantilla:

  • Ir a Blocksy → Sitios de inicio
Imagen [12] - Creación de páginas de presentación de productos sin código: Guía de uso de Blocksy
  • Elija una plantilla de sitio de demostración con un escaparate de productos (por ejemplo, "Tienda" o "Negocio").
  • Importe con un clic y modifique directamente su contenido
Imagen [13] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy

IV. Ajustar los detalles de estilo

  • Modificar la combinación de colores y los tipos de letra
    Vaya a Apariencia → Personalizar → Colores y fuentes para configurar parámetros como el color de fondo, el color de los botones, el estilo del texto, etc.
Imagen [14] - Creación de páginas de presentación de productos sin código: Guía de uso de Blocksy
  • Habilitar las esquinas redondeadas de la imagen y los efectos de sombra
    Los ajustes de estilo del bloque permiten activar las esquinas redondeadas y las sombras de tarjeta para las imágenes, con el fin de que la página resulte más agradable estéticamente.
Imagen [15] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy
  • Adaptación de las páginas a diversos dispositivos
    Blocksy tienereceptivoFunciones de dise?o, sin ajustes adicionales, las páginas se adaptan a teléfonos móviles y tabletas y otros terminales.

V. Publicación de páginas y gestión de menús

Una vez completado el dise?o, haz clic en el botón Publicar en la esquina superior derecha de la página. A continuación, ve a Apariencia → Menú y a?ade la página al sitio principal.menú de navegaciónLos visitantes pueden consultar fácilmente la información sobre los productos.

Imagen [16] - Creación de páginas de presentación de productos sin código: Guía de uso de Blocksy

VI. Resumen

Blocksy El tema facilita a cualquier usuario de WordPress la creación de una página de escaparate de productos. Desde la elección de una plantilla, la adición de contenido para ajustar el estilo, no requiere ninguna habilidad de desarrollo, sólo una simple operación se puede completar. Ya se trate de mostrar un solo producto o información de múltiples productos, se puede lograr un nivel profesional de efecto visual.

Abra el backend ahora y cree su propia página de escaparate de productos con Blocksy.


Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
? Declaración de reproducción
Este artículo ha sido escrito por lmx
EL FIN
Si le gusta, apóyela.
felicitaciones153 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios