WordPress y Divi: ¡guía para empezar!

WordPress et Divi

WordPress y Divi: ¿una gran historia de amor?

El tema Divi de WordPress es un tema intuitivo y fácil de aprender. Sin embargo, es mucho más fácil de dominar cuando ya se tiene experiencia con WordPress.

Si eres completamente nuevo en el diseño de sitios web y has optado por este tema de WordPress, el blog Divi Tips te guiará a través del proceso de diseño.

Hoy en día, este blog está empezando a tener una gran cantidad de artículos, pueden ser consejos, explicaciones o simples tutoriales para lograr un alto nivel de personalización de su sitio o blog con Divi.

Sin embargo, es posible que no sepa por dónde empezar. Suele ocurrir cuando empezamos, leemos muchos artículos y nos damos cuenta, a menudo con retraso, de que deberíamos haber hecho esto o aquello antes, si lo hubiéramos sabido...

Esta guía para empezar con WordPress y Divi es precisamente eso.

Propongo una especie de metodología jerárquica para no dejar nada al azar.

Esta es la lista de elementos por orden de prioridad:

Los artículos esenciales para un buen comienzo:

 

  1. ¿Por qué elegir el tema Divi? ¿Cuáles son las ventajas de utilizar un tema premium cuando hay tantos temas gratuitos?
  2. ¿Cuánto cuesta el tema Divi? ¿Es tan caro? Te propongo una comparación de precios con otros temas y constructores de páginas de este tipo.
  3. ¿Ya tienes este tema? Descubra cómo instalar Divi en su sitio de WordPress.
  4. Antes de seguir adelante, si vas a personalizar Divi con código casero, sería bueno crear un tema hijo de Divi. Una vez hecho esto, estará listo para el siguiente paso. Si crees que no vas a necesitar hacer grandes cambios, este paso es opcional.
  5. Entonces verás que este tema se actualiza varias veces al mes. Te propongo que descubras rápidamente cómo actualizar Divi automáticamente o manualmente.
  6. ¿Cómo configurar Divi? Comenzamos con una serie de artículos para entender cómo configurar este tema: Ficha general | Ficha de navegación | Ficha del creador | Ficha de publicidad | Pestaña de diseño | Pestaña de integración y pestaña de actualizaciones | Ficha SEO. En estos artículos, que se actualizan periódicamente, se analizan todas las opciones del tema.

Artículos para descubrir Divi 4.0.x

 

  1. La versión 4.0 de Divi ofrece una nueva característica: la posibilidad de construir todo el diseño utilizando el Theme Builder. Lea este artículo para Entender las novedades de Divi 4.0.
  2. Este nuevo constructor de temas funciona un poco como el constructor visual pero se utiliza desde el back office en una versión visual. Descubra cómo funciona el constructor de temas Divi.
  3. Si quieres ahorrar tiempo, puedes simplemente importar plantillas de temas a tu sitio. Descubra cómo importar/exportar plantillas de temas Divi.

Los elementos esenciales para empezar con Divi :

 

  1. En primer lugar, es esencial entender que Divi y el Divi Builder son dos cosas diferentes. Te sugiero que averigües por qué no deben confundirse.
  2. Cómo funcionan Divi y el Constructor Divi. No siempre es fácil entender cómo crear una página con un constructor de páginas. Este artículo es una guía completa para principiantes. Lo ideal es leerlo para entender mejor su funcionamiento.
  3. Una vez que entiendas cómo funciona un constructor de páginas dentro de tus páginas de WordPress, te sugiero que descubras la lista completa de módulos Divi. Estos módulos están disponibles en el constructor de páginas cuando creas tus páginas. Es bueno conocer lo que el Constructor Divi puede ofrecer para planificar mejor su proyecto.
  4. Antes de lanzarse de cabeza a crear sus páginas, puede que quiera empezar por establecer la cabecera de su sitio Divi. Se trata de un elemento de diseño esencial al que hay que prestar la máxima atención.
  5. Además, tendrá que elegir un tipo de diseño. Divi le permite crear un "diseño de ancho completo" o crear un "diseño en caja. ¿Cuál será su preferencia?
  6. Para ahorrar tiempo, puedes crear fácilmente un diseño con un solo clic. Para ello, descubra cómo importar y exportar un diseño con Divi.

Artículos imprescindibles para inspirarse:

 

  1. ¿Ya tiene un sitio de WordPress y sólo quiere cambiar su tema? Aquí hay dos casos de estudio de un rediseño de sitio web con Divi: de Hungry to Divi y de BeTheme a Divi.
  2. Algunos ejemplos de sitios web de Coaching hecho con Divi.
  3. Algunos ejemplos de sitios de restaurantes hechos con Divi
  4. Algunos ejemplos de sitios de la Agencia Web hecho con Divi.
  5. Algunos ejemplos de sitios web para diseñadores gráficos y web hecho con Divi.
  6. ¿O sabe que puede utilizar diseños ya hechos que le ahorrarán mucho tiempo? El Divi Builder ofrece paquetes de diseño descargables en 1 clic.

