El Personalizador del tema no carga
He creado un nuevo tema y lo uso en algunos de mis sitios (multisitio), pero en uno de los sitios la vista previa del personalizador no carga (el spinner nunca se detiene). La carga de la vista previa del personalizador funciona con otros temas, solo mi tema no funciona.
No hay ningún error en la consola de las herramientas de desarrollo de Chrome.
Así que intenté algunas cosas...
- renombré el tema (carpeta y dentro del style.css)
- eliminé TODOS los archivos para que solo quedara un index.php vacío y un style.css, que solo contiene el comentario necesario
Pero no carga, nuevamente, solo en uno de mis multisitios.
¿Cómo puedo depurar esto? ¿Alguna idea?

Si el personalizador (vista previa en vivo) no funciona o no carga y no se muestra nada, prueba estos pasos:
- ¿Tienes redirecciones en el sitio problemático (verifica dos veces y asegúrate, podría haber una redirección personalizada codificada en tus plugins/códigos)?
- Mientras el círculo de carga sigue apareciendo, cambia cualquier opción en el personalizador y haz clic en "GUARDAR Y PUBLICAR" para ver si un simple cambio hace que el sitio reaparezca.
- Intenta desactivar los plugins.
- ¿Tienes algún comando personalizado como
EXIT/ DIE/ VAR_DUMP/ ECHO/ SETCOOKIE/
programado en archivos .php principales que puedan detener la carga del sitio si no se cumplen ciertas condiciones? (por ejemplo, yo tuve un problema similar causado por mí: es decir,IF (isset($_COOKIE["blabla"])) exit;
) - Intenta instalar un nuevo WordPress con una URL diferente y, primero, instala solo el tema y verifica. Luego importa todo y vuelve a verificar... observa si hay alguna diferencia.

Asegúrate también de que los estilos del tema padre se carguen antes que los del tema hijo. Coloca esto en el archivo "functions.php" de tu tema hijo y comprueba si ayuda:
// Vacía todos los búferes de salida en PHP:
remove_action('shutdown', 'wp_ob_end_flush_all', 1);
// Asegurando que el tema hijo tenga una versión independiente y pueda romper cachés: http://wordpress.stackexchange.com/a/182023/30783
// Filtro get_stylesheet_uri() para devolver la hoja de estilos del tema padre
add_filter('stylesheet_uri', 'use_parent_theme_stylesheet');
// Encolar scripts y estilos de este tema (después del tema padre)
add_action('wp_enqueue_scripts', 'my_theme_styles', 20);
function use_parent_theme_stylesheet()
{
// Usar la hoja de estilos del tema padre
return get_template_directory_uri() . '/style.css';
}
function my_theme_styles()
{
$themeVersion = wp_get_theme()->get('Version') . rand();
// Encolar nuestro style.css con nuestra propia versión
wp_enqueue_style('child-theme-style', get_stylesheet_directory_uri() . '/style.css',
array(), $themeVersion);
}

Tenía un personalizador que funcionaba bien en IE pero no en Chrome (aparecía en blanco en Chrome). Esto es lo que solucionó el problema para mí.
Para aclarar, el personalizador de WordPress estaba completamente en blanco en el lado derecho (pero solo en Chrome). Había un error (en la consola) sobre rechazar la carga del contenido del IFrame debido a la violación de la "Directiva de Política de Seguridad de Contenido: 'frame-ancestors self'".
La solución fue agregar otro punto a mi dominio de desarrollo.
Es decir, tenía un nombre de dominio local de desarrollo con un solo punto - http://foo_online.local y estaba obteniendo este problema. Después de cambiar a http://foo.online.local el problema desapareció.
(No olvides actualizar tu Dirección de WordPress (URL) y Dirección del sitio (URL) en Ajustes Generales del Escritorio después de cambiar el nombre de tu dominio).
Por si sirve de algo, intenté establecer una cabecera explícita de "Política de Seguridad de Contenido" (que configuras en los ajustes de tu servidor web) pero no pude encontrar una configuración que dejara satisfecho a Chrome. Espero que esto ayude.
