我无法添加带函数的css。php

时间:2018-02-26 作者:Bruno Marini

我对用WordPress创建主题比较陌生,我一直在用旧的echo get_stylesheet_uri();. 但我发现这不是推荐的方法,而是在函数中添加所有样式。php。

旧方法(工作):

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">
新方法(不工作):

<?php
    add_theme_support(\'post-thumbnails\');   //Posts thumbnails

    //Custom excerpt
    function get_excerpt($excerpt, $length, $more_char = \'...\'){
        return mb_strimwidth($excerpt, 0, $length, $more_char);
    }

    function theme_styles() {
        //METHOD 1
        //wp_register_style( \'main-style\', get_template_directory_uri() . \'/style.css\');
        //wp_enqueue_style( \'main-style\');

        //METHOD 2
        wp_enqueue_style( \'main-style\', get_template_directory_uri() . \'/style.css\' );
    }
    add_action( \'wp_enqueue_scripts\', \'theme_styles\' );
?>
我尝试了上述两种方法,但都没有奏效。除了我的英语不好之外,还有什么问题吗?

<小时>

Edit (SOLVED)

幸亏Nathan Johnson 谁发现了错误。我没有使用wp_head() 在我的header.php, 因此,WordPress找不到将排队样式放在哪里。新手错误。

2 个回复
SO网友:Motahar Hossain

在添加任何文件之前,必须将header.php &文件;添加wp_head() 中的函数header.php 文件

    // Load the theme stylesheets
    function theme_styles()  
    { 
        // Example of loading a custom css file for homepage just on the homepage
        wp_register_style( \'custom\', get_template_directory_uri() . \'/css/custom.css\' );
        if(is_page(\'home\')) {
            wp_enqueue_style(\'custom\');
        }
        // Example of loading a main css file on all pages
        wp_enqueue_style( \'main\', get_template_directory_uri() . \'/css/main.css\' );

        // Example of loading js files on all pages
        wp_enqueue_script( \'scripts\', get_template_directory_uri() . \'/js/scripts.js\');
    
}
    add_action(\'wp_enqueue_scripts\', \'theme_styles\');
在这种情况下,js文件将加载到<head></head> 标签如果要在底部加载js文件,必须添加<?php wp_footer() ?> 在您的页脚上。然后你需要打电话给wp_enqueue_script() 这边

wp_enqueue_script( \'scripts\', get_template_directory_uri() . \'/js/scripts.js\',\'\',\'1.1\', true); 
这个true 布尔值是$in_footer 的参数wp_enqueue_script() 作用()See Doc )

SO网友:maheshwaghmare

使用

wp_enqueue_style( \'theme-slug\', get_stylesheet_uri() );
构建WordPress主题始终对所有内容使用唯一的主题前缀,包括函数、类、常量、选项等。

此外,请阅读关于wp的主题开发文档。组织机构

看见https://developer.wordpress.org/themes/getting-started/

Updated (27-Feb-2018) 为您的主题/插件使用唯一前缀,以避免其他主题/插件之间的冲突。

结束