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

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

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

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

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

フワフワはいらないという方向けに、別画像に差し替えるだけバージョンについても解説します。

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

カスタマイズ方法

事前準備

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

今回のカスタマイズは上記の内容に追加して完成する内容となっています。

差し変え用の画像も用意し、こちらもパスを控えてください。