Los artículos esenciales para añadir funcionalidad a tu tema Divi con :

 

  1. Descubre cómo abrir los iconos del pie de página de Divi en una nueva ventana de su navegador. Esto es importante si no quiere que el usuario abandone su sitio al primer clic.
  2. También puede añadir nuevos iconos al pie de página de su sitio webcomo el icono de Pinterest o Linkedin.
  3. También puede ser necesario añadir varias imágenes a la portada (destacar imágenes) dentro de sus artículos. Este artículo explica cómo hacerlo.
  4. Y si cada página de su sitio tenía un color diferente ? Esto es posible con un simple código CSS. No es muy complicado. También puede hacer lo mismo con las imágenes de fondo.
  5. Hablando de imágenes, también es posibleañadir una imagen a cada elemento del menú principal. Esto es lo que propone este tutorial.
  6. Si has añadido el plugin WooCommerce para convertir tu web en un sitio de comercio electrónico y te das cuenta de que algunos de los botones de tu tienda tienen un color que no te conviene, lee este artículo que te permitiráarmonizar los colores de su tienda con los de su identidad visual.

Los artículos esenciales para añadir funcionalidad a su tema Divi con extensiones:

 

  1. La mayoría de los plugins para Divi no son gratuitos, pero he investigado un poco y me gustaría sugerirte que descubras un lista de plugins gratuitos para Divi.
  2. ¿Quiere hacer que su sitio web sea multilingüe de forma fácil y rápida? ¿Está pensando en utilizar Polylang o WPML? Primero lee esto artículo sobre Weglot. Verás cómo he traducido mi blog Divi Tips en menos de 15 minutos.
  3. Sin embargo, si se trata de un traducción de calidad de Divi que buscas, puedes conseguir Divi en buen francés instalando esta extensión. Lea el artículo para ver cuáles son las diferencias.
  4. Descubra Bloom, un optin que permite recuperar direcciones de correo electrónico de sus lectores para almacenarlos en sus listas de correo. También verá cómo hacer que la extensión de Bloom sea compatible con el RGPD o cómo personalice sus ventanas emergentes.
  5. Usted quiere modificar Divi para que la barra lateral se fija cuando el usuario se desplaza hacia abajo ? Una sencilla extensión te permite hacerlo y te explico cómo usarla.
  6. ¿Sabías que hay un plugin que te permite hacer muchos cambios dentro de Divi sin tener que codificar nada? Divi Switch ofrece un montón de características en forma de opciones a marcar. Es un juego de niños.
  7. Si desea añada una biografía al final de sus artículos porque tu blog es "multiautor". Puedes hacerlo fácilmente con este plugin.
  8. Si desea enriquecer el tema Divi con nuevos iconosEsto es posible gracias a este pack de iconos gratuito que ofrece este plugin.
  9. Si quieres añadir un rastro de migas de pan a tus páginas y artículos, ¡puedes hacerlo! Sigue este tutorial que te explicará cómo añadir una miga de pan a Divi y dónde se puede colocar.
  10. También recuerda que es muy importante que tu sitio Divi cargue rápidamente. Puedes utilizar un plugin de caché para optimizar la carga de tus páginas, pero no es la única solución. Descubra cómo mejorar la velocidad de Divi.

Mi lista de recursos esenciales para Divi :

 

En primer lugar, no adquieras Divi de forma ilegal, podrías tener problemas más adelante. Su sitio podría estar corrupto o infectado. Sería una pena. Sólo hay un lugar para conseguir Divi: en la web oficial de ElegantThemes.

En segundo lugar, hay un montón de sitios que ofrecen herramientas o recursos (gratuitos y de pago) para mejorar su sitio con Divi. Yo mismo soy cliente de estos mercados:

 

Finalmente, el blog oficial de ElegantThemes tiene un montón de grandes tutoriales para ayudarle a mejorar o personalizar su sitio Divi. No dudes en hojearlo, encontrarás muchas pepitas. Sin embargo, todo está en inglés.

Si eres de los que sólo entienden el francés, Consejos de Divi ¡está ahí para eso!

Además, puede encontrar todos los artículos más recientes clasificados por temas:

Si no encuentra lo que busca, puede consultar la lista completa de mis artículos de la Página del mapa del sitio o contacta conmigo para enviar una idea de tutorial. Veré si puedo integrarlo en mi línea editorial.

Si tiene algún problema con Divi, póngase en contacto con el Soporte de ElegantThemes. Está ahí para corregir cualquier error que puedas encontrar si está estrechamente relacionado con el tema o el propio constructor de páginas. A el foro también está disponible.

Publicidad: esta página contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa. Esta asociación me permite seguir produciendo artículos de calidad que se investigan a fondo para ofrecerle lo mejor. Todo esto lleva mucho tiempo, supongo que lo sabes. La afiliación también me permite evitar la adición de molestos anuncios de banner y otras ventanas emergentes, como se ve a menudo en otros blogs. Quiero seguir ofreciendo un blog claro y no intrusivo. Gracias por tus ánimos.