php - CSS 如何链接到 <head>

标签 php html css wordpress

<分区>


关闭 7 年前

我想编辑这些 css 链接,但我无法在我的 header.php 中找到它们(它们应该在那里),它们来自哪里?

rel='stylesheet' id='js_composer_front-css'  href='//metasyfe.com/wp-content/plugins/js_composer/assets/css/js_composer.css' type='text/css' media='all' /><link
rel='stylesheet' id='bootstrap-css'  href='//metasyfe.com/wp-content/themes/startuply/css/lib/bootstrap.min.css' type='text/css' media='all' /><link
rel='stylesheet' id='startuply_custom-css'  href='//metasyfe.com/wp-content/themes/startuply/style.css' type='text/css' media='all' /><link
rel='stylesheet' id='startuply_ptsans-css'  href='//fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic%2C700italic&#038;subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic' type='text/css' media='all' /><link
rel='stylesheet' id='startuply_lato-css'  href='//fonts.googleapis.com/css?family=Lato%3A100%2C300%2C400%2C700%2C900%2C100italic%2C300italic%2C400italic%2C700italic%2C900italic' type='text/css' media='all' /><link
rel='stylesheet' id='vsc-animation-style-css'  href='//metasyfe.com/wp-content/themes/startuply/engine/extend/animations/css/vivaco-animations.css' type='text/css' media='all' /><script type='text/javascript' src='//metasyfe.com/wp-includes/js/jquery/jquery.js' defer='defer'></script><script type='text/javascript' src='//metasyfe.com/wp-includes/js/jquery/jquery-migrate.min.js' defer='defer'></script><script type='text/javascript' src='//metasyfe.com/wp-content/themes/startuply/engine/extend/animations/js/vivaco-animations.js' defer='defer'></script><link
rel="EditURI" type="application/rsd+xml" title="RSD" href="//metasyfe.com/xmlrpc.php?rsd" /><link
rel="wlwmanifest" type="application/wlwmanifest+xml" href="//metasyfe.com/wp-includes/wlwmanifest.xml" /><meta
name="generator" content="WordPress 4.3.1" /><link

最佳答案

WordPress 使用 wp_enqueue_stylewp_enqueue_script 将 CSS/JS 文件添加到标题中。

您提到的一些文件来自插件,而其他文件来自您的 wp-content/themes/startuply/functions.php 文件。

更新

这是一个示例,说明如何将 JS 排入您的 header:

wp_register_script('script', get_template_directory_uri() . '/js/scriptname.js', array('jquery'), '1.0.0', true); // Custom scripts
wp_enqueue_script('script'); // Enqueue it! 

这是入列 CSS:

wp_register_style('normalize', get_template_directory_uri() . '/normalize.css', array(), '1.0', 'all');
wp_enqueue_style('normalize'); // Enqueue it!

你可以在这里阅读更多内容

https://codex.wordpress.org/Function_Reference/wp_enqueue_style

https://codex.wordpress.org/Function_Reference/wp_enqueue_script

关于php - CSS 如何链接到 <head>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32997759/

上一篇:javascript - jQuery 问题 |需要触发事件两次才能正常工作

下一篇:html - 在 Bootstrap 上将标题拆分为 2 列(每边 50%)

相关文章:

html - 创建一个框分隔符

php - Magento Enterprise Controller 覆盖

php - 为什么 <noscript> 中的 html 标签显示为文本

php - 在 html 标记之前必须调用哪些 session 函数

javascript - 更改值时 RGB slider 摆动

html - IE 11 中的相对定位不正确的像素宽度

html - Angular Material Not Locked 侧边栏

php - PHP之后我应该学什么?

html - 导航栏的边框

css - Bootstrap 4.4 : how re-order columns