見た目を更新しよう

画像の差し替え

初期状態ではやや不気味な画像が表示されているので、ササッと替えてしまいましょう！

変更すべき画像は以下の3つです。

📁 public
 ┗ 📁 config
    ┗ 📁 images
       ┣ 🖼️ bg.png       # 背景画像
       ┣ 🖼️ exammple.gif # 左右のアニメーション画像
       ┗ 🖼️ logo.png     # 上部のタイトル画像

Webページ内で図示するとこのような形です。

ご自身のNFTにあった画像に差し替えると一気に印象が変わるはずです！

カラーコードの設定

続いてカラーコードの設定を行いましょう。

📁 public
 ┗ 📁 config
    ┗ 📄 theme.css

#から始まるカラーコードを入力しても良いですし、VSCodeでは左側の色のついた四角をクリックするとカラーパレットが表示されるので、この中から選んでもOKです。

変更して保存するとリアルタイムで反映されるはずなので、お好みの色合いに調整してくださいね。

こちらもWebページで図示しておきますので参考までに。

見た目の反映は以上となります。次パートではいよいよアップロードです。