質問:

Elementorでサイト全体に適用したいCSSはどこに記述するのが良いでしょうか?

例えば、サイトの中の[.bluebutton]というクラスのボタンは全て青色にしたい場合、
.bluebutton { background: blue;
}

↑を記述する場合、ベストな場所があるのでしょうか。

①ワードプレスの「外観」→「カスタマイズ」内の追加CSS
②Elementor ProのCustom Codeの<head>

③Elementorの編集画面→サイト設定内の「カスタムCSS」

など….

例のような短いCSSの場合はどこでも大差ないと思いますが、かなりの長文のCSSの場合読み込み速度などに違いがでてくるのか気になりまして、質問させていただきました。

回答:

どこに入れてもheadタグ内に入ってる限りはスピードに関係ありませんので、その三つのオプションのどれでも大丈夫だと思いますよ。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通