萧涵主题修改右上角banner为广告代码

偶看使用萧涵主题有一段时间了,右上角banner的图片位需要好好利用起来,如果只是放置一张图片,这个位置就有点可惜了。在wordpress后台的主题设置中没有直接能将图片修改成广告联盟代码的功能,那么只能修改模板文件了。

打开header.php,第65行到第81行

             <div class=”banner”><?php
     // Check if this is a post or page, if it has a thumbnail, and if it’s a big one
     $options = get_option(‘xiaohan_options’);
     $banner_link = $options[‘banner_link’];
     $banner_link_target = $options[‘banner_link_target’];
     $banner_link_xfn = $options[‘banner_link_xfn’];
     if ( is_singular() &&
       has_post_thumbnail( $post->ID ) &&
       ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘post-thumbnail’ ) ) &&
       $image[1] >= HEADER_IMAGE_WIDTH ) :
      // Houston, we have a new header image!
      echo get_the_post_thumbnail( $post->ID, ‘post-thumbnail’ );
     else : ?>
                   
      <a href=”<?php echo $banner_link;?>”<?php if($banner_link_target==1) echo ‘ target=”_blank”’; ?><?php if($banner_link_xfn==1) echo ‘ rel=”nofollow”’; ?>><img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”” /></a>
     <?php endif; ?>
            </div>

萧涵主题修改右上角banner为广告代码

在 <div class=”banner”>广告代码</div>的中间的所有内容替换成您在广告联盟(推荐百度联盟、谷歌联盟和阿里妈妈等)申请的广告代码即可,注意广告大小为468*60。

这样萧涵主题右上角banner就变成了广告!具体可以查看互联网那些事的效果。

点击查看萧涵主题修改全记录

《萧涵主题修改右上角banner为广告代码》上有31条评论

  1. 老师,我按说的做了修改,可是菜单栏出现了突出的问题,就是菜单栏里的边框线不齐了,栏目名称之间的下横线突出,这是怎么回事啊?盼帮忙解决,谢谢!

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.