Je dois inclure le chemin d'accès à mon fichier de thème dans un fichier javascript. Comment pourrais-je m'y prendre? J'ai déjà essayé:
var templateUrl = "<?php get_stylesheet_directory_uri(); ?>";
function LightboxOptions() {
this.fileLoadingImage = "'"+templateUrl+"/img/loading.gif'";
this.fileCloseImage = "'"+templateUrl+"/img/close.png'";
this.resizeDuration = 700;
this.fadeDuration = 500;
this.labelImage = "Image";
this.labelOf = "of";
}
Cela ne me donne pas le chemin, mais insère simplement <?php get_stylesheet_directory_uri(); ?>
au lieu du chemin réel. Des idées? Merci d'avance!
theme-development
themes
javascript
paths
charlenemasters
la source
la source
Ce sont les deux façons suivantes pour ajouter un chemin de thème dans un fichier javascript.
1) Vous pouvez utiliser wp_localize_script () suggéré par wordpress dans votre fichier functions.php. Cela créera un objet Javascript dans l'en-tête, qui sera disponible pour vos scripts lors de l'exécution.
Exemple :
et peut utiliser dans votre fichier js comme suit:
2) Vous pouvez créer un extrait Javascript qui enregistre le répertoire du modèle uri dans une variable et l'utiliser plus tard comme suit: Ajoutez ce code dans le fichier header.php avant le fichier js dans lequel vous souhaitez utiliser ce chemin. Exemple:
et peut utiliser dans votre fichier js comme suit:
la source
echo
pour travaillervar stylesheet_directory_uri = "<?php echo get_stylesheet_directory_uri(); ?>";
Vous pouvez localiser vos fichiers javascript, ce qui vous donne la possibilité de générer un tableau javascript rempli de valeurs définies par PHP (comme la localisation ou les répertoires).
Si vous chargez votre fichier javascript
wp_enqueue_script
ouwp_register_script
sa configuration facile comme suit:Et dans vos fichiers javascript, vous pouvez appeler ces variables par:
la source
J'ai commencé à utiliser cette petite méthode pratique pour obtenir le répertoire de thèmes WordPress et le stocker en tant que variable JavaScript globale (le tout à partir d'un fichier javascript):
Cela ne fonctionnera que si les conditions suivantes sont remplies:
1. Cet extrait est exécuté via un fichier JavaScript externe - comme ceci:
2. Le fichier js réside dans le répertoire de thème de votre site (ou sous-répertoire).
la source
C'est comme ça que je l'ai fait.
Placez le fichier javascript et les images dans le dossier-thème / actifs
Et modifiez les fichiers suivants.
Dans functions.php
Dans votre fichier javascript
la source
Si le fichier javascript est chargé à partir du tableau de bord d'administration, vous pouvez utiliser cette fonction javascript pour obtenir la racine de votre installation WordPress.
Ensuite, contactez simplement le chemin d'accès à votre thème comme ci-dessous.
la source