Question

我在设置html5blank主题的子主题时遇到了很多麻烦。到了我正在全新安装父主题并从头开始的时候 - 在我完成这篇文章时写这篇文章！基本上在创建孩子时我现在需要加载我的自定义/css/main.css文件 - 它没有它！设置过程的描述如下：

我已将新下载的html5blank文件夹放入/ themes /并将其激活。之后我在/ themes /中创建了另一个文件夹＆＃34; html5blank-child＆＃34;。在那之内，我创建了一个新的空白style.css和functions.php。

在 style.css 中，我有以下内容：

/*
 Theme Name:   HTML5 Blank Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  HTML5 Blank Child Theme
 Author:       My Name
 Author URI:   http://myportfolio.com
 Template:     html5blank
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  html5blank-child
*/

在 functions.php 中，我有：

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

完成所有这些后，我主动完成了我的孩子主题。完成所有这些工作后，一切似乎都在起作用。在我创建了网站的静态模板后，我删除了我的“img＆＃39;”，“css＆＃39;，＆＃39; font＆＃39;和＆＃39; js＆＃39;文件夹进入html5blank-child。

现在我的＆＃39;实际＆＃39; CSS文件的路径为： html5blank-child / css / main.css

我需要加载这个文件。我被告知调整我的functions.php CSS路径：/css/main.css ...但它根本不会加载文件。我也尝试过使用get_stylesheet_directory_uri()代替get_template_directory_uri()，而不是其他人建议但没有运气！

我之前记录过这样的流程的原因是，上次我到达这一点时，如果我使用http://localhost:8888/websitename/admin访问Wordpress管理员，则无法重定向到{{1}像往常一样。另外，当我去保存帖子时，我得到一个空白页面。值得庆幸的是，这次没有发生，所以我认为这是一个很好的（更好的）开始，但现在我需要加载我的文件。

希望有人可以帮忙！：）

Answer 1

您需要先在主题的style.css中从主题导入style.css。

首先使用@import导入css文件。

同样从子主题的functions.php中删除父样式，然后包含你的html5blank-child / css / main.css，如下所示，

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'child-main', get_stylesheet_directory_uri() . '/css/main.css' );
}

Answer 2

首先加载父主题style.css，然后加载您的子主题CSS，如下所示：

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-main', get_stylesheet_directory_uri() . '/css/main.css', array('parent-style') );
}

html5blank

2 个答案: