Saltar al contenido
Closer Marketing
SEO

Instalación y funciones de este tema de WordPress

Desde hace un tiempo, los constructores visuales han cambiado la forma de crear sitios web con WordPress. Diseñar con herramientas WYSIWYG ahora es más fácil que nunca (lo que ve es lo que obtiene).

Entre todo lo que ha surgido en los últimos años, uno se ilumina a sí mismo. dos Quizás El tema de WordPress multipropósito más famoso del mundo

¿Qué es Divi y cuáles son sus propiedades?

Divi es un tema de WordPress Nacido en 2013 por Elegant Themes. En ese momento, la empresa vendía alrededor de 80 temas diferentes (revistas, empresas, blogs, etc.) y era conocida en el mundo de WordPress por su calidad.

Nick Roach, CEO de Elegant Themes, fue más allá y dirigió el proyecto Divi, el primer tema de WordPress con muchas funciones. Tu propio constructor visual

Este constructor le muestra la posibilidad de utilizar herramientas innovadoras para crear contenido y estructuras funcionales en las páginas de su sitio. Arrastra secciones, filas, columnas y módulos

Lienzo Divi

Divi también ofrece un control bastante completo sobre el área del encabezado (logotipo y navegación), así como algunos elementos más pequeños como menús, redes sociales y formularios de contacto.

Antes de eso, Divi se centró en cada usuario Sin conocer el código probabilidad Diseño y maquetación de tu página sin restricciones

El caso es que lo hizo. Desde la primera versión, las posibilidades han sido enormes y en el pasado no han parado de crecer y mejorar.

El éxito de taquilla es que ET se ha centrado desde entonces en desarrollar Divi. En los últimos años, solo lanzaron una canción hermana llamada Extra. Este tema es un giro en Divi dirigido a sitios web estilo revista.

Durante su desarrollo hubo algunos puntos de inflexión, como la versión 2.4 con la biblioteca de plantillas Divi, 2.7 con el sistema de prueba Divi a / b. inmediato O la versión 3, con un generador visual en la portada.

Si necesito resaltar una fecha más importante, es octubre de 2015. Justo en ese momento se publicó esto. Generador de particionesUn constructor visual en forma de complemento que le permite utilizar las herramientas Divi en cualquier otro tema de WordPress. Hablaré de esta herramienta nuevamente más tarde.

Diez años después de su creación, Elegant Themes tiene más de 70 empleados, 500,000 clientes, 5 complementos comerciales y el tema de WordPress más popular, Divi.

¿Cuál es la razón por la que Divi se ha convertido en el tema multipropósito más popular del mundo?

Estructura de contenido súper flexible

Una de las mejores cosas de Always with Divi es Sistema estructural completo Ofrece.

Con el tiempo, las columnas variables y los anchos flexibles, las columnas anidadas y los subtramas combinados amplían las posibilidades para que pueda cubrir casi cualquier cuadrícula que necesite construir.

Por ejemplo, usar el relleno y los márgenes visualmente (Relleno y Márgenes en CSS) es un placer.

columnas

Cualquiera puede usar docenas de módulos y funciones.

El generador Divi es el más 46 módulos de contenido En el momento de escribir este artículo, cubren más que las necesidades más comunes que se encuentran al desarrollar un sitio web.

Por ejemplo, tiene: reproductores de video y audio, botones, acordeones, controles deslizantes (subtítulos), carteras, folletos, contadores de tiras o círculos, formularios de suscripción y contacto, bibliotecas de imágenes, herramientas de búsqueda, llamadas a la acción, recomendaciones, botones de redes sociales. … Es simplemente increíble.

Dos módulos

Diseño de portada visual en tiempo real

En general, el flujo de trabajo típico de diseño de páginas de WordPress se divide en:

  1. Realiza ajustes o cambios en su panel de WordPress.
  2. Puede comprobar los cambios realizados en el front-end (parte visible de la red) a través de la vista previa.
  3. Si le gustan los cambios, puede actualizar desde el backend donde se guarda la nueva versión.

