Advanced Custom Fields (ACF) es uno de los plugins imprescindibles para todo usuario, implementador y sobretodo desarrollador de WordPress. En esta charla vamos a ver la importancia de estructurar correctamente nuestra información mediante campos personalizados y porque es interesante que lo hagamos de esta forma, ya no solo para tener una correcta arquitectura de la información, sino para asegurarnos que nuestros contenidos y datos van a estar disponibles siempre y en un correcto formato. Mediante el plugin Advanced Custom Fields veremos de una forma sencilla y efectiva como poder llevar a cabo esto. ✅ Conocimientos que te llevarás al acabar la charla: Estructurar datos para sus contenidos. Datos inter operables y la importancia de estos.  JuanKa Díaz es Programador Front-End (programador de lo que se ve) y Jefe de Proyecto en su propio estudio de desarrollo web, jdevelopia. Amante de la armonía del código fuente y el diseño, con corazón programador y alma diseñadora. Programador y responsable de www.jdevelopia.com, www.wptarragona.com, www.joomlaes.org y las Meetups WordPress en Barcelona y WordPress en Tarragona. Speaker, podcaster, developer y sobretodo amante del software libre y su filosofía. 100% implicado con la comunidad de Software Libre así como ponente en múltiples eventos.

1. Introducción a los campos personalizados en
WordPress con ACFpor JuanKa Díaz

2. Programador Front-End (Programador de
lo que se ve) en jdevelopia.com
Especializado en WordPress y Joomla!
JoomlaES, WPTarragona & WPBarcelona
JuanKa Díaz
JuanKa Díaz - @jdevelopia

3. • https://www.dariobf.com/podcast/
• Podcast sobre diseño y desarrollo web en
WordPress
• Zona Crítica
Post Type Podcast

4. Disclaimer
El contenido de esta presentación representa única y
exclusivamente la opinión del presentador, no se pretende sentar
cátedra ni redactar un nuevo testamento con mandamientos
escritos sobre piedra, simplemente difundir opinión, experiencia y
recomendaciones que puedan servir tanto a principiantes, clientes
como a desarrolladores. Todas estas opiniones están totalmente
abiertas a discusión y debate.
Soy responsable de lo que digo, no de lo que cada uno interpreta.
No me puedo responsabilizar de códigos o recomendaciones que te
fallen en tu web.
En caso de duda, consulte con su PROGRAMADOR.

7. “Campos” (en termino informático)
En informática, un campo es un espacio de almacenamiento para un dato
en particular.
En las bases de datos, un campo es la mínima unidad de información a la
que se puede acceder; un campo o un conjunto de ellos forman un
registro. El registro a su vez amplía la información y esta asociado a una
entidad de datos. Aquel campo que posee un dato único para una
repetición de entidad, puede servir para la búsqueda de una entidad
específica.
En las hojas de cálculo los campos son llamados "celdas".
Wikipedia dixit

9. Unidad mínima de
información ≠ Editor

10. Unidad mínima de
información ≠ Editor!!!
Establecer una buena arquitectura de la información
Estructurar los datos
Evitar las dependencias innecesarias
Contenido exportable en csv
Independizar contenido y plantillas(layouts) = Extender funcionalidad

11. Campos
Personalizados
Estructura de datos
Datos inter operables
Libertad en maquetación
Extender la funcionalidad

13. Un poco de historia
2003, Mayo - Nacimiento de WordPress - Entradas (Posts)
2004, Mayo - Añaden funcionalidad de Campos Personalizados
2005, Febrero - WordPress 1.5 - Páginas
2010, Julio - WordPress 3.0 - Custom Post Types
2018, Diciembre - WordPress 5.0 - Gutenberg

15. Campos personalizados nativos Advanced Custom Fields Custom Meta Boxes
1 tipo de campo 35 tipos de campo Creamos los campos a medida
Inconsistencia de datos Total consistencia Total consistencia
0 control / validación Validaciones, controles, repeticiones, etc Los que consideremos crear
Funcionalidad nativa
Extiende la funcionalidad nativa. Dependencia
de un tercero. Capacidad de exportar código.
Api nativa. Mantenimiento del código es
nuestro
Entradas y páginas
Contenido dinámico, estático y página de
opciones
Contenido dinámico, estático y página de
opciones
*Pods, Toolset, etc…

18. https://developer.wordpress.org/plugins/metadata/custom-meta-boxes/

20. https://www.advancedcustomfields.com/

21. https://www.advancedcustomfields.com/

27. Directorio de
coches automáticos
#2
Situación actual:
Detectada oportunidad
Idea:
Noticias
Directorio
Filtro/Comparador
Monetización:
Leads
Anuncios
Caso de uso:

30. Nombre Título - nativo WP
Descripción corta Excerpt - nativo de WP
Contenido Editor WYSWG - (ACF)
Imagen destacada Imagen destacada - nativo WP
Marca Taxonomía - nativo de WP
Combustible Taxonomía - nativo de WP
Tipo de coche Desplegable (opciones definidas) - (ACF)
Modelo Campo libre de texto - (ACF)
Año del modelo Campo numérico (validación entero) - (ACF)
Tipo de cambio Campo libre de texto - (ACF)
Caballos de Vapor Campo numérico (validación entero) - (ACF)
Consumo medio en ciudad (unidad de medida litro) Campo numérico (validación entero) - (ACF)
Consumo medio en carretera ( u.m. litro) Campo numérico (validación entero) - (ACF)
PVP (u.m. €) Campo numérico (validación entero) - (ACF)
Galería de imágenes Campo dinámico para añadir imágenes - (ACF)
Coches relacionados Relación con otros coches - (ACF)
Ficha técnica / Catálogo oficial Fichero descargable - (ACF)
Enlaces de interés Enlaces externos de forma dinámica - (ACF)
Video Video de YouTube/Vimeo
Coches - Custom Post Type (entidad)

32. Plan de acción
#2
1.- Crear CPT Coches (entidad)
2.- Crear CTX Combustible
3.- Crear CTX Marca
4.- Campos asociados a Coche
5.- Crear página de opciones para el listado de
Coches
6.- Layouts independentes para archive, taxonomy,
single, etc…
6.- Ejemplo de página de opciones para el Theme

33. #2

38. https://www.advancedcustomfields.com/resources/acf_add_options_sub_page/

40. DEMO TIME!

41. Recomendaciones
· Exportar campos personalizados a código en PRODUCCIÓN
· Guardar configuración json, para modificaciones futuras
· Uso de Layouts independientes por entidad y vista
· Exportar a CSV periódicamente para revisar consistencia de datos
· WP = CMS = Libertad total de configuraciones desde el back-end

44. Pongamos un poco de mimo a nuestro código para que no lo vea otro y nos diga:
“…y después queremos ganar todos lo mismo…”

45. ¡Muchas gracias!