Src Dateipfad mit PHP (Wordpress) in einer Javascript-Datei

Question

Aus irgendeinem Grund funktioniert der normale Quellpfad meiner Vorlage mit WordPress nicht funktioniert. Es ist in eine Javascript-Verbindung zu meiner footer.php eingebettet. Jetzt ist meine Frage: ist es möglich, ein Bild mit src in einem Javascript mit einem PHP-Snippet aufzurufen? Hier ist mein Code so weit:

var d = new Date(); 

document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='wp-content/themes/wpboot/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company"; 

Ich versuche, ein PHP-Schnipsel wie das hinzuzufügen:

<img src="<?php bloginfo('template_directory'); ?>/images/maple.svg" width="60" alt="Maple"> 

Um so etwas zu erreichen:

document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='<?php bloginfo('template_directory'); ?>/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company"; 

Ich habe versucht, Erstellen Sie eine Var namens:

var template = "<?php bloginfo('template_directory'); ?>/"; 

Und ich habe die src hinzugefügt, aber ich habe nicht gearbeitet .. keine Ahnung?

Answer 1

In .js-Datei können wir PHP nicht verwenden, also in WordPress erhalten Werte wie dieses "myscript", um Ihr Skript "Handler" zu verwenden.

in functions.php Datei

wp_enqueue_script('myscript',get_template_directory_uri().'/js/myscript.js',array('jquery')); 
wp_localize_script('myscript', 'mycustomurl', get_template_directory_uri()); 

in js Datei Verwendung als wie diese Warnung einfach Ihr Info.

alert(mycustomurl); 
document.getElementById("copyright").innerHTML = "&copy;" + " " + (d.getFullYear()) + " " + "All Rights Reserved" + " " + " " +"<img src='"+mycustomurl+"/images/maple.svg' alt='Canadian maple leaf' width='14'>" + " " + "We Are A Canadian Company";