【WordPressでCSSとJavaScriptを外部リンクする】
WordPressの投稿エディタにはHTMLだけでなく
CSSやJavaScriptのコードを直接記述することが
できます。
しかし投稿エディタは本来テキストや画像など
記事の内容を入れるものなので、改行が自動で
<br>タグや<p>タグに変換されてしまいます。
そうすると、せっかく書いたCSSやJavaScriptが
構文エラーになってしまい動きません。
そんな場合、CSSやJavaScriptを別々のファイル
に分けておいて、<link>タグや<script>タグで
外部リンクさせることができれば解決します。
普通のHTMLで作ったサイトの場合なら、
CSSやJavaScriptをリンクさせたいページの
HTMLファイルを開いて、
<head>~~~</head>の中に直接<link>タグや
<script>タグを記述すればOKです。
WordPressの場合、多くのテーマ(テンプレート)は
header.php の中に <head>~~~</head>の部分が
ありますので、そこに記述すればOKです。
しかし、header.php は全てのページで読み込まれる
テンプレートファイルなので、必要のないページにも
CSSやJavaScriptが読み込まれてしまいます。
これを避けるには、functions.php の中で
is_page() や is_single() などのページ判定関数と、
add_action() を併用することで解決できます。
↓↓↓「自分で作れる力」を身につけたいあなたへ↓↓↓
【1】CODEMYマンツーマンレッスン
codemy-lesson.office-ing.net⇒30分無料相談あり
⇒知りたいことだけ学べる個人レッスン
▼レッスンの記録をご覧いただけます。
https://www.facebook.com/codemy.lesson/
【2】プログラミング講座CODEMY
office-ing.hatenablog.com
⇒動画と個別添削で学べるオンラインレッスン
自分でホームページやプログラムの制作やカスタマイズをできるようなりたい方が
業種・経験・地域を問わず参加されています。