【WordPress】lightboxが動かない時の対処を教えてください

Question

前提・実現したいこと

WordPress本番環境で、lightboxのjQueryプラグインが動けるようにしたい。

発生している問題・エラーメッセージ

local site上では問題なくlightboxが動けているのですが、本番環境に移行すると動けなくなりました。

該当のソースコード

<link href="<?php echo get_stylesheet_directory_uri(); ?>/css/lightbox.css" type="text/css" rel="stylesheet" media="all" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/lightbox-plus-jquery.js" type="text/javascript"></script>

試したこと

上記ソースを</head>内に記述。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

WordPressでjs使う時はwp_enqueue_scritpで依存関係を整理して読み込むようにしましょう
指定された依存関係に応じて適切な順番でjsの読み込みをしてくれます

scriptタグを直書きすると意図せずjsのライブラリ・関数などを上書きする・されることになります

jQueryはその最たるものです
jQueryはWPに内蔵のものを使うのが無難です

Answer 2

local site上では問題なくlightboxが動けているのですが、本番環境に移行すると動けなくなりました

コードが全く同じなのでしたら、ファイルのアップ漏れとか。
ひとまずブラウザの開発ツールのコンソールにエラーが出てないか確認するとこから。

Comments

[Hard_worker]

＞コンソールにエラーが出てないか確認するとこから。
確認しましたところ、 favicon.icoエラーが出てましたが、関係なさそうですよね？