作为链接/样式表添加的JavaScript

时间:2014-03-12 作者:matthew moore

我只是想创建一个插件,将一些JS添加到标题和自定义CSs中。我有以下内容,但它添加了错误的css并显示为JS。这是我尝试的第一个插件。

<?php
/**
 * Plugin Name: mmoore5553 Simple Range Slider
 * Plugin URI: mailto:[email protected]
 * Description: Simple Range Slider
 * Version:  1.0
 * Author: [email protected]
 * Author URI: 
 * License:GPL2
 */


function SimpleRangeSlider() {
wp_register_script(\'SimpleRangeSlider\', plugins_url(\'/js/simple-slider.js\', __FILE__), array(\'jquery\'),\'1.1\', true);
wp_enqueue_script(\'SimpleRangeSlider\');
}

add_action( \'wp_enqueue_scripts\', \'SimpleRangeSlider\' ); 



function SimpleRangeSlider1() {
wp_register_script(\'stylesheet1\', plugins_url(\'/css/simple-slider.css\', __FILE__));
wp_enqueue_script(\'stylesheet1\');
}

add_action( \'wp_enqueue_scripts\', \'SimpleRangeSlider1\' );  

function SimpleRangeSlider2() {
wp_register_script(\'stylesheet2\', plugins_url(\'/css/simple-slider-volume.css\', __FILE__));
wp_enqueue_script(\'stylesheet2\');
}

add_action( \'wp_enqueue_scripts\', \'SimpleRangeSlider2\' );  
?>

2 个回复
最合适的回答,由SO网友:Milo 整理而成

wp_enqueue_script 用于…脚本。你想要的wp_enqueue_style (和wp_register_style) 用于样式表。

还要注意的是,您可以在单个函数中按自己的意愿将任意多的内容排队,而无需为每个函数创建单独的函数。您还可以像注册一样将所有相同的参数传递给排队,如果您只是在一个地方排队,则无需先注册它们。

SO网友:Domeniko

正如Milo已经告诉您的,您需要对脚本使用wp\\u enqueue\\u脚本,对样式表文件使用wp\\u enqueue\\u样式。

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

https://codex.wordpress.org/Function_Reference/wp_enqueue_style

阅读这些页面,他们会提供你需要的所有信息。

此外,您实际上可以在单个函数中对多个脚本/样式进行排队,无需为每个样式文件或脚本文件排队创建函数。

结束

相关推荐

阻止安装Style.css cookie和文件缓存

我遇到了一个以前从未遇到过的问题。当我更新style.css “我的孩子”主题中的文件,该网页不使用新样式。我已经在我的浏览器中的一个cookie中指出了这一点style.css?ver=3.8.1 而不是基本的style.css. 顺便提一下,3.8.1是我的WordPress版本。我找到的唯一修复方法是手动删除cookie,但无论何时进行更改,都很麻烦。有没有关于如何修复的想法?