2016-11-29 78 views
2

我的情況是這樣的:我創建的WordPress的用的functions.php一個兒童主題,下面的代碼(它的工作):的CSS連接的兒童主題WordPress的

add_action('wp_enqueue_scripts', 'enqueue_parent_theme_style'); 
function enqueue_parent_theme_style() { 
    wp_enqueue_style('parent-style', get_template_directory_uri().'/style.css'); 

代碼在題材兒童的style.css我用下面的(它的工作):

/* 
Theme Name:  Enigma Child 
Theme URI:  http://weblizar.com/themes/enigma/ 
Description: Tema child per il tema enigma 
Author:   Carlo 
Author URI:  http://weblizar.com/ 
Template:  enigma 
Version:  2.7 
*/ 

對於其他所有CSS例如:

default.css(父主題)

它位於父主題中。由兒童主題

default.css(智利主題)

如何覆蓋規則而不更新父親的主題後丟失任何變化。

謝謝你的答案

回答

1

你可以導入父主題的default.css在頂部的子主題的default.css然後只引用了孩子的default.css在你的主題 - 這意味着,你可以覆蓋任何規則中的父親集兒童。

/* child's default.css */ 
@import url (" /* path to parent's default.css */ "); 
+0

我試過這個解決方案,但規則設置子不會覆蓋父規則。唯一的css覆蓋父規則的是style.css。我發現強制執行父主題的子主題CSS規則。例如: 「child-theme的default.css覆蓋父主題的default.css」 其他解決方案? Thx – Arctic

+0

看看這個[jsfiddle](https://jsfiddle.net/wqws91xm/)。它顯示了一個導入一組css規則的例子(在這種情況下爲bootstrap - 在你的情況下是parent default.css),然後覆蓋一個來改變行爲 - 在這種情況下,將'btn-success'的背景顏色從綠色改爲紅色,你可以通過刪除css面板中的'.btn-success'規則來確認 –

+0

好吧,我想要的工作就是這個例子,但它不起作用。除了style.css文件,Wordpress始終考慮他的父規則。其他的CSS,我覆蓋他們,離開你的CSS父母主題? 我的情況是 父主題(default.css)是這條規則: '.header_section { \t background-color:#31A3DD; \t color:#fff; }' child-theme(default.css)是這條規則: '@import url('../../ enigma/css/default.css'); .header_section { background-color:#FF0000; color:#fff; }' 我做錯了什麼?因爲小孩規則的主題被忽略了? Thx for Answer – Arctic