如何将photoswipe实现成wordpress的自定义主题？

function enqueue_photoswipe_scripts() {
    wp_enqueue_script( 'photoswipe', get_template_directory_uri() . '/path/to/photoswipe.min.js', array( 'jquery' ), '4.1.2', true );
    wp_enqueue_script( 'photoswipe-ui', get_template_directory_uri() . '/path/to/photoswipe-ui-default.min.js', array( 'photoswipe' ), '4.1.2', true );
    wp_enqueue_style( 'photoswipe-style', get_template_directory_uri() . '/path/to/photoswipe.css', array(), '4.1.2' );
    wp_enqueue_style( 'photoswipe-skin', get_template_directory_uri() . '/path/to/default-skin/default-skin.css', array( 'photoswipe-style' ), '4.1.2' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_photoswipe_scripts' );

<?php
/*
Template Name: Photoswipe Template
*/
get_header();
?>

<!-- 在这里编写自定义页面模板的内容 -->

<?php get_footer(); ?>

<?php
/*
Template Name: Photoswipe Template
*/
get_header();
?>

<div id="gallery" class="photoswipe-gallery">
    <?php
    // 获取图像的查询
    $args = array(
        'post_type'      => 'attachment',
        'post_mime_type' => 'image',
        'post_status'    => 'inherit',
        'posts_per_page' => -1,
    );
    $attachments = new WP_Query( $args );

    // 循环遍历图像并显示它们
    if ( $attachments->have_posts() ) {
        while ( $attachments->have_posts() ) {
            $attachments->the_post();
            $image_url = wp_get_attachment_image_src( get_the_ID(), 'full' );
            $thumbnail_url = wp_get_attachment_image_src( get_the_ID(), 'thumbnail' );
            ?>
            <figure>
                <a href="<?php echo esc_url( $image_url[0] ); ?>" data-size="<?php echo esc_attr( $image_url[1] ); ?>x<?php echo esc_attr( $image_url[2] ); ?>">
                    <img src="<?php echo esc_url( $thumbnail_url[0] ); ?>" alt="<?php the_title_attribute(); ?>">
                </a>
            </figure>
            <?php
        }
    }
    wp_reset_postdata();
    ?>
</div>

<script>
    // 初始化Photoswipe库
    var gallery = new PhotoSwipe( document.querySelector( '.photoswipe-gallery' ), PhotoSwipeUI_Default, [], {
        index: 0
    } );
    gallery.init();
</script>

<?php get_footer(); ?>