Опубликовано — Оставить комментарий

WP AJAX

  1. jQuery.ajax() – https://api.jquery.com/jquery.ajax/
    WP грузит jQuery сам – ничего дополнительно делать не нужно
  2. jQuery AJAX обработчик – js файл, прописываем загрузку в functions.php
    wp_enqueue_script( ‘my-ajax’, get_template_directory_uri() . ‘/js/my-ajax.js’ );
    wp_localize_script( ‘my-ajax’, ‘MyAjax’, [ ‘ajaxurl’ => admin_url( ‘admin-ajax.php’ ) ] );
  3. Элемент активации (кнопка, чекбокс, радио и т.д.) размещаем на странице, где нужен ajax, с определенным классом. На этой же странице должно быть определено место куда будут попадать результаты запроса.
  4. В jQuery обработчике прописываем WP хук событие в виде
    $.ajax( { url: MyAjax.ajaxurl, data: ‘action=actionname’, …., success: function( data ) {}});
  5. В functions.php прописывается хуки
    wp_ajax_actionname {actionname – ЗНАЧЕНИЕ ПАРАМЕТРА ACTION!!} – для авторизованных пользователей
    wp_ajax_nopriv_actionname {actionname – ЗНАЧЕНИЕ ACTION!!} – для не авторизованных пользователей
    add_action( ‘wp_ajax_actionname’, ‘my_ajax_agent’ );
    add_action( ‘wp_ajax_nopriv_actionname’, ‘my_ajax_agent’ );
  6. WP обработчик my_ajax_agent в functions.php
    Здесь выполняется запрос данных, что-то делается с полученными данными и они выводятся.
    Результат функции все что выводит echo в ней.
    Этот результат попадает в jQuery обработчик – success: function( data ) { $(‘.место-на-странице’).append(data); }


Опубликовано — Оставить комментарий

Галерея на базе Magnific Popup

Magnific Popup — jQuery плагин

functions.php
  // magnific-popup.css
  wp_enqueue_style( 'magnific-popup', get_template_directory_uri() . '/css/magnific-popup.css' );
  // magnific-popup.js
  wp_enqueue_script( 'magnific-popup', get_template_directory_uri() . '/js/magnific-popup.js', array('jquery'));

Файлы magnific-popup.css и magnific-popup.js взять здесь – https://dimsemenov.com/plugins/magnific-popup/#mfp-build-tool

Перед подключением magnific-popup.js подключить jQuery

Читать далее Галерея на базе Magnific Popup
Опубликовано — Оставить комментарий

Подчеркивание пункта меню

Чтобы было понятно какой пункт меню активен его надо как-то выделить среди остальных, проще всего оставить подчеркнутым или выделить как-то по другому

Читать далее Подчеркивание пункта меню
Опубликовано — Оставить комментарий

Подключение jQuery

jQuery есть в ядре WordPress

Будет записан в секцию head страницы, после того как отработает wp_head(). Обычно wp_head() вызывается из header.php темы.

Как ускоряет загрузку использование CDN ?
CDN (Content Delivery Network — сеть доставки и дистрибуции контента) ускоряет ваш сайт путем загрузки статических ресурсов запрашиваемого сайта с ближайшего к пользователю дата-центра, а не с основного веб-сервера, где расположен сайт.
Еще есть вероятность что jQuery загружался раньше для какой-нибудь другой страницы, тогда он есть в кеше браузера и браузер его не будет грузить еще раз.

Читать далее Подключение jQuery