J
J
justifycontent2020-06-20 02:37:13
Slick
justifycontent, 2020-06-20 02:37:13

Why is the slick slider and some icons not displayed?

What am I connecting wrong? Below code from functions.php

<?php
/**
 * sajo functions and definitions
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package sajo
 */

if ( ! defined( '_S_VERSION' ) ) {
  // Replace the version number of the theme on each release.
  define( '_S_VERSION', '1.0.0' );
}

if ( ! function_exists( 'sajo_setup' ) ) :
  /**
   * Sets up theme defaults and registers support for various WordPress features.
   *
   * Note that this function is hooked into the after_setup_theme hook, which
   * runs before the init hook. The init hook is too late for some features, such
   * as indicating support for post thumbnails.
   */
  function sajo_setup() {
    /*
     * Make theme available for translation.
     * Translations can be filed in the /languages/ directory.
     * If you're building a theme based on sajo, use a find and replace
     * to change 'sajo' to the name of your theme in all the template files.
     */
    load_theme_textdomain( 'sajo', get_template_directory() . '/languages' );

    // Add default posts and comments RSS feed links to head.
    add_theme_support( 'automatic-feed-links' );

    /*
     * Let WordPress manage the document title.
     * By adding theme support, we declare that this theme does not use a
     * hard-coded <title> tag in the document head, and expect WordPress to
     * provide it for us.
     */
    add_theme_support( 'title-tag' );

    /*
     * Enable support for Post Thumbnails on posts and pages.
     *
     * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
     */
    add_theme_support( 'post-thumbnails' );

    // This theme uses wp_nav_menu() in one location.
    register_nav_menus(
      array(
        'menu-1' => esc_html__( 'Primary', 'sajo' ),
      )
    );

    /*
     * Switch default core markup for search form, comment form, and comments
     * to output valid HTML5.
     */
    add_theme_support(
      'html5',
      array(
        'search-form',
        'comment-form',
        'comment-list',
        'gallery',
        'caption',
        'style',
        'script',
      )
    );

    // Set up the WordPress core custom background feature.
    add_theme_support(
      'custom-background',
      apply_filters(
        'sajo_custom_background_args',
        array(
          'default-color' => 'ffffff',
          'default-image' => '',
        )
      )
    );

    // Add theme support for selective refresh for widgets.
    add_theme_support( 'customize-selective-refresh-widgets' );

    /**
     * Add support for core custom logo.
     *
     * @link https://codex.wordpress.org/Theme_Logo
     */
    add_theme_support(
      'custom-logo',
      array(
        'height'      => 250,
        'width'       => 250,
        'flex-width'  => true,
        'flex-height' => true,
      )
    );
  }
endif;
add_action( 'after_setup_theme', 'sajo_setup' );

/**
 * Set the content width in pixels, based on the theme's design and stylesheet.
 *
 * Priority 0 to make it available to lower priority callbacks.
 *
 * @global int $content_width
 */
function sajo_content_width() {
  // This variable is intended to be overruled from themes.
  // Open WPCS issue: {@link https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/1043}.
  // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
  $GLOBALS['content_width'] = apply_filters( 'sajo_content_width', 640 );
}
add_action( 'after_setup_theme', 'sajo_content_width', 0 );

/**
 * Register widget area.
 *
 * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
 */
function sajo_widgets_init() {
  register_sidebar(
    array(
      'name'          => esc_html__( 'Sidebar', 'sajo' ),
      'id'            => 'sidebar-1',
      'description'   => esc_html__( 'Add widgets here.', 'sajo' ),
      'before_widget' => '<section id="%1$s" class="widget %2$s">',
      'after_widget'  => '</section>',
      'before_title'  => '<h2 class="widget-title">',
      'after_title'   => '</h2>',
    )
  );
}
add_action( 'widgets_init', 'sajo_widgets_init' );

/**
 * Enqueue scripts and styles.
 */
function sajo_scripts() {
  wp_enqueue_style( 'sajo-style', get_stylesheet_uri(), array(), _S_VERSION );
  wp_enqueue_style( 'sajo-reset', get_template_directory_uri() . '/assets/css/reset.css');
  wp_enqueue_style( 'sajo-main-style', get_template_directory_uri() . '/assets/css/style.css');

  wp_style_add_data( 'sajo-style', 'rtl', 'replace' );

  wp_enqueue_script('jquery');
  wp_enqueue_script( 'sajo-slick.min', get_template_directory_uri() . '/assets/js/slick.min.js', array(), 1.0, true );
  wp_enqueue_script( 'sajo-script', get_template_directory_uri() . '/assets/js/script.js', array(), 1.0, true );
  if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    wp_enqueue_script( 'comment-reply' );
  }
}
add_action( 'wp_enqueue_scripts', 'sajo_scripts' );

/**
 * Implement the Custom Header feature.
 */
require get_template_directory() . '/inc/custom-header.php';

/**
 * Custom template tags for this theme.
 */
require get_template_directory() . '/inc/template-tags.php';

/**
 * Functions which enhance the theme by hooking into WordPress.
 */
require get_template_directory() . '/inc/template-functions.php';

/**
 * Customizer additions.
 */
require get_template_directory() . '/inc/customizer.php';

/**
 * Load Jetpack compatibility file.
 */
if ( defined( 'JETPACK__VERSION' ) ) {
  require get_template_directory() . '/inc/jetpack.php';
}

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Anton Litvinenko, 2020-06-20
@AntonLitvinenko

At least rewrite initialization via jQuery. Something like jQuery(function($) {}) ;
And inside there are already scripts, in WordPress by default the old jQuery, he does not know about $.

S
Sergey Ermilov, 2020-06-20
@sergeiermilov

There is a suspicion that you need to check the paths to the final files and check the usage:
- get_stylesheet_directory_uri()
- get_template_directory_uri()
- get_stylesheet_uri()
Also look for errors in the Google Chrome Console (F12). The console will show JS conflicts or a 404 error that required files were not found.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question