diventarecreative
  • 0
Новичок

Как правильно включать файлы в тему WordPress TwentyTen с собственными скриптами jquery и css?

  • 0

Я хочу включить ползунок в тему WordPress по умолчанию на домашней странице. Мне удалось заставить страницу отображаться с помощью <?php if ( is_home() ) { include ('slider.php'); } ?>, но не похоже, что она загружает необходимый скрипт jquery или таблицу стилей. Я знаю, что есть конфликт со скриптами и WordPress, я просто не знаю, как заставить его работать.

Образец страницы находится на http://axiomwest.com/

Как вы загружаете страницу с собственной таблицей стилей и скриптами?

Share
  1. Вам нужно иметь скрипт в отдельном файле (обычно это будет filename.js; я полагаю, filename.php будет работать?).

    Затем вам нужно зарегистрировать и поставить этот файл сценария в очередь, используя wp_register_script() иwp_enqueue_script()

    например:

    function mytheme_register_custom_scripts() {
        if ( ! is_admin() ) {
            $scriptsrc = get_stylesheet_directory_uri() . '/scripts/filename.js';
            wp_register_script( 'mytheme_slider', $scriptsrc );
        }
    }
    add_action( 'after_setup_theme', 'mytheme_register_custom_scripts' );
    
    function mytheme_enqueue_custom_scripts() {
        if ( is_home() ) {
            wp_enqueue_script( 'mytheme_slider' );
        }
    }
    add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_custom_scripts' );
    

    Обратите внимание, что регистрация скрипта должна произойти в after_setup_theme, но is_home() я не думаю, что в этот момент она будет недоступна, поэтому вам нужно отделить функцию постановки в очередь, чтобы она подключалась к wp_head, к этому времени is_home() она будет доступна.

    • 0
  2. ОБНОВИТЬ! Я просто включил ползунок, который пытался использовать. Я связал сценарии jquery, которые нужны странице, с помощью <?php bloginfo('template_directory'); ?> метода. Я заметил, что загрузка этой части страницы занимает пару секунд, но это работает. Я все еще думаю, что это можно улучшить, но с временными ограничениями это придется сделать. Всем спасибо за комментарии и желание помочь!

    • 0

Оставить ответ

You must login to add an answer.