Cómo decorar y tipografiar eficazmente los temas de BoxShop: una guía completa (04)

¡Bienvenido a este tutorial! Hoy vamos a sumergirnos en cómo decorar y maquetar el tema BoxShop, que es un tema de WordPress potente y flexible. A diferencia de temas anteriores, esta vez nos centraremos en cómo editar y configurar el tema en el backend utilizando WPBakery Page Builder. En esta guía, desglosaremos cada paso en detalle para ayudarte a comprender rápidamente cómo gestionar y personalizar de forma eficiente tu tema BoxShop para que tu sitio web sea más atractivo y funcional.

Pasos: backend del sitio web → páginas → Inicio → WPBakery Page Builder.

Primero busque páginas y después busque INICIO, de la siguiente manera

¡De acuerdo con las diferentes plantillas, el nombre de la página de inicio será diferente, por favor identifique la página de inicio (casa), esta es la página de inicio está configurado, por lo general configurar, si no, para ir a otro lugar para ajustarlo!

Haga clic en Editar para entrar, como arriba

A continuación, vamos a obtener una interfaz de este tipo, de hecho, es también WPBakery Page Builder editor para editar, antes de Basilea tema es también WPBakery Page Builder editor, pero que es el editor visual front-end, y esto sólo es compatible con la edición de back-end, es necesario mantener la configuración en el back-end, y luego ir a la parte delantera para ver los resultados, por lo que habrá Ventajas y desventajas, la ventaja es que el front-end y back-end están separados, no habrá resultados causados por el mal uso, la desventaja es que no se puede ver el efecto directo de másBasilea Tema WPBakery Page Builder EditorPuede consultarse a través del enlace

Manos a la obra.

Esta es la parte de atrás.

Efecto frontal correspondiente

Configurar la imagen correspondiente, la imagen es muy simple, se explicará en detalle aquí, usted puede ir a ver elBasilea Tema WPBakery Page Builder EditorEl contenido es claro, o puede traducirlo para hacerlo comprensible.

Este es un módulo para productos con múltiples opciones, si necesita añadir opciones entonces necesita añadir Pestañas, seleccione el signo + para añadir, o el signo + después de la opción para añadir

Seleccione la nueva opción para añadir un módulo de producto

¡Sección (parte) aquí para establecer el nombre de la nueva opción, por favor asegúrese de que el siguiente id cada grado no es el mismo, de lo contrario no será capaz de llevar a la imposibilidad de saltar!

El efecto se materializa de la siguiente manera

Pasos: backend del sitio web → páginas → Inicio → Banner TS.2

¡banner es también la imagen, se puede entender como un banner, esto no es nada que decir, pero sólo prestar atención a un punto, el tamaño de la imagen para ser coherente, de lo contrario se ve torcida, puede utilizar algunas herramientas de imagen para recortar a una especificación uniforme!

Como se muestra arriba, esto se ve mejor, pero, por supuesto, la visualización es diferente para diferentes pantallas, la imagen de arriba es el monitor

A continuación se muestra la pantalla del ordenador portátil, tendrá que hacer una compensación, ya que es adaptable

Ajustes, principalmente los enlaces de salto para las imágenes están configurados muy bien

Aquí hay un efecto táctil del ratón, es tocar la imagen, que de acuerdo a la situación real para ajustar el

En cuanto a los módulos de producto, como se muestra más arriba

¡Elija un buen nombre del producto, puede escribir el nombre en el módulo de producto, también puede cuando el grado de añadir un título o texto para escribir el nombre, en la selección de la clasificación de productos, si usted no elige, la pantalla por defecto de todos los productos, la clasificación automática, y luego es el estilo de la pantalla del producto, así como algunos de los contenidos y detalles de la pantalla, puede de acuerdo a la traducción!

En cuanto a blogs y vídeos también es bastante fácil. Como en la imagen de arriba

Pasos: Backend → pages → Home → Blog TS

¡Blog si no desea mostrar una clasificación específica de los artículos del blog, no marque, su defecto está marcada, por lo que en la aparición del artículo por defecto eliminado, pero su nuevo blog no muestra, es decir, aquí se establece un problema!

Pasos: Backend → pages → Home → Reproductor de vídeo.

El vídeo insertado aquí tiene forma de enlace, no de shortcode incrustado, ¡así que búscalo!

¡Este es el tema viene con el módulo de suscripción, el siguiente gráfico, tiene varios estilos para elegir, pero por lo general elegir el valor predeterminado, más en línea con esta plantilla!

Sólo tienes que elegir el contenido y el estilo, también puedes añadir una imagen de fondo si lo necesitas, pero se recomienda que sea la predeterminada

resúmenes

Este es el final de este tutorial, esperamos que a través de esta explicación detallada, usted tiene una comprensión más clara de la decoración y el diseño del tema BoxShop y la capacidad de operar. En la próxima edición, vamos a seguir explorando cómo utilizar el tema BoxShop viene con características para personalizar la configuración, para crear un sitio web único que mejor se adapte a sus necesidades. ¡Gracias por su atención y nos vemos en el próximo número!