このページでは、Nishiki Pro テーマを使って特定の条件によってロゴ画像を変更する方法について解説しています。

目次

• サンプルコード
• 画像の添付 ID がわからない場合
  • 1.画像の URL から 画像の添付 ID を取得する方法
  • 2.ワードプレスの管理画面から画像の添付 ID を確認する方法
• まとめ

サンプルコード

nishiki_pro_custom_logo_attachment_id フィルターを使って、画像の添付 ID を変更しています。

つまり「表示したい画像の添付 ID を条件によって変えている」というコードですね。

// ロゴ画像を出し分け
if ( ! function_exists( 'nishiki_pro_custom_logo_image' ) ) {
    function nishiki_pro_custom_logo_image( $id ) {
        // $id は画像の添付 ID を指定
        
        // タグのアーカイブページでは画像の添付 ID が 9446 の画像を表示
        if( is_tag() ){
            $id = 9446;
        }
        
        return $id;
    }
    
    add_filter( 'nishiki_pro_custom_logo_attachment_id', 'nishiki_pro_custom_logo_image', 10, 1 );
}

画像の添付 ID がわからない場合

「変更したい画像はあるんだけど、画像の添付 IDがわからない！」という場合もあると思います。

以下に 2 つの方法を書きましたので、参考ください。

1.画像の URL から 画像の添付 ID を取得する方法

画像の URL がわかっている場合は attachment_url_to_postid で取得できます。

2.ワードプレスの管理画面から画像の添付 ID を確認する方法

ワードプレスの管理画面から「メディア」を選択し、一覧の中から 1 つ画像を選択してください。

下の画像のように、画像を選択後の URL を見ると、画像の添付 ID がわかります。

ワードプレスに画像をアップロードすると、画像それぞれに添付 ID が自動で割り振られます。その仕組みを利用した確認方法です。

ワードプレスの管理画面から確認する方法は YouTube にもアップしましたので、あわせて参考ください。

チャンネル登録もぜひ！

まとめ

今回紹介したサンプルコードのような、特定のページのみ変更する使い方だけではなく、多言語サイトを構築している場合は、英語/中国語など「別の言語のページではロゴ画像を変更する」なんて使い方もできます。

使い方次第なので、ぜひいろいろ試してみてください。