• 解決済 kokoro2525

    (@kokoro2525)


    こんにちは
    初めて投稿させていただきます。

    Lightningの子テーマを使用しているのですが、functions.phpにコードを何度も書いているのですが、SwiperやCSSファイルなどを上手く読み込んでくれません。
    もしどなたか分かる方がおられましたらお教えください。

    子テーマでの制作が初めのてため、もし資料やサイトなどお教えいただくとありがたいです。恐れ入りますが、どうぞよろしくお願いします。

    function my_script_init() {

      // WordPressに含まれているjquery.jsを読み込まない

      wp_deregister_script('jquery');

      // jQueryの読み込み(jQueryの依存関係を明示的に指定)

      wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js', array(), '3.7.1', true);

      // Google Fontsの読み込み

      wp_enqueue_style('NotoSansJP', '//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

      wp_enqueue_style('Roboto', '//fonts.googleapis.com/css2?family=Roboto:wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

      wp_enqueue_style('Oswald', '//fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

      wp_enqueue_style('eco-shop-google-font', '//fonts.googleapis.com/css?family=Lora:ital,wght@0,400..700;1,400..700&display=swap', false, null, 'all');

      // Font Awesomeの読み込み

      wp_enqueue_style('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css', array(), '6.5.1');

      // SwiperのCSSとJavaScriptの読み込み(依存関係なし)

      wp_enqueue_script('swiper', get_template_directory_uri() . '/js/lib/swiper-bundle.min.js', array(), '1.0.1', true);

      wp_enqueue_style('swiper-css', get_template_directory_uri() . '/css/lib/swiper-bundle.min.css', array(), '1.0.1');

      // 親テーマのスタイルの読み込み

      wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');

      // 子テーマのカスタムスタイルの読み込み(親テーマに依存)

      wp_enqueue_style('child-custom-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'), filemtime(get_stylesheet_directory() . '/style.css'));

      // リセットCSSとメインスタイルの読み込み

      wp_enqueue_style('reset-css', get_template_directory_uri() . '/css/reset.css', array(), '1.0.1');

      wp_enqueue_style('main-style', get_template_directory_uri() . '/css/style.css', array(), '1.0.1');

      // メインJavaScriptファイルの読み込み(jQueryに依存)

      wp_enqueue_script('main-js', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0.1', true);

      // 子テーマのJavaScriptファイルの読み込み(jQueryに依存)

      wp_enqueue_script('child-script', get_stylesheet_directory_uri() . '/js/script.js', array('jquery'), '1.0.0', true);

    }

    add_action('wp_enqueue_scripts', 'my_script_init');
4件の返信を表示中 - 1 - 4件目 (全4件中)
  • Setouchi Kotori

    (@setouchikotori)

    ごめんなさい、違う方向のお話なんですが。

    Swiper をスライダー実装のためにお使いになる予定なのでしたら、Lightning の開発者様であるベクトル様が開発されたプラグインはいかがでしょうか。

    VK Blocks に入っていて、無料で使えます。

    【参考】VK Blocks スライダーブロックの使い方 (基本編)

    ご存じでしたらすみません。

    arborvitae666

    (@arborvitae666)

    get_template_directory_uri()

    は、親テーマのURLを返します。

    Lightning のテーマのルートディレクトリには、cssディレクトリもjsディレクトリもないので何も読み込まれません。また、style.cssは存在しますが、全部コメントなので何も読み込まれません。

    なお、親テーマ・子テーマのstyle.cssは自動で読み込まれているはずです。

    Lightningには、g2とg3があるので親テーマのfunctions.phpで条件分岐して別ファイルを読み込んでいるようなので、参照してみてください。

    また、読み込みたいSwiperは、子テーマのディレクトリに用意してそこから読み込んでみてはいかがでしょうか。

    • この返信は1ヶ月前にarborvitae666が編集しました。理由: typo

    Lightningはそもそも親テーマ内で swiper を標準で読み込みます。

    質問内容は
    “swiperが読み込まれない” なのか
    “swiperや AAA や BBB や CCC など、独自に読み込みたいものが読み込まれない” なのかどちらでしょう?

    子テーマについては追加したものだけ書けば良いので、swiper については親テーマで既に読み込んでいるので、子テーマの functions.php に記載する必要はありません。

    そして、 swiper 関連は @setouchikotori さんが言及してくれているように VK Blocks で簡単に使えるようになっているので本来特にコードで書かなくても簡単に実装できます。

    swiper 以外の独自に追加で読み込ませたいファイルが読み込まれないのは @arborvitae666 さんが言及してくれているようにファイルのURLの問題も関連すると思いますが、そもそも親テーマにあるファイルは親テーマ側で読み込んでいるので子テーマ側であえて読み込ませる必要はありません。

    トピック投稿者 kokoro2525

    (@kokoro2525)

    ありがとうございました。
    無事に解決いたしました。

    カスタマイズがほぼ初めてで何も分からいなか助けていただきありがとうございました。

    また何かございましたら、質問させていただきます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。