Divi: Insertar un módulo dentro de un módulo

por | Ago 28, 2019 | Desarrollo Web | 0 Comentarios

Divi es un tema excelente, de hecho, es el único tema que utilizo para realizar mis proyectos.

Pero aunque es excelente no es perfecto y uno de las "patas cojas" que tiene Divi es que el contenido que podemos o no insertar dentro de un módulo.

Es decir, no es posible utilizar un módulo dentro de un módulo en Divi o si?

Este tutorial es precisamente para que podamos hacer eso y lo bueno es que sumamente sencillo dado la estructura que tiene el tema.

Antes de empezar quiero darle crédito a Fabrice Esquirol por realizar el original de este tutorial que yo estoy básicamente traduciendo. Puedes ver los dos tutoriales originales Aquí y Aquí.

Ok, ahora si, manos a la obra.

Hay dos formas de realizar esta increíble hazaña: una muy fácil y una menos fácil.

Método 1 - Muy Fácil: Un plugin

El sistema desarrollado por Fabrice consiste en crear un shortcode del una plantilla realizada con Divi.

Con plantilla me refiero por supuesto, a cualquier objeto guardado en la Librería de Divi.

Para ello ha desarrollado un plugin gratuito llamado Simple Divi Shortcode y lo que hace es que nos permite, a través de un shortcode ingresar un módulo dentro de otro módulo.

El shortcode que genera el plugin es:

[showmodule id=""]

Para utilizarlo, hacemos lo siguiente:

1- Instalamos y activamos el plugin.

2- Identificar el elemento de la librería que queremos insertar con el shortcode: para esto simplemente debemos pasar el ratón por encima del elemento para que en la barra de abajo nos aparezca. También podemos verlo en la url de la barra de búsqueda si estamos editando el módulo.

Divi Módulo dentro de un Módulo 1

3- Insertar el valor del elemento en el shortcode:

[showmodule id="536"]

4- Insertar el shortcode donde queremos que se vea:

Divi Módulo dentro de un Módulo 2

De esta forma podemos insertar módulos de Divi dentro de otro módulos, agregando un grado adicional de profundidad a lo que podemos lograr con el tema.

Método 2 - Menos Fácil: Un Snippet PHP

Si no somos fans de los plugins, podemos simplemente insertar el siguiente snippet php en nuestro functions.php.

//Shortcode to show the module
function showmodule_shortcode($moduleid) {
extract(shortcode_atts(array('id' =>'*'),$moduleid)); 
return do_shortcode('

Divi: Insertar un módulo dentro de un módulo

Ago 28, 2019Desarrollo Web0 Comentarios

'); } add_shortcode('showmodule', 'showmodule_shortcode');

Y lo implementamos de la misma forma que como si fuese el plugin.

  1. Identificamos el ID del elemento de la librería.
  2. Insertamos el valor en el shortcode.
  3. Insertamos el shortcode en el módulo donde queremos que aparezca.

Sencillo.

Espero que este tutorial te haya sido de utilidad.


Optimismo

Es una newsletter semanal con contenido propio y curado sobre productividad, diseño, negocios, mentalidad, marketing y la vida misma desde una perspectiva, bueno, optimista.

You have Successfully Subscribed!

Pin It on Pinterest

Share This