私はWordPressの開発者には新しく、単純な子テーマを作成しようとしています。 狂った親テーマでエンキューされたブートストラップスタイルをオーバーライドするよう子スタイルを取得しようとしています。私がオンラインに見てきたWordpressの子テーマスタイルは、以前にエンキューされたスタイルをオーバーライドしません。
すべてはあなたの子供のテーマが最後にエンキューされていることを確認する必要があり、この問題を解決することを言います、と私は私が達成したと信じている私の子供ののfunctions.phpで:
<?php
// enqueue styles
function sparkling_enqueue_styles() {
// enqueue parent styles
wp_enqueue_style('sparkling-theme', get_template_directory_uri() .'/style.css');
// enqueue child styles
wp_enqueue_style('child-theme', get_stylesheet_directory_uri() .'/style.css', array('sparkling-theme', 'sparkling-bootstrap'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'sparkling_enqueue_styles');
これは私のdevのツールで検査要素の次の順序でヘッド部を与える:
<link rel="stylesheet" id="sparkling-theme-css"
href="http://localhost/wordpress/wp-content/themes/sparkling/style.css?
ver=4.8" type="text/css" media="all">
<link rel="stylesheet" id="sparkling-bootstrap-css"
href="http://localhost/wordpress/wp-
content/themes/sparkling/inc/css/bootstrap.min.css?ver=4.8" type="text/css"
media="all">
<link rel="stylesheet" id="child-theme-css"
href="http://localhost/wordpress/wp-content/themes/sparkling-
child/style.css?ver=1.0" type="text/css" media="1">
<link rel="stylesheet" id="sparkling-style-css"
href="http://localhost/wordpress/wp-content/themes/sparkling-
child/style.css?ver=4.8" type="text/css" media="all">
私は私の子供のテーマのスタイルシートにCSSのこのビットを追加しました:
@media (min-width: 768px) {
.navbar-header {
float: right !important;
}
}
しかし、私は私の.navbar・ヘッダ要素を検査するために行くとき、それはまだ、左にスタイルをブートストラップのおかげで浮いています:
bootstrap.min.css?ver=4.8:5
@media (min-width: 768px) {
.navbar-header {
float: left;
}
は、私は2つの質問があります。彼らが関係しているかどうかはわかりません。
- なぜ私の子供のテーマスタイリングがブートストラップスタイルを上書きしないのですか?
- 最終的なスタイルシート(sparkling-style-css)はどこから来ていますか?私はそれが私のfunctions.phpファイルから削除されて以来、エンキュー時の以前の試みの影だと思う。
ご協力いただきありがとうございます。私は、ブートストラップファイルを再エンキューすることをデキューしようとしましたが、それは助けにはならないと思われ、デザインの他の部分をジャックアップします。
可能であればheader.phpファイルコードとウェブサイトへのライブリンクを投稿できますか? – pomaaa
2番目のスタイルシートについては、WordPressが 'sparkling-style'という名前のstyle.cssを自動的にインクルードするためです。あなたは 'child-theme'を使ってそれを上書きしません。それを 'sparkling-style'としてエンキューしようとするとOKです。 – Aioros
ちょっと@pomaaa、私は私のエラーを発見したので、質問を更新しました。お問い合わせいただきありがとうございます。 – katcalavera