Este artículo comparte otro tema antiguo que se utiliza a menudo al crear sitios web independientes transfronterizos: Divi.

Si ha utilizado este tema para crear un sitio web independiente utilizando WordPress, mucha gente lo conoce y su rango de uso es muy amplio. Entonces, este artículo explicará la instalación y el uso de este tema para todos según el tema Divi.

1 Introducción al tema Divi

 

Introducción al tema Divi:

En primer lugar, echemos un vistazo al tema Divi. La característica más importante del tema Divi es que tiene su propio sistema. Este sistema no sólo significa que tiene su propio creador de páginas, sino que también tiene un centro comercial, con muchos desarrolladores que continuarán desarrollando nuevos temas o módulos complementarios para este tema.

Podemos encontrar su mercado aquí en la parte inferior. Podemos ver que hay un mercado aquí. Aquí podemos ver que proporciona muchos temas, algunos complementos y algunos módulos de extensión, todos los cuales tienen ventas claras. El precio es alto y su volumen de ventas es relativamente alto, por lo que es una plataforma de venta de temas independiente similar a Themeforest.

2 Mercado temático Divi

Por supuesto, todos sus estilos de plantilla o módulos se desarrollan en base al sistema Divi, por lo que en lugar de decir que Divi es un tema, más exactamente, ahora puede ser un sistema. Por supuesto, no importa cuán poderoso sea este sistema, todavía depende de WordPress.

Módulo de tema Divi:

Además de la versión gratuita de Divi, la versión gratuita contiene más de 200 módulos, más de 2000 marcos y algunos estilos de plantilla para diversas industrias, como tiendas o empresas, tob. Entonces, este conjunto de temas está dirigido a varios grupos de personas. Por ejemplo, el primer tipo son los desarrolladores de páginas, que puedes utilizar. También hay algunos dueños de tiendas. Por supuesto, también puedes construir un centro comercial. También hay algunos autónomos. Cualquiera puede usarlo.

3 características de las ventajas del tema Divi

Además, echemos un vistazo a sus productos. El primero es Divi. Instalaremos el tema Divi más tarde. El segundo tiene su propio creador de páginas, Divi Builder.

El tercero tiene muchos temas ampliados, así como algunos complementos de correo electrónico o complementos para compartir en redes sociales. Este es parte del contenido de este tema. Por supuesto, este tema es relativamente rápido porque generalmente tiene el suyo propio. La capacidad de código del tema del creador de páginas es muy consistente con su tema, por lo que no es necesario tener tanto código redundante en este momento y será relativamente más rápido.

Algunas de sus ventajas también se discutirán a continuación. Lo más importante es que puedes crear cualquier página de estilo que desees sin una sola línea de código.

Instalación del tema Divi:

Esto es lo que sabemos sobre este tema. Hemos preparado su paquete de instalación en el escritorio de la computadora. También puede descargar este archivo directamente desde el sitio web de Xuedian. También continuaremos actualizando la versión aquí.

La primera que vemos es la plantilla principal de Divi, que actualmente es la 4.23. Esta plantilla también contiene muchos estilos y puedes importar diferentes páginas.

4 Instalador de temas Divi e1713510060726

Por supuesto, hemos preparado un código de activación de la versión PRO para todos. Puede vincular directamente a la plantilla oficial e importarla a través del código de activación. Si el código de activación falla, entonces solo necesita usar la plantilla de diseño aquí. Además, también cuenta con algunos complementos, que continuaremos actualizando en esta carpeta en el futuro. Todos pueden usarlos y también hay un paquete chino.

Configuración del tema Divi:

A continuación, ingresamos a nuestro backend, buscamos nuestro tema, lo instalamos, cargamos y seleccionamos el programa principal de Divi que hemos preparado, y hacemos clic para abrir e instalar. Una vez que el tema se haya instalado correctamente, lo activamos directamente. Una vez que la instalación sea exitosa, habrá un botón Divi en el botón de función a nuestra izquierda; hacemos clic para abrirlo.

5 Botón de configuración del tema Divi

Aquí podemos ver que esta es una configuración del tema Divi. Los elementos de configuración aquí son completos, incluido el logotipo de nuestro sitio y algunos colores que puede ajustar. También agrega funciones de optimización del rendimiento, por lo que no es necesario instalar complementos de rendimiento.

6 configuraciones básicas del tema Divi e1713510155589

Por supuesto, también tiene su propia área de encabezado y creador de páginas. Cuando presentamos Divi anteriormente, le dijimos que viene con su propio creador de páginas y que si usa este tema Divi, entonces este creador de páginas no necesita instalar este complemento por separado. Está integrado en este tema, incluidos algunos diseños. También puedes agregar algunas imágenes a tu sitio como anuncios, e incluso puedes usar un complemento de SEO. No es necesario instalarlo porque puede configurar diferentes TDK y algunas integraciones para diferentes páginas.

7 Modo de actualización del tema Divi

El otro es su módulo de actualización, que tiene dos funciones. La primera es si su tema se puede actualizar en línea si lo actualiza más tarde. La segunda es que cuando quieras importar su plantilla, debes usar, por supuesto, su clave API. Estos dos datos se han proporcionado en nuestro paquete temático. Puede ingresar estos dos datos directamente en esta ubicación. Una vez completada la entrada, guárdela.

El segundo módulo es la construcción de su tema. Esto es lo mismo que usamos antes. Avada Es muy parecido. Se puede utilizar para diferentes plantillas de página. Puede configurar el área del encabezado, el área del cuerpo y el área del pie de página por separado. Hablaremos de ello en detalle más adelante cuando lo usemos.

