Stylesheet not linking

时间:2020-05-28 作者:Swe

因此,我的主题有以下结构:

主题/
主题名称/
函数。php—样式。css—页面目录。php

由于某种原因,我无法链接style.css 包括在我的page-directories.php 文件

这是我在functions.php:

function register_directories_style() {
    wp_register_style(\'style\', get_template_directory_uri(), [], 1);
    wp_enqueue_style(\'style\');
}
add_action( \'wp_enqueue_scripts\', \'register_directories_style\');
这是我的page-directories.php 文件:

<?php

/* Template Name: Directories */

?>

<!-- All CDN Scripts to be converted later -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel=\'stylesheet\' type=\'text/css\'>

<!-- The actual panel -->
<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default panel-table">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col col-xs-6">
                            <h3 class="panel-title">Panel Heading</h3>
                        </div>
                        <div class="col col-xs-6 text-right">
                            <button type="button" class="btn btn-sm btn-primary btn-create">Create New</button>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <table class="table table-striped table-bordered table-list">
                        <thead>
                        <tr>
                            <th><em class="fa fa-cog"></em></th>
                            <th class="hidden-xs">ID</th>
                            <th>Name</th>
                            <th>Email</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td align="center">
                                <a class="btn btn-default"><em class="fa fa-pencil"></em></a>
                                <a class="btn btn-danger"><em class="fa fa-trash"></em></a>
                            </td>
                            <td class="hidden-xs">1</td>
                            <td>John Doe</td>
                            <td>[email protected]</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
我在页面上选择了模板,但由于某种原因style.css 样式表不会应用于页面。

此外,如何在文件夹中选择样式表,例如css/directories.css?

3 个回复
SO网友:mtedwards

get_template_directory_uri() 只返回当前主题的目录,而不是实际样式表的链接。

在里面functions.php 尝试:

function register_directories_style() {
    wp_register_style(\'style\', get_template_directory_uri().\'/style.css\', [], 1);
    wp_enqueue_style(\'style\');
}
add_action( \'wp_enqueue_scripts\', \'register_directories_style\');
如果要选择不同的样式表,只需更新$src参数即可。e、 g。

function register_directories_style() {
    wp_register_style(\'directory_style\', get_template_directory_uri().\'/css/directories.css\', [], 1);
    wp_enqueue_style(\'directory_style\');
}
add_action( \'wp_enqueue_scripts\', \'register_directories_style\');

SO网友:kuroyza

1 - 这就是wp_enqueue_stylewp_register_style 函数作为参数:

($handle:string, $src:string, $deps:array, $ver:string|boolean|null, $media:string );
因此,您可以使用以下代码将主样式排队(不要忘记添加the header comment section 以你的风格。css):

function register_directories_style() {
    wp_enqueue_style("stylesheet", get_stylesheet_uri(), null, "1.0.0", "all");
}
add_action( \'wp_enqueue_scripts\', \'register_directories_style\');
2 - 这个style.css 样式表不会应用于目录页面,您必须在模板标题中添加以下函数<?php wp_head() ?>

SO网友:Tony Djukic

您遇到的部分问题是向目录模板添加额外脚本的方式。你应该让他们全部排队。而且您不需要手动添加jQuery,因为WordPress已经加载了它。相反,请尝试设置,对于需要jQuery的脚本,您只需将其作为依赖项添加,就像在最后一个排队行中包含引导一样。js,然后添加array(\'jquery\').

function register_directories_style() {
    wp_enqueue_style( \'directories\', get_template_directory_uri(), array(), \'1\' );
    wp_enqueue_style( \'bootstrap\', \'//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css\', array(), \'3.3.0\' );
    wp_enqueue_style( \'fontawesome\', \'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css\', array(), \'4.4.0\' );
    wp_enqueue_script( \'bootstrap\', \'//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js\', array(\'jquery\'), \'3.3.0\', true );
}
add_action( \'wp_enqueue_scripts\', \'register_directories_style\' );