每个Wordpress页面都有不同的徽标

时间:2018-09-23 13:07:29

标签: php html wordpress

找到了此代码段,通过添加到header.php文件来更改wordpress的标题徽标首页。

If (is_front() || is_home) {
//Your logo for the front page
}Else {
// Your other logo
}

如何获得类似这样的名称来为不同的Wordpress页面ID调用不同的徽标?

这是我目前对徽标的主题调用:

<div class="logo"> 
	  	<?php $log_url = sh_set( $options, 'site_logo', get_template_directory_uri().'/images/logo.png' );
              $log_url = ( $log_url ) ? $log_url : get_template_directory_uri().'/images/logo.png';
			  $logo_size = @getimagesize($log_url); //printr($logo_size); ?>
		<a title="<?php echo esc_attr(get_bloginfo('name')); ?>" href="<?php echo esc_url(home_url()); ?>">
			<img src="<?php echo esc_url($log_url); ?>" alt="<?php echo esc_attr(get_bloginfo('name')); ?>"  width="<?php echo sh_set( $logo_size, 0); ?>" height="<?php echo sh_set( $logo_size, 1); ?>" >
		</a> 
	  </div>

而且我应该能够在其中添加此调用标签 is_page(array(42,54,6)),以便为那些页面添加其他徽标,只是不知道如何。

1 个答案:

答案 0 :(得分:0)

第一个解决方案:

使用header.php为WordPress中的不同页面制作不同徽标的最简单方法

 <?php     
  $logo_default =  'get_template_directory_uri().'/images/logo_default.png'';         
  $logo_about = 'get_template_directory_uri().'/images/logo_about.png''; 
  $logo_team = 'get_template_directory_uri().'/images/logo_team.png''; 
        if (is_page('about-us')) {
            $logo_about;
        } elseif (is_page('team')) {
            $logo_team;
        }else{
              $logo_default;
        }
    ?>

另一种解决方案:

  <?php
        $logo = 'default_logo'; 
        if (is_page('about-us')) {
            $logo = 'about_logo'; 
        } elseif (is_page('team')) {
            $logo = 'team_logo'; 
        } 
    ?>

假设您在About-us页面上具有about_logo.png徽标,在team页面上具有team_logo.png,默认徽标为default_logo.png

<img src="/images/logo<?php echo $logo; ?>.png">

对于CSS,您可以尝试

.page-id-13072 .logo a {

   background: url(images/logopink.png) no-repeat; 
 }