Puede definir esto como una experiencia algo fragmentada.

Con Divi puedes trabajar directamente con el front-end Vea en tiempo real cómo cada decisión afecta a toda la página.Si tiene éxito, puede guardar la nueva versión desde allí.

Cubierta inferior

El módulo se muestra en la forma en que funciona. Si es un formulario, una galería o un botón, lo que ves cuando editas no es un módulo o una vista de código abreviado.

Los filtros y las transformaciones recién agregadas (gran característica) hacen que las posibilidades de modificación visual sean infinitas.

Para los usuarios de la versión anterior de Divi, será más conveniente (más rápido) continuar usando la vista de módulo sobre la vista de estructura alámbrica de bloque. Esto es especialmente útil al comienzo de la fase de diseño y todavía está disponible en la interfaz de usuario.

Marco de alambre Divi-Vista

Acceso rápido, fácil acceso a todos los detalles de configuración

Si no está de acuerdo con Divi, sus menús y submenús se han vuelto muy complejos y detallados. Incluso los usuarios experimentados a veces pueden tener dificultades para encontrar el lugar exacto para administrar y cambiar ciertos aspectos de un diseño.

Con funciones adicionales Acceso rapido Divi ha agregado pequeños íconos de resorte que se superponen al módulo que está editando para que cuando haga clic en este ícono se muestre exactamente en el configurador del módulo. La parte que afecta a ese elemento en particular.

El Personalizador de WordPress ha estado ofreciendo funciones muy similares durante algún tiempo.

Divi acceso rápido

Plantillas y elementos globales para la optimización de la producción

A nadie le gusta un trabajo repetitivo. ¿Te imaginas necesitar cambiar la configuración de módulos que están en 10 URL diferentes? ¿O volver a crear la misma estructura visual para varias páginas de su sitio web?

A Deevee tampoco le gustó, así que ofrece la opción Guardar plantilla de página o configuración de módulo Y reutilícelos tantas veces como sea necesario.

También puedes crear Módulo global Si cambian, se actualizarán cada vez que los use. Por ejemplo, si cometió un error en el texto de un botón que se utiliza en todas las páginas de su sitio web, basta con hacer una corrección en una de las páginas.

Como si esto no fuera suficiente, puedes Utilice plantillas creadas por otrosHay una biblioteca oficial operada por Elegant Themes, pero puede usar cualquiera de ellos. De hecho, existe un mercado muy poderoso para las plantillas de pago listas para usar que prosperan en torno a esta función.

Algunos de los repositorios comerciales más populares son: dividendo, Mercado elegante Oh Esquema de partición

Respuesta de división del trabajo

Divi personaliza los diseños que haces por ti crear, en todos los dispositivos, si no le gusta el enfoque, puede Agregue diseños únicos a computadoras de escritorio, teléfonos móviles o tabletas

Puede definir la apariencia de cada módulo e incluso eliminarlo de ciertas versiones.

Por ejemplo, puede eliminar el control deslizante de la versión móvil, lo que no tiene mucho sentido. Diseño de dispositivo individualPerfectamente optimizado.

Editor de funciones simbólicas

Si usted es diseñador, desarrollador, desarrollador, gerente de tienda o dirige un equipo de blogs, le encantará esta función. Divi integra un editor que lo hace posible Determinar las funciones disponibles para cada rol de usuario

Por ejemplo, puede decidir que los autores de blogs no deben mover, agregar o eliminar módulos para evitar cambiar accidentalmente el diseño de una publicación prediseñada.

Si usted es un servicio de WordPress y alguna vez ha recibido llamadas de clientes que están preocupados por la violación del diseño de su sitio web, definitivamente apreciará esta función.

Utilice Divi Leads para pruebas A / B

Una de las características poco conocidas de Divi es su capacidad Hacer pruebas multivariadas No es necesario instalar herramientas adicionales.

Esta función se llama Jefe del departamento de Te permite crear distintas versiones de páginas o módulos para evaluar cuál de los dos ofrece mejor rendimiento: más ventas, más formularios, más tiempo, etc.

