Receta: Configuración de Ajustes Globales con Páginas de Opciones | Field Forge - Campos personalizados, diseñados para la velocidad
Descargar Iniciar sesión

Receta: Configuración de Ajustes Globales con Páginas de Opciones

Las Páginas de Opciones son pantallas de administración dedicadas para gestionar datos que no están vinculados a ninguna publicación o página específica — información de contacto de la empresa, enlaces a redes sociales, texto del pie de página, interruptores globales y más. Esta receta guía a través de la configuración completa.

Paso 1: Decidir Cómo se Registrará la Página de Opciones

Field Forge admite tres rutas de registro — elige la que mejor se adapte al flujo de trabajo:

  1. Interfaz de Administración (recomendado, sin código) — ve a Field Forge > Páginas de Opciones, haz clic en Añadir Nueva Página de Opciones, completa el Título de la Página, Slug del Menú, Capacidad, Página Padre, Icono, Posición. Guarda. El elemento del menú aparece en la barra lateral de administración de WordPress de inmediato. Puedes editar, eliminar suavemente o restaurar la página desde la misma lista. La fila de la página vive en la tabla wp_fieldforge_options_pages.
  2. Registro automático desde un grupo de campos (opción más simple en un solo paso) — da al grupo de campos una regla de ubicación de Página de Opciones y Field Forge crea automáticamente un elemento de menú con el título del grupo como la etiqueta del menú. Sin código, sin registro de página separado. La página es de solo lectura en la lista de Páginas de Opciones — cambia el título del grupo de campos para renombrar el elemento del menú.
  3. Registrar explícitamente a través de PHP (cuando el registro debe enviarse con el tema) — inserta un fragmento en el functions.php de tu tema:
php
add_action('init', function () {
    if (function_exists('fieldforge_add_options_page')) {
        fieldforge_add_options_page([
            'page_title' => 'Site Settings',
            'menu_title' => 'Site Settings',
            'menu_slug'  => 'site-settings',  // matches the location rule below
            'icon_url'   => 'dashicons-admin-settings',
            'capability' => 'manage_options',
            'position'   => 80,
        ]);
    }
});

El shim acf_add_options_page() también está disponible para el código del tema que migra desde ACF Pro.

Paso 2: Añadir Grupos de Campos

Crea uno o más grupos de campos que apunten a la Página de Opciones.

Grupo de Campos: Información de la Empresa
  1. Ve a Field Forge > Nuevo Grupo de Campos, titúlalo Información de la Empresa
  2. Añade un campo de Pestaña etiquetado General
  3. Añade estos campos:
CampoTipoAjustes
Nombre de la EmpresaTextoRequerido: Sí
LemaTextoMarcador de posición: “Tu lema de empresa”
LogoImagenFormato de Retorno: Array de Imagen, Instrucciones: “Sube un PNG transparente, 300×100 recomendado”
FaviconImagenInstrucciones: “32×32 o 64×64 píxeles”
Número de TeléfonoTextoMarcador de posición: “+1 (555) 000-0000”
Dirección de Correo ElectrónicoCorreo ElectrónicoMarcador de posición: “[email protected]
DirecciónÁrea de TextoFilas: 3
  1. Añade otro campo de Pestaña etiquetado Redes Sociales
  2. Añade estos campos:
CampoTipoAjustes
FacebookURLMarcador de posición: “https://facebook.com/yourcompany”
Twitter / XURLMarcador de posición: “https://x.com/yourcompany”
InstagramURLMarcador de posición: “https://instagram.com/yourcompany”
LinkedInURLMarcador de posición: “https://linkedin.com/company/yourcompany”
YouTubeURLMarcador de posición: “https://youtube.com/@yourcompany”
  1. Añade otro campo de Pestaña etiquetado Pie de Página
  2. Añade estos campos:
CampoTipoAjustes
Texto de CopyrightTextoPredeterminado: “(c) 2026 Nombre de la Empresa. Todos los derechos reservados.”
Logo del Pie de PáginaImagenInstrucciones: “Una versión más pequeña o invertida de tu logo”
Mostrar Inscripción al BoletínVerdadero/FalsoPredeterminado: Sí
Encabezado del BoletínTextoPredeterminado: “Suscríbete a nuestro boletín”, Condicional: Mostrar cuando Mostrar Inscripción al Boletín sea Sí
Subtexto del BoletínTextoPredeterminado: “Recibe actualizaciones en tu bandeja de entrada”
  1. Establece Reglas de Ubicación: La Página de Opciones es igual a Ajustes del Sitio
  2. Guarda el grupo de campos

Paso 3: Flujo de Trabajo del Gestor de Contenido

  1. Haz clic en Ajustes del Sitio en la barra lateral de administración
  2. Verás tres pestañas: General, Redes Sociales y Pie de Página
  3. Completa el nombre de la empresa, sube el logo e introduce los detalles de contacto en la pestaña General
  4. Cambia a Redes Sociales y pega las URL de tus perfiles sociales
  5. Cambia a Pie de Página y personaliza el texto de copyright y los ajustes del boletín
  6. Haz clic en Guardar Cambios (el botón está en la parte superior o inferior de la página)

Los cambios se aplican de inmediato en todo el sitio. Cada página del sitio que utilice estos valores se actualizará automáticamente.

Paso 4: Usar Datos de Opciones en Plantillas

Tu desarrollador accede a los datos de opciones utilizando el parámetro 'options':

  • get_field('company_name', 'options') en el encabezado
  • get_field('social_facebook', 'options') para iconos sociales
  • get_field('copyright_text', 'options') en el pie de página

Organizando con Sub-Páginas

Para sitios complejos, crea sub-páginas bajo la página de opciones principal:

  • Ajustes del Sitio (padre)
General — información de la empresa, logo, contacto

Redes Sociales — todos los enlaces a perfiles sociales

Apariencia — colores, fuentes, preferencias de diseño

Integraciones — ID de Google Analytics, código del widget de chat, scripts de terceros

Cada sub-página obtiene su propio grupo de campos. Esto mantiene cada pantalla de ajustes enfocada y fácil de navegar.

Consejos para Páginas de Opciones

  • Usa Pestañas dentro de los grupos de campos para organizar campos relacionados sin crear sub-páginas separadas para cada categoría
  • Establece valores predeterminados en los campos para que el sitio se vea correcto incluso antes de que se completen los ajustes
  • Añade campos de Mensaje con instrucciones como “Sube un logo PNG transparente de 300×100 píxeles para obtener los mejores resultados”
  • Usa Lógica Condicional para ocultar campos secundarios hasta que sean relevantes — por ejemplo, habilita Lógica Condicional en el campo Encabezado del Boletín y establece la regla “Mostrar Inscripción al Boletín es igual a Sí” para que el encabezado solo aparezca cuando el interruptor esté activado. Hay once operadores disponibles (igual, contiene, regex, vacío, comparaciones numéricas), y las reglas encadenadas se aplican automáticamente.
  • Mantenlo simple — solo coloca datos aquí que realmente necesiten ser globales. Los datos por página pertenecen a grupos de campos regulares adjuntos a publicaciones o páginas específicas

Asistente de IA de Forge En línea

¡Hola! Soy el asistente de IA de Field Forge. Pregúntame lo que quieras sobre el plugin — configuración, funciones, resolución de problemas o desarrollo.

Ahora mismo
Con la tecnología de Forge AI · Explorar documentación