1. 素材のダウンロード

素材のダウンロード
素材のDL後、imagesと同じ階層に、images_sampleフォルダを作ってその中に各素材を入れて下さい。
（テンプレフォルダを開いたら、imagesフォルダ、images_sampleフォルダが見える形）

2. Masonryを使うための設定（１箇所目）

html下部の
<!--jQueryの読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
と、
<!--このテンプレート専用のスクリプト-->
<script src="js/main.js"></script>
の間に、以下のコードを入れて下さい。

<!-- Masonry & imagesLoaded -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js"></script>

<!-- Fancybox -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

3. Masonryを使うための設定（２箇所目）

cssフォルダのstyle.css冒頭に、以下を追加して下さい。Font Awesomeの読み込みの下あたりでOKです。
/*fancyboxの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css");