Wordpressの子テーマstyle.cssが動作しない

親テーマと同じフォーマットでファイル構造を作成しました。親のテーマはアルパインと呼ばれ、アルパインの中には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ファイルです：

あなたは子供のテーマstyle.cssをエンキューする必要があります10

出典

2016-10-11 Gavin Reynoldson

あなたのプロジェクトへのリンクを共有することはできますか？ – Jrod

私は現在、AWS EC2インスタンスでWebサイトをホストしています。私はSSH経由でウェブサイトを編集しています。これは現在の開発アドレスです：http://ec2-52-211-25-124.eu-west-1.compute.amazonaws.com/ –

<head>タグをご覧ください。もっと重要なことは、あなたのスタイルシートの順番を見てください。

子テーマのスタイルが最初に追加されてから親テーマのすべてのスタイルが追加されます。これにより、親テーマのスタイルが子テーマスタイルよりも優先されます。

の3番目のパラメータを使用して、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をfunction.phpファイルにコピーして注文を変更することはできますか？ –

@GavinReynoldsonはい。私は元のコードをコピーし、あなたの 'add_action'呼び出しに優先順位を追加しました。 'add_action（ 'wp_enqueue_scripts'、 'my_theme_enqueue_styles'、11）;は優先度である第3のパラメータを持つようになりました。 10がデフォルトの優先順位であるため、これは11に設定されています。 – Jrod

私は上記のfunctions.phpを追加しましたが、まだ変更はありません。 'head'をチェックすると最後にロードされるファイルは親スタイルです。私はalpine-child/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が動作しない

答えて

関連する問題