8 configuraciones de diseño de página del tema Divi e1713510290478

El tercero también tiene algunas configuraciones de personalización del tema. Las configuraciones de personalización son básicas. Puede modificar el icono de nuestro sitio y el color de fondo de la fuente.

9 configuraciones de personalización del tema Divi e1713510363444

El otro es su encabezado, que te explicaremos más adelante. Lo que queremos explicar aquí es que una vez que instales este tema exitosamente, puedes actualizar tu sitio y verás que viene con un encabezado. Sí, sólo puede modificar el contenido del encabezado. No puedes crear múltiples encabezados. Ésta es su limitación. En cuanto al resto del contenido de la página, se puede modificar a voluntad.

Por lo tanto, si desea modificar la parte del encabezado de este menú, debe instalar otros complementos. Por ejemplo, vemos que hay un súper menú Divi. Solo puede modificar este menú si instala dicho complemento, por lo que esto también es parte del sistema y, por supuesto, hay algunas otras funciones.

Importación de demostración del tema Divi:

Como de costumbre, cuando usamos un tema empresarial, primero debemos importar sus datos de demostración porque el tema Divi tiene muchos datos de demostración, pero los datos de demostración que contiene, por ejemplo, podemos ver estos módulos de la tienda que elijamos. También podemos abrir una página y ver el efecto. Hagamos una vista previa. OK, después de abrirla, encontramos esta página muy hermosa. Puedes editar y modificar todo el contenido de esta página, incluida la parte superior. El logo del contenido en el menú y nuestro ícono se pueden modificar.

10 datos de demostración del tema Divi

Bueno, el estilo del tema de Divi no es como el de nuestras otras plantillas de temas. Puedes importarlo con un solo clic. Sólo se puede importar en una página. Por ejemplo, si necesita hacer una demostración de la página de inicio del sitio, solo necesita importar el módulo de la página de inicio. Luego, debes importar otras páginas una por una. Esto se utiliza principalmente con su creador de páginas y el creador de páginas de Divibuilder. Así que ahora vamos directamente a nuestra página de accesorios. En los accesorios podemos crear una página de inicio.

Después de ingresar a la página, primero le escribimos un título. Por ejemplo, creamos una página de inicio y luego la guardamos primero. Por supuesto, también puede realizar algunas selecciones en la plantilla, que no se proporcionan aquí. Hay demasiadas plantillas y luego las publicamos directamente.

11 página de creación de página de wordpress

Después de la publicación, primero obtengamos una vista previa de esta página. Por supuesto, no hay nada al respecto. A excepción de un menú superior y un módulo en la parte inferior, aquí tendremos donde elegir. El primero es utilizar Divi. Editor, el segundo es usar la configuración predeterminada.

Editor de páginas Divi:

Por supuesto, aquí debemos usar el editor Divi, por lo que hace clic en Divi Builder y accederá directamente al asistente de páginas. Hay tres canales para agregar contenido a nuestra página. La primera es simplemente crear un nuevo módulo, que proporciona el contenido en un creador de páginas que puedes editar a voluntad.

12 métodos de creación de contenido del tema Divi

La segunda es seleccionar una página de diseño que haya guardado antes, pero si no la ha guardado antes, por supuesto, no estará allí. El tercero es importar algunas de sus plantillas oficiales. Usaremos el tercero directamente aquí, luego haremos clic para seleccionar y luego ingresaremos el primero de sus plantillas oficiales donde podemos importarlo.

Por ejemplo, si queremos crear una tienda, revisamos la tienda online y luego buscamos un estilo que nos guste. Si elegimos este estilo, podemos hacer clic para abrirlo primero y luego obtener una vista previa para ver si se ajusta a nuestras necesidades. Si es así, lo importaremos.

13 Importación de datos de demostración del tema Divi

Así que aquí puedes seleccionar esta página. Por ejemplo, si desea importar la página de inicio principal, seleccione la página de inicio y luego elija el diseño, y él comenzará a ayudarnos a importar esta página.

14 Proceso de importación de datos de demostración del tema Divi e1713510615544

Una vez que la importación sea exitosa, la guardaremos. Ahora vamos a nuestra página de inicio para actualizar. Vemos que se ha importado toda la página. Por supuesto, esta es la plantilla que seleccionamos, así que si te gusta la pantalla panorámica, puedes encontrar una. Aquí sólo le estamos dando una demostración. Luego, puede mostrar esta página como su página de inicio. Pero ahora ingresamos el nombre de dominio para actualizarlo. La página de inicio es un blog porque lo creamos nosotros. Aún no hemos agregado esta página a nuestra página de inicio. En la configuración predeterminada de WordPress, hay una lectura en la configuración. En la lectura, seleccionamos una página, seleccionamos inicio y luego la guardamos.

15 Configurar la página de importación como página de inicio e1713510657894

Ahora, actualicemos nuestro sitio y la página de inicio se convertirá en la página que acabamos de importar. Como sólo importa una página de inicio, las otras páginas se importan exactamente de la misma manera. Bueno, volvamos primero a nuestro backend. Después de volver al fondo, podemos crear una página similar y luego importar una página de consumo usando la misma plantilla.

Esta plantilla sólo se puede utilizar de esta manera. Cada página se importa por separado. Se trata de la instalación del tema Divi y cómo importar sus datos.