ワードプレスでアニメーション終了後にサイト表示させたい

前提・実現したいこと

ワードプレスで作成するサイトで、URLクリック時にGIFアニメーションを表示し、終了後にメインのサイトを表示させたいです。

サイトで調べ、下記で実装出来ることは分かったのですが、ワードプレス上でどのファイルに設定すれば良いのかわかりません。

お手数ですが、ご教示いただけると幸いです。

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

該当のソースコード

■JS
$(function(){
$(".mainSite").css({opacity:'0'});
setTimeout(function(){
$(".mainSite").css("display", "block");
$(".mainSite").stop().animate({opacity:'1'},1000);//1秒かけてコンテンツを表示
},3800);//約4秒後に
});

■HTML

テストサイト

</div>

試したこと

CHERRY

2020/05/22 03:43

情報が曖昧です。 URL クリックとは、どの画面でクリックするのですか？ WordPress の全ての URL にアクセスがあった場合に表示するということでしょうか？特定のページだけであれば、ページの条件は何ですか？

mina37

2020/05/22 04:38

ご返信ありがとうございます。分かりづらい質問で失礼いたしました。ホームページのURLをクリックしてTOPページが表示される前にオープニングアニメーション（ローディングアニメーション）を表示後、TOPページを表示させたいです。イメージとしては下記サイトのイメージです。 https://largo.studio/ こちらで情報たりてますでしょうか。わかりにくく恐縮ですが、ご教示お願いいたします。