【SWELL】押したら画像が変わってフワフワするトップへ戻るボタンで、サイトがリッチに！

2024/07/242024/11/22

こちらの記事ではSWELLのページトップボタンを画像に変更する方法を解説しました。

あわせて読みたい

【SWELL】トップへ戻るボタンを好きな画像に変更する SWELLのページトップボタンは、カスタマイザーから形を変えたりテキストを入れたりすることができますが、画像にすることはできません。そこで今回はSWELLのページトッ…

今回はボタンがクリックされると別の画像になってフワフワする、トップページボタンがさらにリッチに見えるカスタマイズです！

完成形はこのサイトのページトップボタンを見てください。

このサイトではボタンが押されると、風船で飛んでいくような画像に差し替え＆フワフワアニメーションが再生されるようになっています。

風船以外にも気球とかロケットとか、ジャンプしている画像なんかにも使えそうですね。

フワフワはいらないという方向けに、クリックしたら別画像に変わるだけバージョンについても解説します。

子テーマなしでも実装可能です。

カスタマイズする際の注意事項

CONTENTS

カスタマイズ方法

まずは先ほどの記事をご覧いただき、ページトップボタンを画像に差し替えるカスタマイズまで作業を行ってください。