将插件文件夹中的样式表添加到插件内部的前端

时间:2013-07-30 12:13:03

标签: php css wordpress function wordpress-plugin

我正在创建一个wordpess插件,我需要将样式表加载到前端(包含在wp_head中)。该插件的样式表至关重要,因此它将显示在前端。

我怎样才能做到这一点?

我尝试了几种方法,例如排队,但它没有显示出来。也许我把代码放在错误的文件中?

正如您在下面所看到的,我确实将脚本和样式排队,但它只显示在编辑屏幕上,而不是像我需要的那样显示在前端。

function input_admin_enqueue_scripts()
{



    // register scripts
    wp_register_script('input-icon_field', $this->settings['dir'] . 'js/input.js', array('input'), $this->settings['version']);
    wp_register_style('input-icon_field', $this->settings['dir'] . 'css/input.css', array('input'), $this->settings['version']);


    // scripts
    wp_enqueue_script(array(
        'input-icon_field',
    ));

    // styles
    wp_enqueue_style(array(
        'input-icon_field',
    ));

}

1 个答案:

答案 0 :(得分:1)

尝试从wp_enqeue_script中删除数组

function input_admin_enqueue_scripts() {

        // register scripts
        wp_register_script('input-icon_field', $this->settings['dir'] . 'js/input.js', array('input'), $this->settings['version']);
        wp_register_style('input-icon_field', $this->settings['dir'] . 'css/input.css', array('input'), $this->settings['version']);


        // scripts
        wp_enqueue_script('input-icon_field');

        // styles
        wp_enqueue_style('input-icon_field');

    }

并向此函数添加操作,如此

add_action('wp_enqueue_scripts', 'input_admin_enqueue_scripts');