Campos personalizados en WordPress con ACF: tutorial

Cuando empiezas a construir sitios más complejos en WordPress — un directorio, un catálogo, una sección de propiedades o de profesionales — te das cuenta de que las entradas y páginas normales se quedan cortas. Necesitas campos a medida: precio, ubicación, características, lo que tu proyecto requiera. Ahí entra Advanced Custom Fields. En este tutorial te muestro cómo crear campos personalizados en WordPress con ACF, el plugin gratuito que abre la puerta al contenido dinámico de verdad.

Este tutorial forma parte de una serie sobre cómo crear contenido totalmente personalizado combinando Custom Post Types (CPT), ACF y Divi. La idea es que puedas construir tipos de contenido distintos a las entradas y páginas estándar, con sus propios campos y su propio diseño. Vamos a centrarnos en la parte de ACF.

¿Qué es Advanced Custom Fields y para qué sirve?

Advanced Custom Fields (ACF) es un plugin que te permite añadir campos personalizados a cualquier contenido de WordPress: entradas, páginas, CPTs, usuarios, opciones del sitio. En lugar de meter toda la información en el editor de contenido, defines campos estructurados (texto, número, imagen, selector, repetidor) que luego puedes mostrar donde quieras con total control. Es la base para crear sitios con datos organizados y reutilizables. Si quieres dominar WordPress a este nivel, el Curso Completo de WordPress te da todo el contexto.

Paso 1: Instala Advanced Custom Fields

Ve a Plugins → Añadir nuevo, busca «Advanced Custom Fields», instálalo y actívalo. La versión gratuita cubre la gran mayoría de necesidades; la Pro añade campos avanzados como el repetidor y el contenido flexible. Para empezar, la versión gratuita es más que suficiente. Una vez activo, aparecerá un nuevo menú «ACF» en tu panel.

Consejo: antes de crear campos, planifica qué información necesita tu tipo de contenido. Hacer un esquema en papel de los campos (nombre, tipo, si es obligatorio) te ahorra rehacer trabajo después. Un buen diseño de campos desde el inicio hace que todo el sitio sea más mantenible.

Paso 2: Crea un grupo de campos

En ACF → Grupos de campos → Añadir nuevo, creas un grupo que agrupa los campos relacionados. Por ejemplo, para un CPT de «Propiedades» podrías crear un grupo «Datos de la propiedad» con campos como precio, metros cuadrados, habitaciones, ubicación. Cada campo tiene un nombre, un tipo (texto, número, imagen, selección, etc.) y opciones de configuración.

🎓 ¿Quieres construir sitios WordPress avanzados con contenido dinámico?
En uxdivi.com/cursos tenemos el Curso Completo de WordPress donde cubrimos ACF, Custom Post Types, contenido dinámico y todo lo necesario para construir sitios profesionales. Accede como suscriptor y domina WordPress de verdad.

Paso 3: Define dónde se muestran los campos

Cada grupo de campos tiene reglas de ubicación que determinan dónde aparece: en un tipo de contenido específico, en una plantilla de página, según una categoría, etc. Aquí conectas tus campos con el CPT o el tipo de contenido donde los necesitas. Por ejemplo, los campos de «Datos de la propiedad» se mostrarían solo al editar contenido del CPT «Propiedades». Esto mantiene el panel ordenado: cada tipo de contenido ve solo sus campos.

Paso 4: Rellena y muestra los campos

Una vez configurado, al editar el contenido verás los campos personalizados listos para rellenar. Lo siguiente es mostrarlos en el frontend. Con Divi, puedes usar el contenido dinámico del Theme Builder para insertar los valores de los campos ACF en tu diseño, o usar las funciones de ACF en una plantilla. Así construyes una plantilla que muestra automáticamente los datos de cada elemento del CPT, con el diseño que tú definas. Esta combinación de ACF + Divi es muy potente, y la llevamos más lejos en el tutorial de registro de propiedades CPT desde el front-end con ACF y Divi.

Consejo: ACF brilla cuando se combina con Custom Post Types. Si todavía no sabes crear un CPT, revisa el tutorial de crear un Custom Post Type sin plugins. La combinación CPT + ACF + Divi es la base para construir directorios, catálogos y cualquier sitio con datos estructurados.

Casos de uso de los campos personalizados

Los campos personalizados con ACF son la base de muchos proyectos: directorios de empresas o profesionales (con sus datos de contacto y categorías), portales inmobiliarios (con características de cada propiedad), catálogos de productos no comerciales, fichas de equipo, sistemas de reseñas, y mucho más. Cualquier sitio donde necesites mostrar información estructurada y repetible se beneficia de ACF. Es una de esas herramientas que, una vez que la dominas, cambia por completo lo que puedes construir con WordPress.

Preguntas frecuentes sobre campos personalizados con ACF

¿ACF es gratis?

La versión gratuita de Advanced Custom Fields cubre la mayoría de necesidades, incluyendo los tipos de campo más comunes. La versión Pro añade campos avanzados como el repetidor, el contenido flexible y la galería. Para empezar, la gratuita es suficiente.

¿Necesito saber programar para usar ACF?

Para crear y rellenar los campos, no. Para mostrarlos en el frontend, con Divi puedes hacerlo de forma visual usando el contenido dinámico del Theme Builder, sin código. Si quieres mostrarlos en plantillas personalizadas, ahí sí ayuda algo de PHP, pero no es indispensable con Divi.

¿ACF funciona con Divi?

Sí, muy bien. Divi puede leer los campos de ACF a través de su sistema de contenido dinámico, lo que te permite insertar los valores de los campos en cualquier módulo de tu diseño. Es una combinación muy usada para sitios con contenido estructurado.

¿Los campos personalizados afectan el rendimiento?

ACF está bien optimizado y su impacto en el rendimiento es mínimo en uso normal. Como con cualquier plugin, si abusas de campos muy pesados o consultas complejas, conviene medir, pero para casos normales no es un problema.

Conclusión

Advanced Custom Fields es la herramienta que lleva WordPress más allá de las entradas y páginas estándar, permitiéndote crear contenido estructurado y a medida. Con ACF defines los campos que tu proyecto necesita, decides dónde aparecen, y los muestras en el frontend con el diseño de Divi. Combinado con Custom Post Types, es la base para construir directorios, catálogos y cualquier sitio con datos organizados. Domina ACF y multiplicarás lo que puedes hacer con WordPress.

🎓 ¿Quieres construir sitios WordPress complejos y a medida?
En uxdivi.com/cursos tienes el Curso Completo de WordPress donde dominas ACF, Custom Post Types, contenido dinámico y todo lo necesario para construir proyectos profesionales. Accede como suscriptor y lleva tus sitios al siguiente nivel.