Javascript Wordpress子主题css不会覆盖父css
我正在使用mies儿童主题,但问题是我看不到css的变化会影响我的网站 下面是my child style.css的外观:Javascript Wordpress子主题css不会覆盖父css,javascript,php,css,wordpress,Javascript,Php,Css,Wordpress,我正在使用mies儿童主题,但问题是我看不到css的变化会影响我的网站 下面是my child style.css的外观: /* Theme Name: Mies Child Theme URI: http://pixelgrade.com/demos/mies Author: PixelGrade Team Author URI: http://pixelgrade.com Template: mies Description: MIES is a front line parallax Ar
/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/
这是my child functions.php文件:
<?php
/*
* ===== Theme Translation =====
* Load the translations from the child theme if present
*/
add_action( 'before_wpgrade_core', 'mies_child_theme_setup' );
function mies_child_theme_setup() {
load_child_theme_textdomain( 'mies_txtd', get_stylesheet_directory() . '/languages' );
}
/**
* ===== Loading Resources =====
* Add all the extra static resources of the child theme - right now only the style.css file
*/
function mies_child_enqueue_styles() {
// Here we are adding the child style.css while still retaining all of the parents assets (style.css, JS files, etc)
wp_enqueue_style( 'mies-child-style',
get_stylesheet_directory_uri() . '/style.css',
array('wpgrade-main-style') //make sure the the child's style.css comes after the parents so you can overwrite rules
);
}
add_action( 'wp_enqueue_scripts', 'mies_child_enqueue_styles' );
使用此代码
// Queue parent style followed by child/customized style
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', PHP_INT_MAX);
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css'
);
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() .
'/styles/child-style.css', array( 'parent-style' ) );
}
也检查一下这些东西
PHP_INT_MAX作为优先级,以便最后运行
当父项的样式尚未排队时,您尝试将父项的排队样式wpgrade main样式的添加为子排队脚本的依赖项
首先使用get\u template\u directory\u uri()
检索父样式,然后使用get\u stylesheet\u directory\u uri()检索子样式
并在子排队脚本中将父项作为依赖项添加到队列中,如下所示:
函数mies\u child\u styles(){
//让父母排队
wp_enqueue_style('wpgrade main style',trailingslahit(get_template_directory_uri())。/style.css',array();
//排队儿童
wp_enqueue_style('mies child style',trailingslahit(get_stylesheet_directory_uri()。/style.css',array('wpgrade-main-style');
}
添加动作(“wp\u排队脚本”、“mies\u孩子样式”);
我在我的项目中喜欢这样做
function mies_child_enqueue_styles() {
//enqueue parent styles
wp_enqueue_style('parent-theme', get_template_directory_uri() .'/style.css');
// enqueue child styles
wp_enqueue_style('child-theme', get_stylesheet_directory_uri() .'/style.css',
array('parent-theme'));
}
add_action('wp_enqueue_scripts', 'mies_child_enqueue_styles');
我使用了建议的代码,但没有得到预期的结果。此外,wp管理面板停止工作。@arismrk-Hmm。您是否可以尝试使用trailingslashit()
包装您的get\u模板
部分,如上面编辑的代码所示,并查看是否有帮助。