css - How to execute a plugin on a single page only?

admin管理员组

文章数量:1390878

A few basic questions to accelerate my wordpress plugin development start. I'd like to develop a wordpress plugin that adds some javascript and css to a specific page. What filters or actions should be used? How to restrict execution of a plugin to a single (known) page? How can a plugin add some content to a page?

A few basic questions to accelerate my wordpress plugin development start. I'd like to develop a wordpress plugin that adds some javascript and css to a specific page. What filters or actions should be used? How to restrict execution of a plugin to a single (known) page? How can a plugin add some content to a page?

• plugins
• css
• javascript

Share Improve this question asked Jan 30, 2012 at 12:57 Davos SeaworthDavos Seaworth 19522 gold badges44 silver badges88 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 2

WordPress has a built-in function called wp_enqueue_script() which will allow a certain piece of JavaScript to be included in a page. If you'd just like to see that script on a particular page, you can conditionally call it from the theme file. For example:

<?php if (is_page('home')) {
    wp_register_script('custom_script', get_template_directory_uri() . 
    '/js/custom_script.js');
    wp_enqueue_script('custom_script');
} ?>

You can do something similar with wp_register_style() and wp_enqueue_style() to include the CSS as well.

Take a look at Page Specific CSS/JS plugin source code -- This simple plugin allows you include a separate stylesheet and/or javascript file for any page on your site.

本文标签： cssHow to execute a plugin on a single page only