A maneira mais eficiente de adicionar arquivos javascript a postagens e / ou páginas específicas?

13

Eu estou querendo saber qual é o método mais eficiente para adicionar um arquivo javascript especificamente para uma postagem e / ou página.

Aqui estão algumas soluções que eu criei:

  • Mude para a visualização de edição de HTML e poste seu JavaScript lá (solução muito ruim)
  • Campos personalizados com o JavaScript específico para essa postagem / página na chave & pares de valor
  • No footer.php, carregue os arquivos JavaScript dependendo da página em que você está (isso leva a muitas condicionais)

Em uma nota lateral, nenhum dos arquivos JavaScript será compartilhado entre as páginas - será literalmente específico para o que você está visualizando no momento.

Alguma opinião?

    
por mousesports 10.10.2012 / 21:30

3 respostas

23

Eu acho que o melhor equilíbrio entre eficiência, e usando métodos wordpress adequados para adicionar javascript seria adicionar algo ao longo destas linhas para o seu arquivo functions.php temas. Por exemplo:

functions.php:

function load_scripts() {
    global $post;

    if( is_page() || is_single() )
    {
        switch($post->post_name) // post_name is the post slug which is more consistent for matching to here
        {
            case 'home':
                wp_enqueue_script('home', get_template_directory_uri() . '/js/home.js', array('jquery'), '', false);
                break;
            case 'about-page':
                wp_enqueue_script('about', get_template_directory_uri() . '/js/about-page.js', array('jquery'), '', true);
                break;
            case 'some-post':
                wp_enqueue_script('somepost', get_template_directory_uri() . '/js/somepost.js', array('jquery'), '1.6', true);
                break;
        }
    } 
}

add_action('wp_enqueue_scripts', 'load_scripts');

Isso lhe dá controle total sobre o que é carregado onde, um local centralizado em seus temas arquivo functions.php para editar o que é carregado onde: e, desta forma, usa métodos wordpress para adicionar javascript às suas postagens e páginas < em> com segurança .

    
por Ben HartLenn 10.10.2012 / 23:45
2

O que eu faria seria colocar no rodapé ou no cabeçalho e usar os condicionais do php.

Por exemplo:

<?php if (is_page ('your-page')){?>

  <script type="text/javascript" src"the file path"></script>

<?php } elseif ( is_page ('another')){?>

  <script type="text/javascript" src"the file path"></script>

<?php } else { ?>

  <script type="text/javascript" src"the file path"></script>

<?php } ?>

Desta forma, você não chama todos os scripts o tempo todo em cada carregamento de página e apenas chama os que precisa.

Aqui está um link para o códice do Wordpress enlace

E se você tiver scripts especiais que só precisem ser chamados por postagem, use campos personalizados.

    
por Nicole 10.10.2012 / 22:18
0

A outra maneira testada está abaixo de adicionar na página diretamente do editor e adicionar comentários com a tag de script, caso contrário, não funcionará.

<script type="text/javascript">
<!--
var a = 5;
alert("hello world. The value of a is: " + a);
-->
</script>
    
por Dev G 02.03.2017 / 05:07