functions.phpからスタイルシートやjQueryのファイルを呼び込む方法

2018/2/20 WordPress

functions.phpに各ファイルの呼び込みコードを記載してソースを整理!

header.phpやfooter.phpにスタイルシートやjsファイルの呼び出しをすると

ソースがごちゃごちゃになってしまって管理しづらいですよね。

ごちゃごちゃのソースは見た目もあまり良くありません。

クライアントとの信頼関係を築く上でも、ソースはなるべく簡潔に、出来る限り管理しやすく別ファイルに書いていくほうが適切でしょう。

下記のコードをコピペすれば、自動的にcssはwp_head();の記載のある部分に、jsはwp_footer();の記載がある部分に書き出されます。

functions.php

注意点

ここに任意の名前っていうのは、他のファイルの被らない様にして下さい。

たとえばcolorbox.jsを呼び出す際に任意の名前がcolorboxで、他のファイルにもcolorboxという記述があるとバッティングをして、うまく書き出されません。

あと、毎回言っているのですが、functions.phpを編集する際は必ずバックアップをよろしくお願いいたします。

投稿者:気まぐれWEBLOG管理人