Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducción a los campos personalizados en WordPress con ACF

42 views

Published on

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.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Introducción a los campos personalizados en WordPress con ACF

  1. 1. Introducción a los campos personalizados en WordPress con ACFpor JuanKa Díaz
  2. 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. 3. • https://www.dariobf.com/podcast/ • Podcast sobre diseño y desarrollo web en WordPress • Zona Crítica Post Type Podcast
  4. 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.
  5. 5. “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
  6. 6. Unidad mínima de información ≠ Editor
  7. 7. 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
  8. 8. Campos Personalizados Estructura de datos Datos inter operables Libertad en maquetación Extender la funcionalidad
  9. 9. 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
  10. 10. 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…
  11. 11. https://developer.wordpress.org/plugins/metadata/custom-meta-boxes/
  12. 12. https://www.advancedcustomfields.com/
  13. 13. https://www.advancedcustomfields.com/
  14. 14. Directorio de coches automáticos #2 Situación actual: Detectada oportunidad Idea: Noticias Directorio Filtro/Comparador Monetización: Leads Anuncios Caso de uso:
  15. 15. 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)
  16. 16. 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
  17. 17. #2
  18. 18. https://www.advancedcustomfields.com/resources/acf_add_options_sub_page/
  19. 19. DEMO TIME!
  20. 20. 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
  21. 21. 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…”
  22. 22. ¡Muchas gracias!

×