複数のCSSファイルを持つWordPressの子テーマ

Question

私はWordpressを学んでいます。私は子供のテーマを作成してその周りを遊び始めたいと思っています。私は子供のテーマを作成する方法でオンラインいくつかのチュートリアルに従っているhttps://themeisle.com/demo/?theme=Zerif%20Lite#

：

私はWordpressの、Zerif Liteの無料ブートストラップ3テーマを使用することを選択しました。新しい子テーマを作成してアクティブ化することができましたが、親CSSファイルと子CSSファイルがブートストラップCSSファイルの上にレンダリングされています。私はそれらをすぐ下にロードしたいと思います。

また、Zerif Liteテーマではレスポンシブデザインに別のCSSファイルが使用されています。どうすればその子を作ることができますか？

あなたは私がここで働いているかのライブデモを見ることができます：https://www.dev.hitcontinue.eu

ありがとうございました。 /Bilal

Answer 1

テーマは、themes functions.phpファイルにエンキューされている可能性があります。ここで私のテーマは、私が扱っているLaw FirmサイトでブートストラップCSSをエンキューする方法です。

wp_enqueue_style('bootstrap-style', get_template_directory_uri() . '/css/bootstrap.min.css', array(), '3.3.5'); 

第3パラメータは、前提条件の配列です。この場合、ブートストラップには前提条件がないので空です。

お子様のテーマディレクトリにfunctions.phpファイルを作成します。

あなたは前提条件として、ブートストラップ使用して、あなたのスタイルをエンキューした場合、それはブートストラップの後に表示されるはずですが - ここで私はそれを行う方法である：私はロードするための前提条件として「ブートストラップスタイル」を使用

wp_enqueue_style('btc-style', get_template_directory_uri() . '/style.css' , array ('bootstrap-style')); 

お知らせカスタムCSSがロードされる前に、それは上記の最初の宣言で使用されたハンドル（最初のパラメータ）です。

親テーマの応答ファイルをオーバーライドするために、すべての変更について子テーマのCSSファイルを1つだけ使用します。オーバーライドされていないものは、テーマ作成者が意図したとおりに動作します。