EXTENDIENDO DIVI. Extendiendo DIVI: ¿En qué casos nos puede interesar? Cualquier funcionalidad extra o desarrollo a medida que nos puedan solicitar. Por.

Presentación del tema: "EXTENDIENDO DIVI. Extendiendo DIVI: ¿En qué casos nos puede interesar? Cualquier funcionalidad extra o desarrollo a medida que nos puedan solicitar. Por."— Transcripción de la presentación:

1 EXTENDIENDO DIVI

2 Extendiendo DIVI: ¿En qué casos nos puede interesar? Cualquier funcionalidad extra o desarrollo a medida que nos puedan solicitar. Por ejemplo: Una aplicación web para cargar una serie de datos en un área privada en nuestro sitio, a partir de un fichero Excel Integrar una API de terceros para mostrar contenido externo en nuestra Web Crear nuevos templates o modificar los existentes Crear un custom post type para gestionar distribuidores: Administración en back-end, listado y buscador en front-end

3 Extendiendo DIVI: ¿Qué es un child theme? Un child theme o tema hijo en WordPress es un tema que modifica o extiende la funcionalidad de otro tema, llamado “tema padre”. El tema hijo hereda la funcionalidad completa y los estilos del tema padre, y te permite modificarlo o añadir nuevas funcionalidades de una manera inteligente sin tocar el código fuente del tema padre. Todo lo que añadamos o cambiemos en el tema hijo prevalece sobre el tema padre. Si mañana actualizamos el tema padre, no perderemos nuestro desarrollo ya que el tema hijo es un tema totalmente independiente

4 Extendiendo DIVI: Creando la carpeta del tema hijo Creamos la carpeta Divi-child en la carpeta themes

5 Extendiendo DIVI: El archivo style.css

6 Extendiendo DIVI: Registramos nuestro CPT en functions.php

7 Extendiendo DIVI: Creamos custom fields con ACF

8 Extendiendo DIVI: Nos damos de alta en Google Developers y obtenemos una KEY

9 Extendiendo DIVI: Creamos un shortcode Mediante un shortcode haremos las consultas a nuestro CPT y pintaremos nuestros datos. Filtraremos los datos en caso de haber realizado una búsqueda Usaremos shortcodes de DIVI para montar nuestros datos con las ‘columnas’ de DIVI https://github.com/kary4/divituts/wiki/How-to- copy-divi-page-builder-shortcodes https://github.com/kary4/divituts/wiki/How-to- copy-divi-page-builder-shortcodes

10 Extendiendo DIVI: Creamos un template para el detalle Creamos una plantilla llamada single-punto-de- venta.php a partir del single.php del tema padre, y la personalizamos según nuestras necesidades

11 Extendiendo DIVI: Así queda nuestro child theme Finalmente nuestro child theme consta de: