Usando el Personalizador de WordPress en Javascript

He creado un control personalizado para el personalizador de WordPress y me gustaría configurar mi control dentro de un script (Instafeed.js), para cambiar el limit número.

Siguiendo esta respuesta, así es como lo hice hasta ahora.

<script type="text/javascript">  
          var userFeed = new Instafeed({
            get: '',
            tagName: '',
            clientId: '',
            limit: var imglimit = <?php echo json_encode($imglimit); ?>;,
            });
            userFeed.run();
</script>

Funciones

$wp_customize->add_setting(
        'imglimit',
        array(
            'default'      => '',
            'section'      => 'section',
));
$wp_customize->add_control('imglimit', array(
      'label'      => __('test'),
      'section'    => 'section',
      'settings'   => 'imglimit',
      'type'       => 'select',
      'choices'    => array(
        '5'   => '5',
        '10'  => '10',
        '20'  => '20',
      ),
));

function theme_customizer()
{
    $imglimit = get_theme_mod('imglimit');
}

¿Alguien podría decirme dónde está el error? He estado buscando esto por un tiempo.

Bueno, tienes un error de sintaxis aquí 🙂

      var userFeed = new Instafeed({
        get: '',
        tagName: '',
        clientId: '',
        limit: var imglimit = <?php echo json_encode($imglimit); ?>;,
//             ^^^^^^^^^^^^ here                      and here     ^ 
        });

Entonces, deberías cambiar ese bloque de código a

      var userFeed = new Instafeed({
        get: '',
        tagName: '',
        clientId: '',
        limit: <?php echo json_encode($imglimit); ?>,
      });

En realidad, no necesariamente necesita codificar json aquí, ya que es solo un número. Pero si eso fuera una matriz u objeto, sí, debería haberlo codificado.

Y en tu código php deberías hacer $imglimit global:

function theme_customizer()
{
    global $imglimit;
    $imglimit = get_theme_mod('imglimit');
} 

O simplemente pon eso en js:

      var userFeed = new Instafeed({
        get: '',
        tagName: '',
        clientId: '',
        limit: <?php echo json_encode(get_theme_mod('imglimit')); ?>,
      });