Как использовать лайтбокс из плагина?

Доброго времени суток!

Дано: тема Neve Pro и плагин Go Portfolio, в плагине используется вот этот лайтбокс.

Этот лайтбокс работает только с превьюшками галереи, хочется прикрутить его к картинкам в записях. В помощь использовал вот это видео.
Но что-то делаю не так и не знаю что.

Итак, что уже сделано:
1. в functions.php добавлены стройки:

// Register Script
function modal_popup_script() {

	wp_register_script( 'modal_popup', home_url() . '/wp-content/plugins/go_portfolio/assets/plugins/magnific-popup/jquery.magnific-popup.min.js', array( 'jquery' ), false, false, true );
	wp_enqueue_script( 'modal_popup' );

}
add_action( 'wp_enqueue_scripts', 'modal_popup_script' );

// Register Style
function modal_popup_style() {

	wp_register_style( 'modal_style', home_url() . '/wp-content/plugins/go_portfolio/assets/plugins/magnific-popup/magnific-popup.css', false, false );
	wp_enqueue_style( 'modal_style' );
	
}
add_action( 'wp_enqueue_scripts', 'modal_popup_style' );

2.По пути wp-content/themes/neve/assets/js создал файл — scripts.js с кодом:

"use strict";

jQuery(document).ready(function($) {
    
    $("a[href$='.jpg'], a[href$='.jpeg'], a[href$='.gif']").magnificpopup({
        type: 'image',
        closeOnContentClick: true,
        mainClass: 'mfp-img-mobile',
        image: {
            verticalFit: true
        }
    })
})

В коде профан, помогите пожалуйста)
Может созданный файл scripts.js темой не читается и его надо где-то подключить?

• Тема изменена 4 года, 5 месяцев назад пользователем 2rock.