Intereting Posts
Показать родительские категории и подкатегории, но не категории больших детей Проблема с добавлением preloader на мою домашнюю страницу index.html и index.js Скрыть открытую страницу от зарегистрированных пользователей? Как установить кеш для встроенного синтаксического анализатора SimplePie? Я хочу получить продукт attirbute в разделе ниже Алфавитно упорядоченная категория в WordPress Отображение 2-й категории, только один раз, как подзаголовок, в цикле Войти в Admin Dashboard Problem Проблема при загрузке javascript в нижнем колонтитуле Фильтрация сообщений по названию категории на основе slug страницы Медленный wp_enqueue_media () WP_DEBUG не установлен, но я все еще получаю предупреждения Уменьшить ширину меню вниз в WordPress wp_get_attachment_metadata () извлекает метаданные WP или EXIF? В настоящее время с помощью query_posts () в моей теме – вместо этого нужно использовать фильтр запросов

Загрузка пользовательских jQuery и HTML на странице WordPress

У меня есть простое приложение, над которым я работал, и хотел бы загрузить его в тему WordPress.

Это приложение имеет папку /js с myscript.js , myscript.js /css с mystyle.css и HTML-файлом index.html .

Вот скрипка для всего приложения .

Я использую тему WordPress по умолчанию, и все, что я хочу сделать, это создать страницу для этого приложения и загрузить ее там. Таким образом, я могу создать другую страницу и загрузить другое приложение.

Усилия: из того, что я прочитал, мне нужно вставить свой собственный JS-скрипт, который я сделал так и добавил в файл functions.php :

 /** * A small function to load my custom JScript file for WordCount */ function my_script() { if ( is_page(23) ) { wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array('jquery') ); } } add_action( 'wp_enqueue_scripts', 'my_script', 1 ); 

Моя единственная проблема: где мой код index.html ?

Я бы сделал это в шаблоне страницы .

В своей теме создайте файл с именем page-app.php со следующим содержимым:

 <?php /** * Template Name: App */ function wpdev_137109_enqueue_scripts() { $file = '/js/myscript.js'; wp_enqueue_script( 'myscript', get_stylesheet_directory_uri() . $file, array( 'jquery' ), filemtime( get_stylesheet_directory() . $file ), TRUE ); $file = '/css/mystyle.css'; wp_enqueue_style( 'mystyle', get_stylesheet_directory_uri() . $file, array(), filemtime( get_stylesheet_directory() . $file ) ); } // function wpdev_137109_enqueue_scripts add_action( 'wp_enqueue_scripts', 'wpdev_137109_enqueue_scripts' ); ?> <?php get_header(); ?> <div id="sys-mbox"> <textarea id="sys-tbox"></textarea> </div> <div class="sys-results"> Total number of words: <span class="words"> </span> Total number of chars: <span class="character"> </span> </div> <?php get_footer(); ?> 

Поместите свои файлы стилей и скриптов в указанные местоположения.

Затем создайте страницу WordPress и выберите приложение шаблона страницы из мета-поля « Атрибуты страницы» . Хит сохранить, и все готово.

// РЕДАКТИРОВАТЬ:
Что касается jQuery, попробуйте сделать так:

 jQuery(function($) { // code... });