Wordpress中的子主題style.css無法覆蓋index.php文件
P粉103739566
P粉103739566 2024-03-27 20:53:39
0
1
318

希望能幫到你。 我為我的 WordPress 頁面建立了一個子主題,並在其中設定了 style.css 和functions.php。我假設隊列已正確設置,因為我可以更改一些不同的內容並且它顯示成功。但是,如果我嘗試更改 index.php 中的某些內容,它不會覆蓋。

例如,我試圖更改滑鼠懸停在連結上時的顏色。

我已經檢查了各種其他帖子和文檔,但似乎沒有幫助。

如果我的隊列實際上是正確的,任何建議或確認將不勝感激。

這是我的 style.css

/* Theme Name:   Blossom pin child
Theme URI:    https://www.diagnosischerry.co.uk
Description:  A blossom pin child theme 
Author:       Blossom Themes
Author URI:   https://blossomthemes.com/
Template:     blossom-pin
Version:      1.0.0
Text Domain:  blossom-pin-child
*/

.archive #primary .post .entry-header .category a {
    background: red!important;
}

.archive #primary .post .entry-header .category a:hover {
    background: red!important;
}

這是我的functions.php

<?php
// enqueue parent styles

function blossompin_scripts() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_uri() . '/style.css');
    }
    add_action('wp_enqueue_scripts', blossompin_scripts);

    
?>

編輯: 排隊似乎是正確的,因為我能夠更新文字和其他一些文字的背景,但我在精確定位和更改類別連結的背景顏色時遇到問題。

下面是我指的粉紅色背景

上圖為檢查時的圖片。如果我將頂部的顏色從粉紅色更改為紅色,它會發生變化,但如果我要複製所有這些並將其放入我的style.css 中,或者只選取我認為與之相關的部分,那麼它不會改變顏色,只是保留粉紅色。

非常感謝 雷###
P粉103739566
P粉103739566

全部回覆(1)
P粉317679342

您錯誤地使用了 get_stylesheet_uri() 函數,而不是與 CSS 相關的問題。 如果您檢查 get_stylesheet_uri() 函數的定義,您可以看到它傳回子主題目錄中 style.css 檔案的完整 URL

function get_stylesheet_uri() {
    $stylesheet_dir_uri = get_stylesheet_directory_uri();
    $stylesheet_uri     = $stylesheet_dir_uri . '/style.css';
    return apply_filters( 'stylesheet_uri', $stylesheet_uri, $stylesheet_dir_uri );
}

因此,要將style.css 放入子主題中,您應該使用wp_enqueue_style('child-style', get_stylesheet_uri());wp_enqueue_style('child-style', get_stylesheet_directory_uri( ) .'/style.css');

#
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板