Функция PHP File и WP Enqueue Code Error - PullRequest
0 голосов
/ 11 ноября 2019

Я пытаюсь преобразовать статическую тему HTML в тему Wordpress. Мне нужна помощь по поводу ошибок в PHP-коде. Я пытаюсь включить CSS-файлы в мой файл Function.php, но, вероятно, есть ошибка.

Я пытался использовать некоторые коды из developer.wordpress.com "function.php include css files", но они этого не сделалине работаетИтак, мне нужна ваша помощь для лучшего выполнения.

<?php
function add_theme_scripts() {
    wp_enqueue_style( 'animate', get_template_directory_uri() . 'animate.css',false,'1.1','all');
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/bootstrap.css', false, '1.1', 'all');
    wp_enqueue_style( 'flexslider', get_template_directory_uri() . 'flexslider.css',false,'1.1','all');
    wp_enqueue_style( 'icomoon', get_template_directory_uri() . '/css/icomoon.css',false,'1.1','all');
    wp_enqueue_style( 'magnific-popup', get_template_directory_uri() . '/css/magnific-popup.css',false,'1.1','all');
    wp_enqueue_style( 'owl.carousel.min', get_template_directory_uri() . '/css/owl.carousel.min.css',false,'1.1','all');
    wp_enqueue_style( 'owl.theme.default.min', get_template_directory_uri() . '/css/owl.theme.default.min.css',false,'1.1','all');
    wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css',false,'1.1','all')
    wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . 'js/bootstrap.min.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'google_map', get_template_directory_uri() . '/js/google_map.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'jquery.countTo', get_template_directory_uri() . '/js/jquery.countTo.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'jquery.easing.1.3', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'jquery.flexslider-min', get_template_directory_uri() . '/js/jquery.flexslider-min.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'jquery.magnific-popup.min', get_template_directory_uri() . '/js/jquery.magnific-popup.min.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'jquery.min', get_template_directory_uri() . '/js/jquery.min.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'jquery.stellar.min', get_template_directory_uri() . '/js/jquery.stellar.min.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'jquery.waypoints.min', get_template_directory_uri() . '/js/magnific-popup-options.min.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'main', get_template_directory_uri() . '/js/main.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'owl.carousel.min', get_template_directory_uri() . '/js/owl.carousel.min.js', array ( 'jquery' ), 1.1, true);
    wp_enqueue_script( 'respond.min', get_template_directory_uri() . '/js/respond.min.js', array ( 'jquery' ), 1.1, true);
}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );
?>

Структура кода в моей теме и functions.php выше. В моей теме есть несколько файлов .sass-cache, а также файлы sass. Это из-за этого?

Редактировать: Основная проблема в том, что файл functions.php не выбирает путь ресурсов. Например: http://localhost/b2w/js/bootstrap.min.js - это путь, показанный браузером, но он должен выглядеть следующим образом: http://localhost/b2w/wp-content/themes/fitpandas/js/bootstrap.min.js.

Именно поэтому все ресурсы имеют код состояния 404 в разделе Chrome Devtools / Network.

1 Ответ

0 голосов
/ 12 ноября 2019

Убедитесь, что вы правильно назвали файл. Это functions.php, а не function.php

https://developer.wordpress.org/themes/basics/theme-functions/

Обновление

Кроме того, согласно документации, третий параметр должен бытьarray, а не boolean

https://developer.wordpress.org/reference/functions/wp_enqueue_style/

Так, например, код для первого постановки в очередь будет:

wp_enqueue_style( 'animate', get_template_directory_uri() . '/css/animate.css',array(),'1.1','all');

Хотя я не думаю, что это повлияет на результат.

Обновление 2 - согласно комментариям

  1. открытие <? php должно быть <?php
  2. в этой строке нет ;: wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css',false,'1.1','all')

Обновление 3

  1. wp_enqueue_style( 'animate', get_template_directory_uri() . 'animate.css',false,'1.1','all');нужно / до animate.css. Это должно быть: wp_enqueue_style( 'animate', get_template_directory_uri() . '/animate.css',false,'1.1','all');;
  2. То же самое с wp_enqueue_style( 'flexslider', get_template_directory_uri() . 'flexslider.css',false,'1.1','all');
  3. wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . 'js/bootstrap.min.js', array ( 'jquery' ), 1.1, true); необходимо / перед js/. Это должно быть wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . '/js/bootstrap.min.js', array ( 'jquery' ), 1.1, true);
  4. Для тех, кого вы не узнаете, они могут быть включены из файлов CSS или JS, и пути не в порядке. Сделайте изменения для 1, 2 и 3 и проверьте снова.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...