Cocoonで特定カテゴリーのみ外部ファイルを読み込む【超簡単】

Cocoonで外部ファイルを特定カテゴリーで読み込む方法

Cocoonで棋譜を表示させるときに困ったのが外部ファイルの読み込み。特定のカテゴリーでのみ外部ファイルを読み込ませる方法をご紹介します。

目次

Cocoonで外部ファイルを簡単に読み込ませる

外部ファイルを読み込ませるときに考えたこと。

  • カスタムフィールドの指定するのが面倒。
  • 読み込むスクリプトファイルを早く読み込ませたいけれど、header.phpへ書き込みたくない
  • Cocoonの詳細設定では、全てのページで読み込まれてしまう。

なぜ、こんなことをしたいのかというと、

ページスピードの低下や、スクリプトの影響でAMPでエラーが発生したりすることがあるので、できるだけ関係ないページではスクリプトを読ませない方が得策

だからです。

Cocoonではユーザーがスクリプトなど読み込むときに利用できるように、別にファイルを用意してありましたので、そちらを使って実現させました。

外部ファイルを読み込ませる方法

前提条件

  • Cocoonの子テーマを利用していること
  • スクリプトは、FTPファイルでアップロードしていること

手順

1.外観→テーマエディター→tmp-user→head-insert.phpを選択する

head-insert.phpを開く

2.読み込ませるHTMLを入力する

head-insert.phpへ必要なHTMLを記入する
 
そよパパ
そよパパ

今回は、カテゴリーIDが30の時にだけスクリプトを読み込ませたいので下記のようになります。

<?php if(in_category(30)) : ?> 

カテゴリーIDは、下記の方法で確認できます。

1.投稿→カテゴリー

カテゴリー一覧へ移動する

2.該当するカテゴリーをクリック

IDを調べたいカテゴリー名をクリックする

3.URLバーに表示されている番号を確認する

URLバーに表示されている番号を確認します。
URLバーに表示されている番号を確認します。
 

実際にはこのようになります。

//カテゴリー番号を指定したIF文
<?php if(in_category(30)) : ?> 
//カテゴリーが30だったら下記のコードを読み込む
<script type="text/javascript" src="http://soyo.life/***.js"></script>
<script type="text/javascript" src="http://soyo.life/***.js"></script>
<link type="text/css" href="http://soyo.life/***.css" rel="stylesheet">
<?php endif; ?> 
//ここまで

<?php
//ヘッダー部分(<head></head>内)にタグを挿入したいときは、このテンプレートに挿入(ヘッダーに挿入する解析タグなど)
//子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。
//例:<script type="text/javascript">解析コード</script>
?>
<?php if (!is_user_administrator()) :
//管理者を除外してカウントする場合は以下に挿入 ?>

<?php endif; ?>
<?php //全ての訪問者をカウントする場合は以下に挿入 ?>
 

4.ファイルを更新して終了

読み込むファイルによっては最後に読み込んでも良いものもあると思います。その場合は、footer-insert.phpファイルへ同様な感じで記入します。

この方法の良いところ

修正点が一箇所だけで済むのが大変助かります。

個別に指定するよりも、このように大元のファイルで条件を設定してしまえば、指定し忘れることもありません。

なによりも、カテゴリーを選んで保存するだけ、という普段の作業の延長線上で済む、というのが大変助かります。

それゆえに、どこで設定したか忘れやすい、ってこともあるんですけどね😁

忘れたら、こちらのページへ戻ってきて確認してくださいね♪

おわりに

いかがでしたか?

この方法はheader.phpへ書き込む必要がないので、header.phpは読みやすいまま♪

こういう使いやすい設計をしてあるCocoon、本当にすごいテーマです♪

ありがとうございます。

WordPressテーマ Cocoon

シンプルで使いやすい、それでいて機能が豊富。有料テーマに負けないテーマ!

SoyoLifeではこちらのテーマを利用させて頂いています。

Cocoon公式サイト

そよパパ
そよパパ

Twitterで日々の生活のことTweetしています。気に入ってもらえたらフォローよろしくお願い致します♪

コンテンツがお役に立てれば幸いです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次