將樣式加入我的WP主題

Question

我正在建立我的第一個網站主題，但無法將CSS移植到該網站並取得成功。 您可以在下面看到我的functions.php以供參考，我還附加了指向該站點的鏈接，該站點似乎僅顯示未樣式化的元素。 謝謝

鏈接：69375f29.ngrok.io

 <?php function abstract_theme_styles() { wp_enqueue_style('foundation_css', get_template_directory_uri().'css/foundation.css'); wp_enqueue_style('foundation_min_css', get_template_directory_uri().'css/foundation.min.css'); wp_enqueue_style('main_css', get_template_directory_uri().'/style.css'); } add_action('wp_enque_scripts', 'abstract_theme_styles'); function abstract_theme_js() { wp_enque_script('foundation_js',get_template_directory_uri().'js/foundation.js', array('jquery'), '', true); wp_enque_script('foundation_min_js',get_template_directory_uri().'js/foundation.min.js', array('jquery'), '', true); wp_enque_script('app_js',get_template_directory_uri().'js/app.js', array('jquery', 'foundation_js'), '', true); } add_action('wp_enque_scripts', 'abstract_theme_js'); ?> 

Answer 1

我認為，使用函數get_template_directory_uri（）必須在末尾添加“ /”。 代碼如下：

<?php

  function abstract_theme_styles() {

    wp_enqueue_style('foundation_css', get_template_directory_uri().'/css/foundation.css');
    wp_enqueue_style('foundation_min_css', get_template_directory_uri().'/css/foundation.min.css');
    wp_enqueue_style('main_css', get_template_directory_uri().'/style.css');

  }

  add_action('wp_enque_scripts', 'abstract_theme_styles');

  function abstract_theme_js() {

    wp_enque_script('foundation_js',get_template_directory_uri().'/js/foundation.js', array('jquery'), '', true);
    wp_enque_script('foundation_min_js',get_template_directory_uri().'/js/foundation.min.js', array('jquery'), '', true);
    wp_enque_script('app_js',get_template_directory_uri().'/js/app.js', array('jquery', 'foundation_js'), '', true);
  }

  add_action('wp_enque_scripts', 'abstract_theme_js');

?>