WordPress的兒童主題style.css不工作

我已經創建了與我的父主題相同格式的文件結構。我的父母主題叫做Alpine，在Alpine中有一個functions.php和style.css文件。似乎沒有任何額外的style.css文件。WordPress的兒童主題style.css不工作

我創建了一個名爲Alpine-child的目錄，並在其中創建了一個functions.php和style.css文件。

我不能工作了，爲什麼任何改變我做孩子的style.css尚未實現，但他們是當我在做父母的style.css同樣的變化

這是我的孩子的style.css：

/* 
 
Theme Name: Alpine Child 
 
Theme URI: http://www.creative-ispiration.com/wp/alpine/ 
 
Description: My first child theme, based on Alpine 
 
Author:  MilkshakeThemes 
 
Author URI: http://themeforest.net/user/milkshakethemes 
 
Template:  Alpine 
 
Version:  1.0.0 
 
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, rtl$ 
 
Text Domain: alpine-child 
 
*/

這是我的孩子functions.php文件：

<?php 
 
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles'); 
 
function my_theme_enqueue_styles() { 
 
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); 
 
} 
 
?>

來源

2016-10-11 Gavin Reynoldson

你能分享一個鏈接到你的項目？ – Jrod

我目前在AWS EC2實例上託管網站。我一直在通過SSH編輯網站。這是當前的發展地址：http://ec2-52-211-25-124.eu-west-1.compute.amazonaws.com/ –

看看你的<head>標籤。更重要的是看你的樣式表的順序。

首先添加您的孩子主題的樣式，然後添加父主題的所有樣式。這將導致父主題中的樣式覆蓋您的子主題樣式。

您可以通過使用第三個參數add_action來更改my_theme_enqueue_styles函數在父項之後運行的優先級。這會將您的子主題樣式排在最後，並允許CSS按預期工作。

<?php 
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles', 11); 
function my_theme_enqueue_styles() { 
    wp_enqueue_style('child-style', get_stylesheet_uri()); 
} 
?>

來源

2016-10-11 16:28:16 Jrod

我可以將上面的php複製到我的functions.php文件中來改變順序嗎？ –

@GavinReynoldson是的。我剛剛複製了您的原始代碼，併爲您的'add_action'調用添加了優先級。注意'add_action（'wp_enqueue_scripts'，'my_theme_enqueue_styles'，11）;'現在有第三個參數是優先級。這已設置爲11，因爲默認優先級爲10。 – Jrod

我已經將上面的代碼添加到了functions.php中，並且沒有任何改變。當我檢查'head'時，加載的最後一個文件是父類型。我完全看不到alpine-child/style.css。 –

您需要排隊的子主題style.css所以你的功能應該是：

function my_theme_enqueue_styles() { 

    $parent_style = 'parent-style'; 

    wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css'); 
    wp_enqueue_style('child-style', 
     get_stylesheet_directory_uri() . '/style.css', 
     array($parent_style), 
     wp_get_theme()->get('Version') 
    ); 
} 
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

看看在documentation。

來源

2016-10-11 11:22:18

不幸的是，這也不起作用。我實際上已經嘗試了很多變體，並試圖使用@import。似乎沒有任何工作。我已經向主題開發者發送了支持消息。謝謝 –

<?php 
 
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles'); 
 
function my_theme_enqueue_styles() { 
 
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); 
 
} 
 
?>

來源

2017-11-25 10:14:36

WordPress的兒童主題style.css不工作

回答

相關問題