Para configurar Advanced Custom Fields (ACF) en tu sitio de WordPress paso a paso, sigue estos pasos:

1. Instalar y Activar el Plugin ACF

• Ve a tu panel de administración de WordPress.
• Dirígete a Plugins > Añadir nuevo.
• Busca Advanced Custom Fields en la barra de búsqueda.
• Haz clic en Instalar ahora y luego en Activar.

2. Crear un Grupo de Campos

ACF permite agregar campos personalizados a diferentes tipos de contenido (entradas, páginas, productos, etc.). Para crear un grupo de campos:

• Ve a Campos personalizados en el menú de administración de WordPress.
• Haz clic en Añadir nuevo para crear un grupo de campos.
• Ingresa un título para el grupo de campos (por ejemplo, “Campos personalizados para Entradas”).
• En la sección Campos, haz clic en Añadir campo.

3. Añadir Campos al Grupo

Aquí puedes agregar diferentes tipos de campos, tales como texto, imágenes, selección, entre otros. Para ello:

• Nombre del campo: Es el nombre que usarás para referenciar el campo en tu código.
• Tipo de campo: Selecciona el tipo de campo que deseas (texto, imagen, selección, etc.).
• Instrucciones: Puedes añadir instrucciones para que los usuarios sepan qué deben ingresar.
• Configura las opciones adicionales del campo según el tipo de campo elegido (por ejemplo, para un campo de imagen, puedes especificar el tamaño máximo, etc.).

4. Configurar la Ubicación del Grupo de Campos

ACF te permite asignar los campos a diferentes tipos de contenido. Esto lo puedes configurar en la sección Ubicación:

• Elige la opción que se ajuste a tus necesidades, como:
  • Mostrar este grupo de campos si: Página, Entrada, Categoría, etc.
  • Post Type: Esto te permite elegir si los campos aparecerán en entradas, páginas, productos, etc.
• Puedes configurar reglas más específicas si es necesario, como que solo aparezca en ciertas categorías o plantillas de página.

5. Publicar el Grupo de Campos

Una vez que hayas configurado los campos y su ubicación:

• Haz clic en Publicar para guardar el grupo de campos.

6. Mostrar los Campos en el Frontend

Para que los campos creados con ACF se muestren en el frontend de tu sitio, deberás editar los archivos de tu tema y añadir código PHP donde quieras que aparezcan los campos. Aquí te muestro un ejemplo:

• Para mostrar el valor de un campo de texto:

  <?php the_field('nombre_del_campo'); ?>
  

• Para mostrar el valor de un campo de imagen:

  <?php
  $image = get_field('nombre_del_campo');
  if ($image) {
      echo '<img src="' . $image['url'] . '" alt="' . $image['alt'] . '" />';
  }
  ?>
  

• Si el campo tiene un valor booleano (checkbox, sí/no), puedes usar algo como:

  <?php if (get_field('nombre_del_campo')): ?>
      <p>El campo está activado</p>
  <?php else: ?>
      <p>El campo está desactivado</p>
  <?php endif; ?>
  

7. Editar los Valores de los Campos

Una vez que hayas asignado el grupo de campos a las páginas, entradas, o productos, podrás ver y editar estos campos cuando edites el contenido:

• Dirígete a la página, entrada o producto correspondiente.
• En la sección de Campos personalizados (generalmente debajo del editor de contenido), verás los campos que creaste.
• Ingresa los valores necesarios y guarda los cambios.

8. Personalización y Funcionalidades Avanzadas

ACF también te permite crear relaciones entre diferentes tipos de contenido, agregar campos repetibles, campos condicionales, entre otros. Puedes explorar más funcionalidades avanzadas en la documentación oficial de ACF.

Con estos pasos, tendrás ACF configurado y funcionando en tu sitio de WordPress.