Suzukiこんにちは、ナオミです!Diviは縦に長いページを作るのに適しています。そのためDiviには『トップに戻るボタン』が実装されています。この記事では、そのボタンを有効化する方法と、カスタマイズする方法を紹介します。長いページを下にスクロールしてもこのボタンが表示されない場合は、Diviのテーマオプションから『トップへ戻る』ボタンを有効にします。これをクリックするとスクリーンが上までジャンプします。これが『トップへ戻るボタン』です。Diviのトップへ戻るボタンのカスタマイズこれがデフォルトのデザインですが、これを変換してみましょう。ここからはCSSを追加しますので、やり方がわからない方はこの記事を最初に呼んでください。>>DiviでカスタムCSSを追加する4つの方法アイコンを変えるアイコンを変えるには、CSSが必要です。アイコンはCSSで次のようにセットされています。"2";}この、『2』がどのアイコンを使うかを表しています。アイコンを選ぶこのサイトに行きます。https://dividezigns.com/divi-icon-codes/このようにアイコンが沢山出てくるので、使いたいアイコンの下にある文字列をコピーします。上の画像の?のアイコンだと\75です。"\75";}このように先ほどのCSSの『2』を『\75』で置き換えてみました。こんな感じでアイコンが代わります。このコードをCSSに追加して、アイコンを変えてみましょう。ボタンのスタイルを変える次にアイコンだけじゃなく、スタイルも変えたい場合を紹介します。アイコンのスタイルを変えるためのCSSセレクターはこれです。{}ここにCSSを足して現存するデザインを変えることができます。50px;}このようにデザインが変わります。アイコンと組み合わせれば、このようにデザインを変えることができます。ちなみに動画で使われたコードはこちらです。234px;}いかがだったでしょうか?是非試してみてください。Diviのことをもっと深く知りたい方は、Divi完全マニュアルをご覧ください。返信をキャンセルメールアドレスが公開されることはありません。名前*メール*サイト検索:ナオミ旅するエンジニアです。出しヨーロッパでフリーランス。DiviとElementorが好き。WordPressとウェブ開発の情報を発信していきます。Proの購入完全ガイドDiviの入手からインストールまでを完全ガイドします。