photoswipeが動かない

現在ギャラリーサイト作成中で、photswipeの導入を試みています。
必要なソースはすべて入れたはずなのですが、wp上でまったく動きません。もう1日はまってます。。
試しにwpでない自サーバーに一式アップして動作を確認したところ、表示崩れを起こしながらですが一応スライダーやlarge-sizeの画像、ギャラリーを閉じるアイコンなどが表示されました。ですが、アイコンはクリックしても動きません。
自サーバーとwpで導入した際の挙動が違うため、こちらの原因も気になっています。
wp上ではサムネイルをクリックしてもギャラリーが表示されません。

アップロードしたファイルは、

<br />
<link rel="stylesheet" href="photoswipe.css"><br />
<link rel="stylesheet" href="default-skin/default-skin.css"><br />
<script src="photoswipe.min.js"></script><br />
<script src="photoswipe-ui-default.min.js"></script><br />

と、下記jsファイルなのですが、こちらを直書きにしたり、読み込みファイルに変更しても表示が変わるようなので、どちらも試しながらやっています。。初心者的観点なので、真意は定かではありません汗

<script src="fire-photoswipe-normal.js"></script>

このファイルの中身は、こちらになります。

また、上記ファイルを直書きする際のjsの書き方も合っているか不安です。
テンプレートとしては

<br />
<script type="text/javascript"><br />
    (function() {<br />
         'ファイルと同一内容'<br />
    })();<br />
</script><br />

で合っておりますでしょうか？
js/cssはひとまずheader.phpに挿入しています。
（footer.phpでも試しました）

あとはのソースはコンテナ用のhtml、サムネイル部分のhtmlを固定ページに入れています。

プラグインのphotoswipeですが、見栄えのカスタマイズ方法がいまいちわからず、、
キャプションも入れたり結構がっつりデザインを入れたいので、手動での導入方法を考えていました。プラグインでもそれが可能ならそっちの方がいいのかも、迷っています。

似たような事象をご存知の方いらっしゃいましたら、何卒ご教授いただければと思います。
よろしくお願いいたします。

• このトピックはgatespaceが8年、 3ヶ月前に変更しました。