Customizer JS API

10

Ok, então tenho tentado me educar para criar novas seções de painéis e controles dinamicamente usando a API JS do personalizador.

Tem sido frustrante alguns dias e não consegui obter o caminho exato para conseguir isso via JS API.

Até agora, isso é algo que estou fazendo para que isso aconteça, mas sem sucesso:

    // for Settings
    api.create( 
        params.id, 
        params.id, 
        params.default, 
        params.args 
    );

    // for controls
    var controlConstructor = api.controlConstructor[params.type];
    var control = new controlConstructor(params.id, {
        params: params,
        previewer: api.previewer
    });
    api.control.add( 
        params.id, 
        control 
    );

     //for Sections
     var section = new api.Section(params.id, { 
        params: params
     }); 
    api.section.add( params.id, section );
    api.section('section_id').activate();

Nenhum deles parece funcionar, pois a seção não aparece e eu tenho que executar api.section('section_id').activate() duas vezes no console para fazer a seção aparecer, o mesmo acontece com o controle.

    
por Aniruddh Joshi 07.05.2015 / 22:52

2 respostas

3

1) Talvez ligar para o estado api.ready, que pode resolver ter que chamar sua seção duas vezes

(function($, api){
  api.bind( 'ready', function() {...

  }
})(jQuery);

Eu vi uma nota no trac que dizia: "Observe que as APIs para controles adicionados dinamicamente e APIs para seções e painéis personalizados de modelo JS ainda não estão disponíveis no WordPress 4.2. Consulte # 30741." Lendo que trac termina com "provavelmente não para 4,5 agora", então seus esforços podem ser inúteis = (

2) Para referência, a API JS do wp_customize pode ser encontrada aqui . Este link pode ser útil também.

3) Eu não tenho representante suficiente para um terceiro link, mas você pode ver o Kirki.org, que é um framework auxiliar para campos customizadores. Kirki também é bastante ativo no Github.

4) No lado do PHP, você pode usar a opção "active_callback" em sua matriz de campo para apresentar campos dinamicamente.

$wp_customize->add_control( 'some_single_page_specific_option', array(
  'label'           => esc_html__( 'Single Page Option' ),
  'section'         => 'my_page_options',
  'active_callback' => 'if_is_singular',
));

function if_is_singular(){
  if( is_singular() ){
    return true;
  } else {
    return false;
  }
}

Boa sorte.

    
por Philip Ingram 08.04.2016 / 18:47
-2

Sugiro que, em vez de reinventar a roda, talvez você considere essa estrutura como base para seus projetos. enlace .

Este é o melhor que encontrei enquanto aprendia e procurava por frameworks. Você pode estender essa estrutura com seus próprios controles personalizados e o link abaixo ajudará você a entender e implementar a comunicação entre o personalizador e a visualização do personalizador via jQuery ou javascript.

enlace

    
por Mohit Aneja 30.05.2015 / 07:29