在父主题的缩小.css之前加载子主题样式表

时间:2018-06-21 作者:Janica

我为主题定制创建了一个子主题,wordpress正在识别主题并加载它。

虽然有一些变化没有通过,但我一直在关注css选择器,看看是否遗漏了什么,然后我找到了一个主题,有人建议检查加载顺序,正确的是,父级的缩小样式表,在子级主题样式表之后加载。

如果我对代码做了一点欺骗,将父级的精简样式而不是常规样式排队,并删除/匹配子级样式的版本号,则之前会加载精简的css,但css更改仍然不会覆盖。

如果我不更改子版本号,则加载后会出现与子版本号匹配的父版本的缩小版本。

下面是我试图解释的所有代码和屏幕截图。

功能。子主题php:

function my_theme_enqueue_styles() {

$parent_style = \'parent-style\'; 

wp_enqueue_style( $parent_style, get_template_directory_uri() . \'/style.min.css\' );
wp_enqueue_style( \'child-style\',
    get_stylesheet_directory_uri() . \'/style.css\',
    array( $parent_style ),
    wp_get_theme()->get(\'Version\')
);
} 
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
样式。子主题css:

/*!
Theme Name: Customify Child 
Theme URI: https://wpcustomify.com
Author: JNK XI
Author URI: https://
Description:  Customify Child Theme
Template: customify
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: customify-child
Domain Path: /languages
Tags: custom-background, custom-logo, custom-menu, custom-logo, featured-images, flexible-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, left-sidebar, right-sidebar, e-commerce, blog
*/
如果子主题样式表的版本不同于父主题样式表的版本,则控制台打印屏幕

Console Printscreen if version of child-theme stylesheet is different from parent's

如果子主题样式表的版本与父主题样式表的版本匹配,则控制台打印屏幕

Console Printscreen if version of child-theme stylesheet matches parent's

如果有什么不清楚的地方,请告诉我。

任何帮助都将不胜感激,谢谢

1 个回复
SO网友:DaveLak

$parent_style 代码中的变量$parent_style = \'parent-style\';?

如果是这样,那就是你的问题。看起来你在用example in the codex here 这很好,但您可能在代码段的正下方遗漏了这一点:

哪里parent-style 都是一样的$handle 在父主题中注册样式表时使用。例如,如果父主题是twenty15,请查看其函数。php for itswp_enqueue_style() 呼叫,你可以看到它使用的标签\'twentyfifteen-style\'. 在子代码中,替换\'parent-style\' 具有\'twentyfifteen-style\'

如果是自定义主题,则“$handle“是内置在PHP函数中的,这让人有点困惑the theme code, 看起来样式表的句柄是\'customify-style\'.

有了这些知识,试着替换

$parent_style = \'parent-style\';

使用:

$parent_style = \'customify-style\';

Disclaimer: 我只看了一下主题的代码,样式的句柄可能与我在这里写的不同。如果是这种情况,您应该尝试查找主题样式表注册或排队的实际名称

结束

相关推荐

Admin Theme customization

我遵循wordpress codex网站上关于通过插件创建管理主题的说明。我激活了插件,但我的样式表没有包含在<head>.. 这是我的代码:add_action( \'admin_init\', \'kd_plugin_admin_init\' ); add_action( \'admin_menu\', \'kd_plugin_admin_menu\' ); function kd_plugin_admin_init() { /* Register