将样式排入我的WP主题

时间:2018-02-16 22:12:15

标签: php css wordpress wordpress-theming

我正在构建我的第一个网站主题,并且无法让我的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 个答案:

答案 0 :(得分:0)

我认为使用函数 get_template_directory_uri()你必须添加de&#34; /&#34;在末尾。代码如下:

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

?>