Tan pronto como se determina la versión más rentable, el experimento se interrumpe y la versión ganadora permanece.

Las pruebas A / B son uno de los mejores métodos. Lidiar con la experiencia del usuario webAlgo que incluso puede tener un efecto positivo en el posicionamiento de tu buscador.

línea divisoria

Completamente traducido al español

La comunidad de WordPress es muy activa y los temas más populares del repositorio oficial están traducidos al español. Sin embargo, Divi no es un repositorio, por lo que su traducción es independiente de la comunidad organizada de voluntarios.

Sin embargo, el elegante tema llamó la atención. Divi está perfectamente traducido al español Y otros 31 idiomas.

Tenga en cuenta que puede utilizar el tema en español, pero el soporte y todos los documentos técnicos solo están disponibles en inglés.

Soporte de calidad

experiencia en Equipo de soporte de Divi Estoy muy satisfecho. Elegant Themes ha hecho un esfuerzo en los últimos años para mejorar significativamente esta parte del servicio.

No olvide que Divi es GPL, lo que significa que cualquiera puede proporcionarle una copia del tema y usted puede usarlo fácilmente. Divi Payment Service le proporciona actualizaciones automáticas del sistema y soporte técnico (en inglés).

Las actualizaciones automáticas son un beneficio muy interesante. Divi es un tema que se actualiza con mucha frecuencia, si no es un parche de seguridad, es una característica nueva. En el foro de soporte, están felices de atender las consultas de los usuarios y, por lo general, agregan las funciones más necesarias.

¿Vale la pena pagar por la asistencia? Sí, sin duda son muy buenos, este es uno de los pocos accesorios que conozco. Servicio individual

Si necesita hacer ajustes de CSS para cambiar algo que Divi no permite a través del menú, obtendrá un código que puede usar como CSS adicional en el personalizador de WordPress.

Puede encontrar cientos de sitios web en Internet. Fragmentos de código en muchos aspectos de Divi. cambio¿Sabes de dónde son muchos de ellos? Del equipo de soporte de Elegant Themes, de hecho.

Divi Builder: maquilladora visual

Como dije anteriormente, Divi Builder se lanzó en 2015. Diseño de Visual Divi, pero en un formato de complemento separado

Este complemento permite Utilice la mayoría de las funciones de paginación de Divi En (posiblemente) cualquier tema de WordPress. Obviamente, está perdiendo contenido que es administrado directamente por el tema: navegación, encabezado, pie de página y barra lateral o barra lateral. piezas pequeñas

Además, Divi Builder le brinda todas las características del diseño visual de Divi: secciones regulares y especiales, múltiples filas y múltiples columnas, y 46 módulos que se asemejan a temas avanzados.

¿Cuáles son los mejores temas para Divi Builder? Bueno, la gente de Elegant Themes no recomienda temas específicos, recomiendan temas personales. No he encontrado ninguno de los problemas serios más populares.

El mayor obstáculo a este respecto es la posibilidad de que el ancho del contenido no sea el más adecuado para Divi, o que no pueda elegir si mostrar la barra lateral o un área de widgets que podría estar molestando.

Divi-Builder-GeneratePress

Un tema muy adecuado para usar con este diseño visual es Crear mensajesLas diversas posibilidades de la configuración visual (describí las más convincentes en el enlace anterior) hacen que la experiencia del usuario al combinar estas dos herramientas sea muy satisfactoria.

GeneratePress es muy flexible en cuanto a la estructura de la página (incluso en la versión gratuita) y permite a Divi Builder mostrar toda su belleza.

Desarrollo y publicación de complementos Generador de particiones Responde a una solicitud de un usuario a largo plazo.

Esta demanda no solo proviene de los usuarios que desean utilizar sus habilidades como diseñadores de diseño para otros temas. También es causado por diseñadores que no quieren rehacer su trabajo cambiando el tema y creadores que han caído en la trampa de Divis Features.

Me refiero al terrible efecto de bloqueo.

