じじい

投稿記事内容によっては、特殊なCSSやJavaScriptを追加したい場合が発生するじゃろう。タグ内に直接書いても動作するのじゃが、 設定が多い場合や、複数記事に適用する場合などは、別ファイルにしてヘッダ内に記述した方が管理が簡単になる。
そこで、記事のカスタムフィールドを利用し、ヘッダ内に記述を追加する方法を紹介しよう。

使用方法

 1.記事のカスタムフィールドに、以下のデータを設定
  キー:AddHeader
  値 :記述例 <link rel="stylesheet" href="css fileなど" type="text/css" />
 2.functions.phpに、下記コードを記述

<?php
// 記事のカスタムフィールド「AddHeader」に値があれば、HEAD内に挿入する
add_action('wp_head', 'st_wp_head');
function st_wp_head() { 
   $AddHeader = '';
   if (have_posts()) : while (have_posts()) : the_post();
      if ($tmp = get_post_meta(get_the_ID(), 'AddHeader', true)) $AddHeader .= $tmp;
   endwhile; endif;
   if ($AddHeader) {
      echo $AddHeader;
   }
}
?> 
カテゴリ: WordPress小技集 2010/04/19 7:10

コメントをどうぞ