Suzukiこんにちはナオミです。このチュートリアルでは、Diviテーマ内でカスタムCSSを追加できる四つの方法を紹介しています。その四つの方法は以下です。モジュールや行やセクションにカスタムCSSページ限定のカスタムCSSテーマの追加CSS子テーマのstyle.cssコンテンツ1.Diviモジュールや行やセクションのカスタムCSS2.Diviページ限定のカスタムCSS3.DiviテーマのカスタムCSS4.Divi子テーマのstyle.css1.Diviモジュールや行やセクションのカスタムCSSモジュールの設定画面の詳細からカスタムCSSと言う項目があります。そこでCSSを入力することができます。簡単に追加できるのですが、デメリットとしては、ここでサポートされてないHTMLエレメントにCSSを追加することはできないということです。2.Diviページ限定のカスタムCSS画面の下の紫のメニューの中のギアからいける、固定ページ設定画面からカスタムCSSを入力することができます。この方法のデメリットでありメリットなのは、このページにのみここで入力したCSSが追加されます。3.DiviテーマのカスタムCSSこれは典型的なワードプレステーマの追加CSSです。このオプションのいいところは、ここで書いたコードはサイト全体に反映されるところです。デメリットは、沢山追加すると見にくくなりますし、チームでコード管理が難しくなるところですね。4.Divi子テーマのstyle.css子テーマのstyle.cssにCSSを追加します。メリットとしては、普通にファイルを編集するので好きなエディタを使え、コード管理も楽になります。デメリットとしては、子テーマの作成やFTPの知識など、少しだけ難易度が高いところです。子テーマの設定はこちらの記事と動画を見てください。Diviの子テーマを作成する方法【簡単です】Diviのことをもっと深く知りたい方は、Divi完全マニュアルをご覧ください。返信をキャンセルメールアドレスが公開されることはありません。名前*メール*サイト検索:ナオミ旅するエンジニアです。出しヨーロッパでフリーランス。DiviとElementorが好き。WordPressとウェブ開発の情報を発信していきます。Proの購入完全ガイドDiviの入手からインストールまでを完全ガイドします。