Xeory Extensionで子テーマを作るとスタイルが崩れる

ご注意

このサイトは現在SANGOで作っていますが、その前にXeory Extensionで制作を試していました。その時の記事です。

【困ったこと】
Xeory Extensionで子テーマ（xeory_extension_child）を作成・有効化すると、表示が崩れる。

【原因】
親テーマ（Xeory Extension）のbase.cssは読み込むのにstyle.cssを読み込んでいなかったから。

【解決法】
「wp-content/themes/xeory_extension_child/lib/functions」内の「asset.php」を編集

code


/* StyleSheet
* ---------------------------------------- */

if( !is_admin() ){
  add_action('wp_enqueue_scripts', 'bzb_add_style',9);
  function bzb_register_style(){
    wp_register_style( 'base-css', get_template_directory_uri().'/base.css' );
    wp_register_style( 'main-css', get_stylesheet_directory_uri().'/style.css',array('base-css') );
    wp_register_style( 'font-awesome', get_template_directory_uri().'/lib/css/font-awesome.min.css');
  }
  function bzb_add_style(){
    bzb_register_style();
    wp_enqueue_style('font-awesome');
    wp_enqueue_style('base-css');
    wp_enqueue_style('main-css');
  }
}

上記のコードを、下記のように変更。

「kiso-css」としてstyle.cssを定義
読み込ませるcssに追加

code


/* StyleSheet
* ---------------------------------------- */

if( !is_admin() ){
  add_action('wp_enqueue_scripts', 'bzb_add_style',9);
  function bzb_register_style(){
    wp_register_style( 'base-css', get_template_directory_uri().'/style.css' );
	wp_register_style( 'kiso-css', get_template_directory_uri().'/base.css' );
    wp_register_style( 'main-css', get_stylesheet_directory_uri().'/style.css',array('base-css','kiso-css') );
    wp_register_style( 'font-awesome', get_template_directory_uri().'/lib/css/font-awesome.min.css');
  }
  function bzb_add_style(){
    bzb_register_style();
    wp_enqueue_style('font-awesome');
    wp_enqueue_style('base-css');
    wp_enqueue_style('kiso-css');
    wp_enqueue_style('main-css');
  }
}

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル