「高度な設定」でJSとCSSを読み込む方法。

はじめに

ワードプレスを使用したことがあるなら、「高度な設定」はご存知だと思います。

ただ、実際に使用している人は少数だと思います。

私も「高度な設定」は利用していませんでした。

「高度な設定」を使用せずにJSやCSSファイルを読み込む方法は以下をご参照ください。

〇【ワードプレス】「PHP」なしで「JavaScript」と「CSS」ファイルを読み込んでみた。

今回は「高度な設定」を利用して、JSやCSSファイルを読み込みます。

設定方法

「高度な設定」の欄にはHTMLを記述します。

CSSを読み込む場合には以下のように記述します。

<link rel="stylesheet" href="パスの指定">

JSでは以下のようになります。

<script type="text/javascript" src="パスの指定"></script>

パスの指定方法には「絶対パス」、「相対パス」、「URL」の3つがあります。今回は「URL」で指定します。

<link href="https://lifeinfo-navi.com\wp-content\themes\the-thor-child\para\jquery-ui.css" rel="stylesheet">
  <script type="text/javascript" src="https://lifeinfo-navi.com\wp-content\themes\the-thor-child\para\jquery-min.js"></script>
  <script type="text/javascript" src="https://lifeinfo-navi.com\wp-content\themes\the-thor-child\para\jquery-ui.js"></script>
  <script type="text/javascript" src="https://lifeinfo-navi.com\wp-content\themes\the-thor-child\para\jquery.ui.touch-punch.min.js"></script>

ワードプレスのテーマに「THE THOR」を使用されている方は「カスタマイズ」→「基本設定」→「高度な設定」を開きます。

「公開」ボタンを押せば読み込み完了です。

もし、全てのページに読み込んだ「JS」や「CSS」が適応させたくない場合は、「カスタムHTML」に上記と同じ、「JS」や「CSS」を読み込むコードを記述してください。