En la novena lección del curso de Advanced Custom Fields vamos a ver cómo este plugin se integra con herramientas de terceros para mostrar de forma sencilla los campos personalizados.
En esta lección veremos un par de ejemplos de integración de Advanced Custom Fields con recursos de terceros. Usaremos los ejemplos vistos en lecciones anteriores y veremos cómo mostrar de una forma bastante sencilla los campos personalizados en el frontal de nuestra web.
En esta lección nos centraremos en dos de las alternativas más comunes y extendidas, Divi y Elementor. Ambos plugins, en su versión pro, están adaptados y preparados para mostrar los campos personalizados de Advanced Custom Fields.
Cómo hemos visto en esta lección podemos ampliar la forma de visualizar los campos personalizados que hemos creado con Advanced Custom Fields para poder integrarlos de forma sencilla con herramientas o soluciones de terceros como Divi o Elementor.
Lo primero que hemos visto ha sido la integración con Elementor, versión PRO. Lo primero que haremos es crear una plantilla de página desde el creador de plantillas de Elementor y le asignaremos un tipo de contenido a relacionar, en nuestro caso "single post".
Al crear la plantilla cuando creemos los diferentes bloques de contenidos y en aquellos que queramos que aparezca la información previamente introducida con Advanced Custom Fields le diremos que la fuente de datos es "Etiquetas dinámicas" y elegiremos la opción de "ACF Field", una vez elegido esto podremos elegir el campo personalizado a ver en ese elemento.
Para el caso de Divi es ligeramente similar, para crear la plantilla nos iremos al Generador de temas y crearemos una sección dentro de la parte de "cuerpo" para en esta introducir el diseño o maquetación que deseemos. Cuando queramos mostrar el campo personalizado deberemos ir a la zona de fuente de datos o cuerpo de ese bloque y cambiar la información estática de esta por “Usar contenido dinámico”, y le asociaremos el campo de Advanced Custom Field pertinente.
En la siguiente y última lección haremos un repaso genérico a todo lo visto durante este curso a modo de resumen y sobre todo de repaso de conceptos finales.
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
0 Commentaires