Efecto divi y bloqueante

Desde su popularidad, uno de los aspectos más criticados de Divi ha sido su efecto de bloqueo.

Como resultado, cuando construyes un sitio web con Divi, de alguna manera Estás atrapado en su contraseñaSi necesita cambiar de tema, en lugar de hermosos diseños originales, encontrará muchos códigos cortos y no deseados.

Bloqueo de partición

Lo que ves en la captura de pantalla anterior Si cambia a cualquier otro tema, lo que se mostrará en la página creada con el tema Divi.. ¿no da miedo?

Surge el problema: extrae todo lo que quieras conservar de la base de datos y borra tu propio código Divi no deseado. En la mayoría de los casos, el trabajo es demasiado difícil para ser práctico.

¿Existe una solución Divi? A medio hornear no será particularmente ligero, pero algunas precauciones pueden minimizar el daño. Para hacer esto, siga estos dos consejos:

1. Nunca use Divi para publicar sus publicaciones.En cualquier sitio web, suelen representar la mayor parte del contenido. De esta manera, siempre se mostrarán como predefinidos en el nuevo tema.

Un cambio de tema casi siempre se asocia con un cambio en el diseño de la página (contenido de la empresa más estático), pero rara vez afecta a las publicaciones. Si no usa Divi para crear estos mensajes, habrá muchos menos problemas. De hecho, será como cualquier cambio en el tema general.

2. Cuando no hay otra opción Instale el complemento Divi Builder si cambia el temaNo importa a qué tema cambie, todo su contenido es visible nuevamente durante el diseño.

Tenga en cuenta que si no utiliza Divi Builder para contenido futuro, el rendimiento de su sitio web puede verse afectado. He visto casos en sitios web en los que Divi Builder y Elementor se ejecutaban en paralelo … dramáticos.

¿Dónde puedo conseguir Divi? ¿comprar?

A pesar de que Segmentario Gas de petróleo licuado No podrá encontrarlo en el repositorio oficial de WordPress, este es un tema empresarial (avanzado) Solo se puede comprar en el sitio web de Elegant Themes.

Algunos equipos de desarrollo han lanzado versiones limitadas o reducidas de sus temas en la versión gratuita, pero Divi no.

Para comprar Divi, visite el sitio web Tema elegante Y decida qué tipo de licencia es mejor para usted:

  • Certificado anual: $ 89 / año. Si solo necesita Divi para su sitio web y no tiene que «casarse» con Divi de por vida, esta es la elección perfecta. También puede ser una buena opción de salida si eres un desarrollador que busca probar Divi.
  • Licencia perpetua: Pago único de $ 249. Perfecto para desarrolladores de WordPress y expertos en Divi.

Tema elegante Algunos descuentos suelen estar diseñados anual. Por ejemplo, el Black Friday se lanzaron ofertas muy tentadoras, un buen momento para pasar de las vacaciones anuales a la licencia vitalicia o Prueba Divi a un precio más económico

Tú lo notarás La licencia no solo otorga acceso a Divi, sino también acceso a cualquier diseño de tema elegante.: Hoy hay más de 80 temas (se actualizarán por razones de seguridad) y 5 complementos.

Muchos de estos temas están desactualizados, pero todavía hay algunos temas que son completamente utilizables. AdicionalmentePor supuesto que es divertido, a mí personalmente me encanta, pero también son increíbles. Enlace, De despedida Oh Agrietado

En términos de complementos, además de Divi Builder, también puedes usarlo monarca (Uno de los mejores complementos de botones de redes sociales) y florecer (Reciba una suscripción por correo electrónico).

Además de descargar y actualizar automáticamente temas y complementos, estas dos licencias también le otorgan Acceso a foros de soporte y chat de soporte

El primero tiene una base de datos extensa y puede resolver casi cualquier problema que pueda encontrar. Los mensajes más recientes son respondidos por otros usuarios como usted y agentes de soporte que no estaban en el chat.

