Functions.php未与style.css挂钩

时间：2016-10-23 作者：Ryan

我正在从头开始构建WordPress主题。我已经在我的计算机上加载并运行了所有MAMP，WordPress加载良好。我有以下三个文件都在同一个文件夹中

C： /MAMP/htdocs/wordpress/wp内容/主题/测试主题

问题是我无法让函数文件中的挂钩实际运行索引文件中的css代码。据我所知，应该是这样的。函数和排队似乎都是正确的。那么为什么这些文件不能通信呢？

指数php

<html>
<head>
</head>
<body>
    <h1>Hello World</h1>
    <p class="once">This is an attempt at getting the functions file to work with the css files</p>
    <p class="twice">Why wont this work...</p> 
</body>

风格css

/* 
Theme Name: Test Theme
Description: This is a test to see if I can make a theme
Author: Ryan 
Author URI: ###
version: 1.0
Template: ABC
*/

h1{
    color: red;
}

.once{
    text-align: canter;
    background-color: gray; 
}

.twice{ 
    color: blue;
}
功能。php

<?php
    function theme_resources() {
        wp_enqueue_style(\'style\', get_stylesheet_uri());
    }
  add_action(\'wp_enqueue_scripts\', \'theme_resources\');
?>

2 个回复
SO网友:Mark Kaplun

您的主题必须调用wp_head() 在html的head部分（可能最好放在末尾）和wp_footer() 在页脚部分的某个地方。那些是mandatory 函数调用所有希望与插件集成的主题，一些核心功能（如排队JS和CSS）依赖于它们。

如果要创建“普通”HTML页面，则必须手动将各种CSS和JS插入HTML中。

SO网友:prosti

虽然Marks answer值得尊重，但在我写这篇文章的时候，他并没有提到您需要具备的最重要的功能。

add_action( \'wp_head\', ...
add_action( \'wp_footer\', ...
对于你的情况，我会采取另一种方法。让我们暂时忘掉你的主题吧。我会开始修改一些简单的WordPress主题。

这可能是_s 主题“S”可能代表Starter, 或Start Up.

它看起来很简单，但事实上，下面有一个兰博基尼发动机。您将在其中找到所有已经实施的良好实践wp_head 和wp_footer 缺少的操作。

尝试删除它们，您将遇到与它们相同的问题。

你进一步的任务可能是在主题中添加一些很酷的CSS，之后你的主题可能会非常棒。

此外，您还可以体验葡萄酒学主题。https://wordpress.org/themes/oenology/

这是一个很好的主题，看起来并不太好（老实说），但其中的代码是世界级的。就像劳斯莱斯或布加迪。

我猜你是一个初学者，我给了你+1，让你努力挖掘未来的WordPress平台。

我祝贺你决心在WordPress工作，并祝你一切顺利。

标签： theme-development   wp-enqueue-script   wp-enqueue-style   小码农  

相关推荐