2015-10-07 76 views
3

我開始在wordpress網站上工作。選擇主題後,我決定使用兒童主題方式進行定製。WordPress的:處理兒童和父母主題之間的CSS優先

我跟着常見的方法使用這樣的:

add_action('wp_enqueue_scripts', 'theme_enqueue_styles'); 

function theme_enqueue_styles() { 
    wp_enqueue_style('parent-style', get_template_directory_uri() .'/style.css'); 
    wp_enqueue_style('child-style', get_stylesheet_uri(), array('parent-style')); 
} 

使用它,它不工作很好,因爲我的父母已經有很多CSS樣式表,並且其中的順序是重要的一個排隊的功能,特別是關於必須被父樣式表覆蓋的bootstrap CSS。

從這裏,2個解決方案:

  • 複製並粘貼整個排隊父函數(所以我們更換由孩子一個父功能對我來說,Pro是我們不斷的原有順序。隊列中,con是我們完全跳過這可能被更新原有的功能

  • 使用此代碼爲孩子排隊功能:

    function theme_enqueue_styles() { 
        wp_deregister_style('zerif_bootstrap_style'); 
        wp_enqueue_style('zerif_bootstrap_style', get_template_directory_uri() . '/css/bootstrap.css'); 
        wp_enqueue_style('zerif-style', get_template_directory_uri() . '/style.css' ); 
        wp_enqueue_style('cleverdrive-style', get_stylesheet_uri(), array('zerif-style')); 
        } 
    

在我的情況下,它看起來很好,但如果註銷風格的原始順序很重要,我認爲我們不保留它。

根據你的說法,最好的辦法是什麼?

謝謝你,

Sommy

+0

你可以嘗試使用不同的函數在你的子主題中額外添加js和css文件,但是具有較高優先級或'wp_footer'鉤子的'wp_enqueue_scripts'。這將保持你的父母主題功能工作和兒童主題功能也將工作。 –

+0

嗨,它的作品!簡單而高效,完美!謝謝你 – donfal71

+0

比標記我的評論是有用的,你的問題已解決。 –

回答

0

嘗試使用不同的功能,但wp_enqueue_scripts與之後的優先級或wp_footer鉤在入隊你的孩子主題額外的JS enter code herecss文件。這將保持你的父母主題功能工作和兒童主題功能也將工作。