El segundo chat de soporte es una forma directa para que un técnico lo atienda dentro de un tiempo de espera típico de hasta 24 horas.

Si recibió Divi para realizar pruebas de una manera «no oficial», tenga cuidado. Muy a menudo encontrarás que Copiar con código cambiado Hacer cosas raras en su sitio web es muy arriesgado. Como cualquier otro software muy popular, Divi es perfecto para los ciberdelincuentes.

Ese Demostración en línea de Divi Puede utilizar de forma segura el diseñador de diseño visual para experimentos en el sitio web oficial.

Instalación paso a paso de Divi en WordPress

Una vez que haya completado el pago de la licencia elegida, se le dará acceso a su cuenta personal desde la cual Puede descargar cualquier producto de Elegant ThemesPor supuesto, Divi es uno de ellos.

Zona temática Divi-Elegant para participantes

Al hacer clic en el botón Descargar, el archivo de diseño comprimido se descargará a su computadora.

Ven a ti ahora Panel de WordPress> Apariencia> Temas Luego presione el botón Agregar nuevo

Ahora presiona Subir un tema Y seleccione el archivo comprimido que descargó de su computadora desde la cuenta personal de Elegant Themes.

Después de cargar positivo Tu nuevo tema.

Felicitaciones, ya eres otro usuario de Divi.

Si tu prefieres Mira como hacerloEl siguiente video proporciona configuraciones básicas posteriores a la instalación y una introducción al creador de diseño visual.

Cómo crear subtemas en Divi paso a paso

Si sigues este blog lo descubrirás Siempre se recomienda utilizar subtemas o subtemas en WordPress.De esta manera, estos cambios no se perderán si recibe una actualización del tema, si cambia una plantilla, un functions.php o una hoja de estilo Divi de la página.

Si solo agrega CSS a través de un campo CSS adicional en el personalizador de WordPress, no tiene que crear un tema secundario. Pero nadie sabe lo que necesitará en un futuro próximo, y los temas infantiles siempre cubren todas las situaciones.

Puedes seguir Guía de Raiola para la creación de temas infantiles Descargar (manualmente o mediante un complemento) o directamente Este tema hijo de Divi Lo preparé especialmente para la ocasión.

Divi y otros complementos

Como no podía ser de otra manera, el equipo de desarrollo de Divi puso a disposición deliberadamente Máxima compatibilidad de su tema con los complementos más populares

De hecho, el módulo Divi se creó para agregar código y códigos cortos, que son la herramienta principal utilizada por muchos complementos de contenido.

Divi + WooCommerce

Divi-WooCommerce

WooCommerce Ese Los complementos de comercio electrónico más utilizados en el ecosistema de WordPress… Elegant Themes comprueba todas las actualizaciones de complementos para evitar incompatibilidades (en algunos casos se han producido).

En el módulo Divi encontrará un módulo especialmente desarrollado para WooCommerce llamado tienda (Compra en inglés).

Divi-woocommerce

Este modulo Le permite agregar una sección con productos específicos para su tienda– Recientemente a la venta, seleccionados a dedo, más vendidos, mejor valorados u ordenados por categoría. Puede definir el número de productos, columnas y pedidos que se muestran.

La pestaña Diseño personalizado afecta el color, la fuente, el tamaño, el color de superposición, la sombra, el filtro, etc. de la etiqueta minorista.

Como puede ver, este es un módulo muy útil que puede incorporar contenido de la tienda en cualquier página de su sitio web, no solo en las generadas automáticamente por WooCommerce.

Por otro lado, uno de los requisitos más comunes para el equipo de desarrollo de Divi siempre ha sido la capacidad: Edite visualmente la estructura de la tabla de productos.

Lamento que todavía no haya una solución oficial a este problema, y El constructor Divi solo es adecuado para contenido en una descripción larga.

Lamentablemente, sobre todo si se tiene en cuenta que Elementor (uno de los principales competidores de Divi) ha permitido su uso en su versión Pro.

