TCD「NANO」の子テーマでスライダーが表示されない
WordPressのテーマは子テーマを作ってカスタマイズしていくのが鉄板ですが、今回TCDの「NANO」のテーマを使ったサイトを構築しようと思い子テーマを作成し有効化したところ、スライダーが表示されないというトラブルに遭ったので解決方法をメモしておきます。
原因はスタイルシートの読込順位
スタイルシートの読み込み順の関係でこの不具合が起きているらしいです。
たとえば「SERUM」などのテーマでは、子テーマの style.css が親テーマよりも先に読み込まれることで、本来のデザインが崩れてしまうケースが確認されております。
WordPressの子テーマを作る理由と子テーマを自作する方法でも他のテーマが優先順位が原因でデザインが崩れることが書かれており、おそらく今回のnanoのケースも同様の原因だと思われます。
functions.phpの修正コード
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
$dp_options = get_design_plus_options();
//フロントページかつ、TCDテーマオプションで画像スライダーが選択されている。
if ( is_front_page() && 'type1' === $dp_options['header_content_type'] ) {
wp_enqueue_style( 'nano-slick', get_template_directory_uri() . '/assets/css/slick.min.css', false, version_num() );
wp_enqueue_style( 'nano-slick-theme', get_template_directory_uri() . '/assets/css/slick-theme.min.css', false, version_num() );
}
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', array(), false );
wp_enqueue_style( 'nano-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') );
}
?>
こちらでスライダーが表示されるようになりました。
参考：TCD「NANO」の子テーマでスライダーが表示されない時の対応方法
