個別の記事にscriptやlinkタグを挿入する【WordPressカスタマイズ】

WordPressで、特定の記事にだけCSSやJavascript、あるいは外部APIの読み込みタグを入れたい、というケースはよくあります。

カスタムフィールドを利用した実装

functions.phpにて、カスタムフィールドに記述したコードをwp_headフックで出力する方法が最も簡単です。

function add_custom_script() {
  if(is_single()) {
    $custom_script = get_post_meta(get_the_ID(), 'custom_script', true);
    if($custom_script) {
      echo $custom_script;
    }
  }
}
add_action('wp_head', 'add_custom_script');
        

これにより、投稿画面のカスタムフィールド「custom_script」に入力した<script>タグなどが、そのページのみに出力されるようになります。