html5blankのWordpress Childテーマ

Question

私はhtml5blankテーマの子テーマを設定するのに非常に苦労しています。私が親のテーマを新しくインストールし、最初からやり直しているところに、この記事を書いてみましょう。基本的に子供を作成すると、私は今、私のカスタム/css/main.cssファイルをロードする必要があります - それはそれを持っていない！セットアッププロセスの説明は次のとおりです。

新しくダウンロードしたhtml5blankフォルダを/ themes /にドロップして起動しました。その後、/ html5blank-childという別のフォルダを/ themes /内に作成しました。その中で私は空白の新しいstyle.cssとfunctions.phpを作成しました。

/* 
Theme Name: HTML5 Blank Child 
Theme URI: http://example.com/twenty-fifteen-child/ 
Description: HTML5 Blank Child Theme 
Author:  My Name 
Author URI: http://myportfolio.com 
Template:  html5blank 
Version:  1.0.0 
License:  GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Tags:   light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready 
Text Domain: html5blank-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'); 
} 
?> 

のstyle.css以内に私は次のよう持っています。すべてのことが行われても、すべてが機能しているように見えます。私はウェブサイトの静的なテンプレートを作成したので、私は 'img'、 'css'、 'font'と 'js'フォルダをhtml5blank-子にドロップします。

は今私の「実際の」CSSファイルは、のパスがあります：html5blank-子/ CSS /のmain.cssを

私はこのファイルをロードする必要があり、私は私のfunctions.phpのCSSのパスを調整するように言われました。 to：/css/main.css ...しかし、ファイルはまったくロードされません。私はまたget_template_directory_uri()の代わりにget_stylesheet_directory_uri()を使用してみましたが、他の誰かからアドバイスを受けましたが、運はありませんでした！

このようなプロセスを文書化した理由は、http://localhost:8888/websitename/adminを使用してWordpress管理者にアクセスすると、これは通常通りにwp-adminにリダイレクトされません。また、私はポストを保存するために行ったときに、私は空白のページを取得しました。ありがたいことに、今回は起こっていないので、良い（良い）スタートだと思いますが、今はファイルをロードする必要があります。

誰かが助けてくれることを願っています！ :)

Answer 1

まず、メインテーマのstyle.cssをchildテーマのstyle.cssの中にインポートする必要があります。

@importを使用して、まずcssファイルをインポートします。

また、子テーマのfunctions.phpの親スタイルを削除してから、親テーマのstyle.css最初に与えられる以下のようなあなたのhtml5blank-子供/ CSS /のmain.css、

add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles'); 
function my_theme_enqueue_styles() { 
    wp_enqueue_style('child-main', get_stylesheet_directory_uri() . '/css/main.css'); 
} 

Answer 2

ロードを含めます子供のテーマCSSを次のようにロードしてください：

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'); 
    wp_enqueue_style('child-main', get_stylesheet_directory_uri() . '/css/main.css', array('parent-style')); 
}