WordPressテーマTCD「UNIQUE」のwp_headアクションフック関数をカスタマイズする

WordPressテーマTCD「UNIQUE」はWordPressテーマTCDの中でも多くのカスタマイズを行ったテーマです。

その一例を紹介します。

「UNIQUE」にはカスタムCSSを読み込む機能があるので、ページ毎にデザインを変更することが可能です。

しかし、カスタムCSSの後に何か別のCSSを読み込んでいたり、コードエディターが使えないなどの不便な点もあります。

そこで、｢head.php｣をカスタマイズして独自のCSSを読み込むことにしました。

問題となるのが｢head.php｣のwp_headアクションフック関数の再宣言エラーです。

このページでは関数の再宣言エラーの回避方法をとりあげます。

｢head.php｣のカスタマイズは、以下の手順です。

子テーマにhead.phpを配置
子テーマのfunctions.phpで親テーマのhead.phpの関数を削除
再宣言エラーを回避するためhead.phpの関数名称を変更

【PR】「Theme3」では、企業サイトのWordPressテーマに「 ワードプレステーマTCD 」をオススメしています。
WordPressテーマ「GENESIS」の詳細をTCDのページで見る

ブロックエディタ対応
カスタム投稿タイプ「お知らせ」「サービス（事業案内）」
SEO機能（metaタグ、OGP、高速化）他、機能多数。

ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。

1 子テーマにhead.phpを配置
2 子テーマのfunctions.phpで親テーマのhead.phpの関数を削除
3 再宣言エラーを回避するためhead.phpの関数名称を変更
4 隘路
5 その他のカスタマイズ

子テーマにhead.phpを配置

｢head.php｣にはhtmlの<head></head>タグの内部を設定する｢tcd_head｣関数があります。（wp_headに｢tcd_head｣関数をフックしている）

とりあえず、親テーマのフォルダー構成と同じように「functions」フォルダーを子テーマフォルダーにつくり、フォルダー内に｢head.php｣をコピーします。

親テーマはfunctions.phpでrequireしていますので、｢head.php｣は必ず読み込まれます。

この点に注意が必要です。

【PR】「Theme3」では、企業サイトのWordPressテーマに「 ワードプレステーマTCD 」をオススメしています。
WordPressテーマ「SOLARIS」の詳細をTCDのページで見る

レスポンシブ対応
カスタム投稿タイプ「お知らせ」「企業情報」「サービス」「プロジェクト」
高速化設定（絵文字読み込み・コード最適化）他、機能多数。

ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。

子テーマのfunctions.phpで親テーマのhead.phpの関数を削除

子テーマでは｢head.php｣をカスタマイズしますので、親テーマの｢tcd_head関数｣のフックを無効にします。

子テーマのfunctions.phpに以下のように記述します。

add_action( 'after_setup_theme', 'setup_after_parent_theme', 20 );
function setup_after_parent_theme() {
 // 親テーマでフックしているアクションを削除
 remove_action( 'wp_head', 'tcd_head' );
}

require_once ( get_stylesheet_directory() . '/functions/head.php' );

add_actionでwp_headのフックを無効化し、require_onceでカスタマイズした関数をwp_headにフックします。

しかし、これを実行すると「tcd_head」関数の再宣言でエラーが発生してしまいます。

先に述べたように｢head.php｣は既に読み込まれているので｢tcd_head関数｣は宣言されています。

ブロックエディタ対応
カスタム投稿タイプ「お知らせ」「サービス（事業案内）」
SEO機能（metaタグ、OGP、高速化）他、機能多数。

ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。

再宣言エラーを回避するためhead.phpの関数名称を変更

｢tcd_head関数｣の再宣言エラーを回避するためには、子テーマのhead.phpの関数名称を変更します。

<?php
     function tcd_head2() { //関数名を変更
       $options = get_desing_plus_option();
?>

（中略）

<?php
     }; // END function tcd_head()
     add_action("wp_head", "tcd_head2");
?>

関数名「tcd_head」を「tcd_head2」に変更します。
これによってエラーが発生しなくなります。

あとは、「// END function tcd_head()」の直前でCSSを読み込ませれば、独自のCSSを読み込むことができます。

<!-- 追加　start -->
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/custom.css?ver=<?php echo version_num(); ?>">
<!-- 追加　end -->
<?php
     }; // END function tcd_head()
     add_action("wp_head", "tcd_head_child");
?>