遇到WordPress问题wp_enqueue_style

时间:2012-08-17 12:38:22

标签: wordpress wordpress-theming

我是第一次在WordPress中构建完整的设计,我正在尝试加载样式表和脚本文件,但我似乎得到的只是该位置的文本输出。

我所拥有的是......

wp_enqueue_style('reset', bloginfo('template_url') . '/reset.css');
wp_enqueue_style('style', bloginfo('stylesheet_url'), array('reset'));
wp_enqueue_style('rhino', bloginfo('template_url') . '/rhinoslider-1.05.css', array('reset','style'));

我是否需要将其放在link标签内?我以为它会做到这一切;如果它本身没有这样做那么加载它的重点是什么?我知道它确保同一个文件不包含两次或者其他东西,但如果你必须自己包含链接标签然后WP决定不包含该文件,那么你留下了空白链接标签!?

最后,我应该事先设置它们,以便我可以通过它们的句柄调用它们吗?如果是的话,在哪里? functions.php?

修改:我还尝试将以下内容放入我的主题functions.php文件中,但结果相同。

add_action( 'after_setup_theme', 'mmw_new_theme_setup' );

function mmw_new_theme_setup() {

    /* Add theme support for post formats. */   
    add_theme_support( 'post-formats' );

    /* Add theme support for post thumbnails. */    
    add_theme_support( 'post-thumbnails' );

    /* Add theme support for automatic feed links. */   
    add_theme_support( 'automatic-feed-links' );

    /* Add theme support for menus. */  
    add_theme_support( 'menus' );

    /* Load style files on the 'wp_enqueue_scripts' action hook. */
    add_action( 'wp_enqueue_scripts', 'mmw_new_load_styles' );

}

function mmw_new_load_styles() {

    $foo = bloginfo('template_url') . '/reset.css';
    $bar = bloginfo('template_url') . '/rhinoslider-1.05.css';

    wp_enqueue_style('reset', $foo);
    wp_enqueue_style('style', bloginfo('stylesheet_url'), array('reset'));
    wp_enqueue_style('rhino', $bar, array('reset','style'));

}

2 个答案:

答案 0 :(得分:1)

通过PHP在变量中存储值时使用:

  

get_bloginfo()

所以你的新功能现在看起来像:

function mmw_new_load_styles() {

    $foo = get_bloginfo('template_url') . '/reset.css';
    $bar = get_bloginfo('template_url') . '/rhinoslider-1.05.css';

    wp_enqueue_style('reset', $foo);
    wp_enqueue_style('style', bloginfo('stylesheet_url'), array('reset'));
    wp_enqueue_style('rhino', $bar, array('reset','style'));

}

更加语义化!它使初学者的代码更容易查看。 ($ foo可能是$ resetCssUrl)

答案 1 :(得分:0)

我遇到了类似的问题。

register / enqueue脚本是为了让您可以全局分配您的函数以正确的顺序加载。您可以从您工作的页面调用它们,但这被认为是更好的做法。

我的模板有一个functions.php,但它的内部是空的!它将脚本分为7个子章节,主题选项,主题函数,主题-js等。这是我的themes.js.php文件,但这可以很容易地放在你的wp-content / themes / functions中的文件中。 php My themes-js.php file