在'header.php'或'function.php'文件中插入Bootstrap目录更好吗?

Posted

技术标签:

【中文标题】在\'header.php\'或\'function.php\'文件中插入Bootstrap目录更好吗?【英文标题】:Is it better to insert Bootstrap directory in the 'header.php' or 'function.php' file?在'header.php'或'function.php'文件中插入Bootstrap目录更好吗? 【发布时间】:2017-04-25 13:26:54 【问题描述】:

在花时间处理了许多 WordPress 主题模板之后,我决定尝试从头开始创建一个主题。

我刚刚将 Bootstrap 功能上传到我的服务器上,我想知道是否最好在 'header.php' 文件的 head 标记中调用 Bootstrap.css 文件,或者是否通过使用 'function。 php'文件。

根据 Bootstrap Bay,您只需插入以下行:

<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>

或者,我所做的是将以下代码插入到我的“functions.php”文件中:

function theme_name_script_enqueue() 
    wp_enqueue_style('bootstrapstyle', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css', array(), '', 'all');
    wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/theme-name.css', array(), '1.0', 'all');
    wp_enqueue_script('customjs', get_template_directory_uri() . '/js/theme-name.js', array(), '1.0', true);


add_action( 'wp_enqueue_scripts', 'theme_name_script_enqueue' );

然后我在“header.php”文件的head和body标签之间放置了如下代码:

<?php 

        if( is_home() ):
            $theme_name_classes = array( 'theme-name-class', 'my-class' );
        else:
            $theme_name_classes = array( 'no-theme-name-class' );
        endif;  

    ?>  

到目前为止,我已经测试了这些文件,并且 CSS 正在被拾取。也就是说,有没有人知道应该避免我的替代方式的任何原因?例如,这是不好的做法,还是会影响网站性能等?

谢谢。

克雷格

【问题讨论】:

最好排队。一般来说,你所做的是好的做法 谢谢@JamesJones。我想了很多,但作为 php 的相对新手,我想仔细检查许多“默认安装”指南,只是建议安装在 标签内,在“headper.php”文件中。 【参考方案1】:

一般的经验法则是样式表在页眉中,javascript 在页脚中。主要是针对网站速度和 SEO,尽管您的用户可能不会注意到网站速度的差异。

【讨论】:

感谢您的回复@Brandon Orndorff。你是说你的建议会比我发布的更好吗?如果是这样,我的问题是,我的网站是否会被限制为每个页面都使用相同的样式表,或者您是说我可以在 标记中放置“if 函数”来调用相关的 CSS 文件,具体取决于页面? 您的方法很完美,我只需移动 中的 if 语句,以确保它遵循 Google 的建议。 '将 CSS 移至头部'旨在通过确保在引入任何正文元素之前在头部解析所有 CSS 样式来减少浏览器必须重新排列文档的次数。这是基于优化浏览器渲染的最佳实践...developers.google.com/speed/pagespeed/module/filter-css-to-head 感谢您的建议和跟进建议。我已按照您所说的进行,并将“if 语句”放在 标记中。我目前还没有看到任何问题。 :-) 再次感谢。

以上是关于在'header.php'或'function.php'文件中插入Bootstrap目录更好吗?的主要内容,如果未能解决你的问题,请参考以下文章

“Header.php”文件在 XAMPP 上不可见

将媒体查询合并到 header.php

如何在 WordPress header.php 中正确链接到 CSS?

在 header.php 文件的 php 命令中添加 Google Ads 事件片段

PHP - “包含”功能安全吗?

head 和 body 标签如何同时出现在 index.php 和 header.php 中