A pesar de esto, Hay soluciones de otros desarrolladores., Por ejemplo Constructor de WooCommerce… este complemento agrega 20 nuevos módulos de WooCommerce a Divi Y un paquete completo de shortcode que puede utilizar para crear tablas de productos personalizadas.

Este es un complemento Recomendado por Elegant Themes El sitio web tiene una tarifa de licencia anual de $ 29.

Divi multilingüe: Divi + WPML

Sección-wpml

Si su sitio web lo requiere Disponible en varios idiomas Necesita complementos multilingües.

Este tipo de complemento brinda a sus visitantes la posibilidad de ver su sitio web en diferentes idiomas a través del menú y mantener todo el contenido sincronizado.

WPML Esta es una de las soluciones más famosas de su tipo, aunque es un complemento con cierto nivel de complejidad, Divi es completamente comprensible… Tienes uno maravilloso en Rayola Guía de WPML Conocimiento profundo de sus propiedades.

El equipo de WPML publicó un video que muestra guía de inicio rápido Especialmente para Divi versión 3.

WPML es un complemento premium (los precios oscilan entre $ 29 y $ 79 por año, según sus necesidades), sin embargo Esta no es la única función multilingüe de DiviPaulie Lang Este es otro complemento de este tipo que puede descargar de forma gratuita desde el repositorio oficial para realizar pruebas.

Lo he usado en múltiples instalaciones de Divi porque los idiomas que usa son 32 idiomas disponibles en Divi por defecto, pueden trabajar juntos sin ningún problema.

Si no tienes que agregarlo Traducción local Por lo tanto, la línea de asunto no se muestra en inglés (el idioma predeterminado).

Complemento Divi en el almacén oficial

Divi-Repository-wp

El éxito de Divi ha marcado un objetivo para muchos desarrolladores. Dado que este es un tema avanzado, muchos de sus complementos se pagan.

Pero el repositorio oficial tiene Más de 300 extensiones gratuitas para Divi Con diferentes funciones y habilidades:

  • Nuevo modulo
  • Gran menu
  • Optimización de carga
  • Sin barreras
  • galería
  • Mesa ligera
  • Fotos de antes y después
  • muestra

finalmente

Cuando WordPress democratiza la publicación de contenido en la web, Los constructores visuales abren opciones de diseño innovadoras e ilimitadas Cualquiera que no tenga nada que ver con CSS.

¿Eso es una ventaja? Ciertamente. Hasta hace poco, todas estas personas estaban limitadas por el diseño estándar que les presentaba. El sujeto estaba disponible.

Sub-ejemplos

A pesar de esto Cuantas más habilidades, más responsabilidad (Como el tío Ben le dijo una vez a Spider-Man). Es importante comprender los efectos de usar Divi. comprenderY casi todos los demás creadores de diseño visual en términos de efecto de bloqueo y rendimiento que mencioné antes.

Estos son temas y complementos muy pesados ​​que afectan la velocidad de carga. Usarlos siempre significa algunos ajustes., De Organización Mundial de la Propiedad Intelectual, Equilibrio y equilibrio.

Teniendo esto en cuenta, el aspecto fundamental del rendimiento siempre será el uso de Servicios de alojamiento premium de WordPress (Divi consume muchos recursos).

Ya sea desarrollador o diseñador, Divi le permite Ponga en marcha su sitio web en menos tiempo Por lo tanto, el costo es menor. Esto puede ayudarlo a compararlo con clientes con requisitos especiales, como: B. la oportunidad de crear sus propios diseños en el futuro, para ser más competitivo.

Sin embargo, utilice Divi en sitios web corporativos, blogs o sitios web sencillos donde la velocidad de descarga y el rendimiento del servidor sean fundamentales. Esta puede ser una mala decisión que puede afectar el futuro del proyecto.

Es importante entender Divi es un gran producto Hay un regalo muy interesante, pero no es para todos los WordPress. Ésta no es la respuesta a todas las necesidades.

¿Qué te parece Divi? ¿gustar? ¿Usas esto en tus proyectos? Agradezco tu opinión sobre este maravilloso tema.