2022年7月15日ホームサイト製作SWELL【SWELL】ページトップボタンに画像をセットする方法こんにちはーWebデザインが相変わらず楽しい白石です。今日は、SWELLの「ページトップボタン」に画像をセットする方法をご紹介します。「ページトップってなんや?」て人もいると思いますけど、ページトップボタンってのは下記のようなボタンですね。fixedでページトップボタンとして設置するのも良いんですけど......(実際そういう風にしてたこともあります)でも、ページをスクロールしたらスルッと現れてTOPに戻るとスルッと消えるような自分好みのページトップボタンを実装したいですよね。流れとしては以上になります。1正方形の画像を用意ページトップに据え置きたい正方形の画像を用意してください。今日は試しにドット絵フリーサイトから以下の絵をお借りして設定していきます。center;}「外観」→「カスタマイズ」「追加CSS」に上記を入れたら任意の画像がなんとページトップボタンになっているはずです!おめでとー。一応ちょろっと解説しておくと、background-imageで背景画像としてセット、なんやかんやで画像の大きさとか整えて元々あったボタンは申し訳ない気持ちと共に消してる感じです。すまんな!まとめSWELLカスタマイズ楽しすぎる。皆さんも是非SWELLどうぞ。今回はSWELLでやりましたけどもー他テーマでもクラス調べて変えれば行けるとは思います。試してないからわからんけどもまあできると思います。なんとかしな!ではまたー。SWELLよかったらシェアしてね!URLをコピーしました!URLをコピーしました!デモサイト「酒がすべて解決してくれる」を公開しました。