将样式加入我的WP主题

我正在建立我的第一个网站主题, 但无法将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');

?>

#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');

?>

来源：

https://www.srcmini02.com/65043.html