Le moyen le plus efficace d’ajouter un fichier javascript à un article et / ou à une page spécifique?

13

Je me demande quelle est la méthode la plus efficace pour ajouter un fichier javascript spécifiquement pour un message et / ou une page.

Voici quelques solutions que j'ai proposées:

  • Passez en mode d'édition HTML et postez votre code JavaScript ici (solution assez mauvaise)
  • Les champs personnalisés avec le code JavaScript spécifique à cette publication / page dans la clé & paires de valeur
  • Dans footer.php, chargez les fichiers JavaScript en fonction de la page sur laquelle vous vous trouvez (cela entraîne toutefois beaucoup de conditions)

En passant, aucun des fichiers JavaScript ne sera partagé entre les pages - il sera littéralement spécifique à ce que vous consultez actuellement.

Avez-vous des idées?

    
posée mousesports 10.10.2012 - 21:30

3 réponses

23

Je pense que le meilleur équilibre entre efficacité et utilisation des méthodes wordpress appropriées pour l’ajout de javascript serait d’ajouter quelque chose dans ce sens au fichier themes.php de votre thème. Par exemple:

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

Cela vous donne un contrôle total sur ce qui est chargé où, un emplacement centralisé dans votre fichier themes.php pour éditer ce qui est chargé où: et utilise ainsi les méthodes wordpress pour ajouter du javascript à vos messages et à vos pages < em> en toute sécurité .

    
réponse donnée Ben HartLenn 10.10.2012 - 23:45
2

Ce que je voudrais faire est de placer dans le pied de page ou dans l'en-tête et d'utiliser des conditions php.

Par exemple:

<?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 cette façon, vous n’appelez pas tous les scripts tout le temps à chaque chargement de page et vous n’appelez que ceux dont vous avez besoin.

Voici un lien vers le codex Wordpress enlace

Si vous avez des scripts spéciaux nécessitant un appel unique, utilisez des champs personnalisés.

    
réponse donnée Nicole 10.10.2012 - 22:18
0

L’autre méthode testée est la suivante: ajouter dans une page directement depuis l’éditeur et ajouter des commentaires avec une balise de script, sinon cela ne fonctionnera pas.

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

Lire d'autres questions sur les étiquettes