¿La forma más eficiente de agregar un archivo javascript a publicaciones o páginas específicas?

13

Me pregunto cuál es el método más eficiente para agregar un archivo javascript específicamente para una publicación y / o página.

Aquí hay algunas soluciones que se me ocurrieron:

  • Cambie a la vista de edición HTML y publique su JavaScript allí (una solución bastante mala)
  • Campos personalizados con el JavaScript específico para esa publicación / página en la clave & pares de valores
  • En footer.php, cargue archivos JavaScript según la página en la que se encuentre (aunque esto conduce a muchos condicionales)

En una nota al margen, ninguno de los archivos JavaScript se compartirá entre páginas, literalmente, será específico a lo que estás viendo actualmente.

¿Alguna idea?

    
pregunta mousesports 10.10.2012 - 21:30

3 respuestas

23

Creo que el mejor equilibrio entre eficiencia y el uso de los métodos correctos de wordpress para agregar javascript sería agregar algo en este sentido a su archivo de funciones de temas.php. Por ejemplo:

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');

Esto le da control total sobre lo que se carga donde se encuentra, una ubicación centralizada en el archivo de archivo de funciones de los temas para editar lo que se carga donde: y, de esta manera, se usan métodos de wordpress para agregar javascript a sus publicaciones y páginas em> de forma segura .

    
respondido por el Ben HartLenn 10.10.2012 - 23:45
2

Lo que haría sería colocarlo en el pie de página o en el encabezado y usar condicionales de php.

Por ejemplo:

<?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 } ?>

De esta manera, no llamará a todos los scripts todo el tiempo en cada carga de página y solo llamará a los que necesita.

Aquí hay un enlace al códice de Wordpress enlace

Y si tiene secuencias de comandos especiales a las que solo es necesario llamar en cada publicación, utilice campos personalizados.

    
respondido por el Nicole 10.10.2012 - 22:18
0

La otra forma probada está debajo de agregar en la página directamente desde el editor y agregar comentarios con la etiqueta de secuencia de comandos de otra manera no funcionará.

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

Lea otras preguntas en las etiquetas