【AFFINGER6(アフィンガー6)使い方】"TOPに戻るボタン"のカスタマイズ方法
皆さま、おはこんばんは😊
今回は、ページをスクロールしているとさりげなく右下に現れるこのような"TOPに戻るボタン"を好きな画像に変更をできるのを知っていましたか?
ただのでぶは、こんな感じのかわいいイラストにしました☺️
![](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/xmas_santa01_a_14-1.png)
それでは、カスタマイズ方法をお伝えしますね✨
【AFFINGER6(アフィンガー6)使い方】"TOPに戻るボタン"のカスタマイズ方法
step
1"外観"から"カスタマイズ"を選択
![【AFFINGER6使い方】"TOPに戻るボタン"のカスタマイズ方法①](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/f5a223bc59e07229aa8b24486cf6c17f-1-1024x589.png)
step
2"オプション(その他)"を選択
![【AFFINGER6使い方】"TOPに戻るボタン"のカスタマイズ方法②](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/4a72b9deb8c1151e5d73673afb5e1644-1024x792.png)
step
3下にスクロールすると出てくる"TOPに戻るボタン"を選択
![【AFFINGER6使い方】"TOPに戻るボタン"のカスタマイズ方法③](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/d8311c71d3d042fda602caedbe9d47a2-1024x786.png)
step
4"画像を変更"から好きな画像を選択しましょう
![【AFFINGER6使い方】"TOPに戻るボタン"のカスタマイズ方法④](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/99524b5ed93bbc04f5b0e5178dc89ecc-1024x785.png)
いかがだったでしょうか😊とても簡単にできますよね。
ここでワンポイント✨
画像の大きさが大きい場合
step
5"画像を編集"を選択
![【AFFINGER6使い方】"TOPに戻るボタン"のカスタマイズ方法⑤](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/696e80c609359ecc5409e9581c7199e8-413x1024.png)
step
6"新規サイズ"を小さくして、"縮尺変更"で画像の大きさを小さくすることが可能
![【AFFINGER6使い方】"TOPに戻るボタン"のカスタマイズ方法⑥](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/9d6e8d24fc941b0d883875ee78b0e829-1024x876.png)
step
7完成
![【AFFINGER6使い方】"TOPに戻るボタン"のカスタマイズ方法⑦](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/9b3fbe6a8c1659a234182e97206c5794-1024x546.png)
![](https://sp-no-enjoy-life.com/wp-content/uploads/2021/07/action_banar-1-1024x916.png)
AFFINGER6の使い方
AFFINGER6の使い方のページをご覧頂きありがとうございます🤗
こちらでは、「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜の使い方の解説をしてます。
初心者さまへもわかりやすくをモットーに書いております。
他のページでも絶賛解説中です。みなさまのブログ作成に役立てば嬉しいです。
こんなページもあります
トップページのカスタマイズ
お知らせの作成方法
タブ式カテゴリー一覧の作成方法
カテゴリー一覧(スライドショー)の作成方法
"TOPに戻るボタン"のカスタマイズ方法
ヘッダーカードの作成方法
ボックスメニューの使い方② サイドバーへの表示方法
スライドショーの下にお知らせを挿入する方法
流れる文字の表示方法
記事の書き方
ブロックエディタ基本的な使い方
ブロックエディタの装飾一覧
タグ機能の装飾一覧
光るボタンの作り方
文字にアニメーションをつける方法
フォント(Google Fonts)の設定方法
FontAwesome5のアイコンにアニメーションを付ける方法
ボックスメニューの使い方①
ブログカードの作り方&カスタマイズ方法
吹き出し・会話アイコンの使い方・設定・カスタマイズ方法