Home / Questions / 312123
Accepted
Ricardo Sauceda
Asked: 2020-11-28 17:03:00 +0800 CST 2020-11-28 17:03:00 +0800 CST

Change the header logo on different pages? WordPress

  • 772

I have a doubt, I want to change the header logo in different URLs in wordpress, for example, a logo in CONTACT, another in ABOUT, another in SERVICES and I have built this code but it does not work very well, in fact it does not work, it does not change the picture. This is the URL I am validating in the code below: https://mypage.com/daewoo

function change_logo_on_single($html) {

   if(is_page('daewoo')){
      $html = preg_replace('/<img(.*?)\/>/', '<img src="https://mipagina.com/wp-content/uploads/2019/11/serv_03.png" class="custom-logo" alt="" itemprop="logo" />', $html);
   }

   return $html;
}

add_filter('get_custom_logo','change_logo_on_single');
php

2 Answers

  1. You can try with this:

    function change_logo_on_single() {

   if(is_page('daewoo')){
      echo '<img src="https://mipagina.com/wp-content/uploads/2019/11/serv_03.png" class="custom-logo" alt="" itemprop="logo" />';
   }
}

add_filter('get_custom_logo','change_logo_on_single');
    • 0
  2. Best Answer

    It may not be the most elaborate answer, but it works for what I had to do.

    It's hard? NO

    You really have to search for the ID of the web and the ID of the image, how?

    Right click, INSPECT

    enter image description here

    and the image id looks like this:

    enter image description here

    Below I leave the code that changes the logo depending on the page.

    .page-id-150 #logo {
    content: url(https://reparaciondelineablancacdmx.com/wp-content/uploads/2019/04/logo-mabe-2.png);
    width: 200px;
}
    • 0