[Cocoon] サイトロゴのリンク先をページ種類で変えた（WordPress）

Cocoonテーマでサイトロゴのリンク先を変更したいと思って、 functions.phpをカスタマイズしました。
add_filterで「’mobile_header_site_logo_url‘」の処理で条件分岐するようにして、記事ページとトップページではブログ一覧に移動するように変更しました。

1. ロゴのリンク先を分岐させたい

サイト上のロゴを押したとき、通常はトップページに移行します。
しかし、記事上に限ってはブログ一覧ページに移行するように変更しようと思います。

以下のコードを functions.php に追加しました。

/** ヘッダーロゴのリンク先URLを変更する 2024-04-21*/
function get_header_site_logo_url_optional($url) {
  if (is_singular('post') || is_front_page()) {
    return home_url('/blog/');
  } else {
    return home_url('/');
  }
  
}
add_filter('mobile_header_site_logo_url', 'get_header_site_logo_url_optional');

検索結果から直接記事を読みに来た人にとっては、「教室サイト」というより「ブログサイト」としての機能が期待されていると思ったからです。

目次に戻る

2. Cocoonでのロゴのリンク先を変更する方法

まず、Cocoonテーマでサイトロゴのリンク先を変更する基本の方法からおさらいします。

それには、以下のコードをfunctions.php に追加します。¹

//ヘッダーロゴURLを変更する
add_filter('header_site_logo_url', function ($url){
  return 'https://www.google.co.jp/';
});

ただし、モバイルヘッダーの場合は、うまくいきませんでした。

コードを調べると、‘mobile_header_site_logo_url‘ にすればよいことがわかりました。

site_logo_url：ヘッダーとフッターロゴURLをまとめて変更する
header_site_logo_url
footer_site_logo_url
mobile_header_site_logo_url²

目次に戻る

3. ページの種類をチェックする

次に、このフィルター関数の処理で表示されているページ情報から分岐すればよいことになります。
それには、is_singular関数を使います³。

is_singular()
個別ページが表示されている場合
is_singular('post')
「post(投稿)」が表示されている場合
is_singular(‘page’)
「page(固定ページ)」が表示されている場合
is_singular(array('post','topics'))
「post(投稿)」または「topics(カスタム投稿タイプ例)」の個別ページが表示されている場合

また、トップページについては⁴、

is_front_page()
サイトのフロントページ（トップページ）かどうかを判定する
is_home()
サイトのブログ投稿インデックスページかどうかを判定する

/** ヘッダーロゴのリンク先URLを変更する 2024-04-21*/
function get_header_site_logo_url_optional($url) {
  if (is_singular('post') || is_front_page()) {
    return home_url('/blog/');
  } else {
    return home_url('/');
  }
  
}
add_filter('mobile_header_site_logo_url', 'get_header_site_logo_url_optional');