Wie kann JavaScript nur für bestimmte WordPress-Seiten in die Warteschlange eingereiht werden?

Ich bin neu in WordPress, habe zuerst nach diesem gesucht und ein paar verwandte Antworten gefunden, von denen ich keine verstanden habe. Ich werde ein paar Zeilen konkreter statementen zu schätzen wissen. Ich habe eine WordPress-Seite, die ein Skript mit ein paar functionen und dann ein anderes kurzes Skript, das sie verwendet, hat. Ich möchte diese functionen auf einigen anderen Seiten wiederverwenden. damit:

Unten ist die Struktur des Codes, den ich jetzt habe. Vielen Dank! Yoav

 // an example for the functions i want to reuse function foo(x,y) { ... do stuff return z; } function goo() { //  }   // an example for the real page val x = "something"; val y = "other"; var message = foo(x, y); // this will add some content to the page goo(); // this adds some more document.write(message);  

Solutions Collecting From Web of "Wie kann JavaScript nur für bestimmte WordPress-Seiten in die Warteschlange eingereiht werden?"

Ja, erstelle eine separate JS-Datei und speichere sie in deinem Plugin- oder Theme-Ordner, nenne sie example.js . Diese Datei sollte alle allgemeinen functionen enthalten, die Sie auf mehreren Seiten ausführen müssen. Seitenspezifische functionen sollten in eine separate Datei gehen.
Nachdem Sie Ihren Code in der example.js , müssen Sie ihn in WordPress einfügen. Dazu müssen Sie diese function verwenden

 function my_scripts() { // Page ID, title, slug, or array of such. // eg is_page('My page title') - page title // eg is_page(2) - page id // eg is_page('my-page-title') - page slug // eg is_page( array( 'page1', 'page1')) - in this example an array of page slugs. // Check out the references for more on this function. if( is_page( array( 'about-us', 'contact', 'management' ) ){ wp_enqueue_script( 'script-name', 'path/to/example.js', array(), '1.0.0', true ); } } add_action( 'wp_enqueue_scripts', 'my_scripts' ); 

Sie können diese function in functions.php .
Wenn sich die Datei in Ihrem Themenverzeichnis befindet, verwenden Sie diese

 wp_enqueue_script( 'script-name', get_template_directory_uri() . '/example.js', array(), '1.0.0', true ); 

Spitze:
Wenn sich die Datei example.js in Ihrem Plugin-Ordner befindet, müssen Sie plugin_dir_url( __FILE__ ) anstelle von get_template_directory_uri() wobei __FILE__ eine PHP-Konstante für den aktuellen Dateipfad ist.

Um eine Variable zu setzen und ihren Wert auf verschiedenen Seiten Ihrer JS-Datei zu verwenden, benötigen Sie diese function.

 wp_localize_script('script-name', 'array_name', array( 'variable_name' => 'Variable value' ) ); 

Hinweis :
wp_localize_script MUSS aufgerufen werden, nachdem das Skript mit wp_register_script () oder wp_enqueue_script () registriert wurde.

Referenzen :

  • wp_enqueue_script () – Wird verwendet, um das Skript tatsächlich in die Warteschlange zu stellen
  • wp_localize_script () – Wird verwendet, um Variablen / Daten aus WordPress / PHP an JS zu übergeben
  • get_template_directory_uri () – Ruft den Themenverzeichnis-URI ab.
  • is_page () – Bedingung, um zu prüfen, ob der JS nur auf bestimmten Seiten geladen werden soll.
  • plugin_dir_url () – Erhalte die URL für das Plugin-Verzeichnis.
  • __FILE__ – PHP-Konstante