styleとjsをfunctionで読み込むenqueue(エンキュー)

写真:WordPress

CSS、JSをWPで読み込ませる場合ヘッダーなどに

などと入力しても動作するのですがWPではFunctionないで一括で管理することが推奨されています。

しかし、テーマの中でjQueryやCSSのモジュールを読み込んでいる場合は、二重に読み込んでしまう可能性があります。
これを解決するために
wp_enqueue_styleとwp_enqueue_scriptが用意されています。

Header.phpにあるjsやcssをごっそり削除します。

そしてfunction.phpに移動します。
Cssの場合は

Jsの場合は

この通り。

jQueryも読み込ませることになると思います。
その場合はWordPress同梱のjQueryを読み込ませないようにします。

とすればいいでしょう。

メインとなるCSSは以下のように簡略化して読み込ませます。