html5blank的WordPress子主题

我在设置html5blank主题的子主题时遇到了很多麻烦。到目前为止, 我正在重新安装父主题并从头开始-在撰写本文时写这篇文章！基本上, 在创建子对象之后, 我现在需要加载我的自定义/css/main.css文件-它没有文件！设置过程的说明如下：

我将一个新下载的html5blank文件夹拖放到/ themes /中并激活了它。之后, 我在/ themes /中创建了另一个文件夹” html5blank-child”。在其中, 我创建了一个新的空白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”, ” css”, ” font”和” js”文件夹放入html5blank-child。

现在, 我的”实际” 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管理员, 它将不会像这样重定向到wp-admin通常会。另外, 当我去保存帖子时, 我得到了一个空白页。幸运的是, 这次没有发生, 所以我想这是一个很好的开始, 但是现在我需要加载我的文件。

希望有人能帮忙！ 🙂

#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' );
}

#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') );
}