现在的位置: 首页 > WordPress教程 > 正文

Hotnews主题幻灯效果2.7.1修改为2.7

2012年08月15日 WordPress教程 ⁄ 共 2713字 评论数 13 ⁄ 阅读 4,152 次

Hotnews主题终于更新了,更新之后效果及美观程序要更好一些。然而,做为最大特色的幻灯效果却因为IE核心浏览器下有显示BUG(文字有毛刺)无法解决而换成了其他形式。但在最主流的四大浏览器IE、360、火狐、Chrome笨鸟并未发现这个问题,出于对原来效果的喜爱决定做部分修改,方法分享给大家。

1、滚屏按钮改回原来样式,复制原主题中images文件夹下featured.png到新主题文件夹下,复制slider_nav.png覆盖新主题下同名文件。修改css文件夹下home.css文件中第92行“color:#6A6A6A;”为“color:#EBEBEB;”,第95行“color: #000;”为“color:#F99356;”。

2、从火狐代码可以看出控制幻灯效果的文件为includes文件夹下slider.php文件,而控制css的为css文件夹下home.css文件,控制首页效果的为主题目录下cms.php文件,因此,大概仅需修改这三个文件就够了。

3、修改includes文件夹下slider.php文件;

在第2行代码<div>下方添加代码<div id="featured_tag"></div>

将第23、24、25行

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img class="home-thumb" src="<?php echo catch_first_image() ?>" width="400px" height="248px" alt="<?php the_title(); ?>"/>

<?php } ?></a>

<?php endif; ?>

改为

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img class="home-thumb" src="<?php echo catch_first_image() ?>" width="400px" height="248px" alt="<?php the_title(); ?>"/>

<?php } ?></a>

<?php endif; ?>

并在正文添加代码:

</div>

<div class="slider_post">

<div class="ico"><?php include('cat_ico.php'); ?></div>

<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="详细阅读 <?php the_title_attribute(); ?>"><?php echo cut_str($post->post_title,30); ?></a></h3> 

<div class="archive_info">

<span class="date"><?php the_time('Ymd') ?></span>

<span class="category"> ⁄ <?php the_category(', ') ?></span>

<span class="edit"><?php edit_post_link('     ', '  ', '  '); ?></span>

</div>

<p><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 320,"..."); ?></p>

<div class="clear"></div>

4、修改css文件夹下home.css文件;

将前56行全部删除,从

.slider_box {

width:730px;

height:270px;

}

#roll{

height:74px;

line-height:26px;

overflow:hidden;

}

删除“#slideshow {”下的代码“float:left;”,并将前两个“width:400px;”改为“width:710px;”,第三个改为“width:708px;

在代码

.slider_image,.slider_image img {

float: left;

width:400px;

height:248px;

}

下方,添加代码:

.slider_post {

float:right;

width:280px;

padding-right:10px;

}

.slider_post p{

font-size:13px;

text-indent:2em;

margin-top:5px;

line-height:24px;

}

将“margin:220px 0 0 270px;”改为“margin:210px 0 0 270px;

在代码“#slider_nav a.activeSlide { color:#f99356;}”下方添加代码

#featured_tag {

background:url(../images/featured.png);

position:absolute;

width:21px;

height:79px;

left:0px;

top:20px;

z-index:999;

}

将“.cat_name {”改为“.cat_name a {

5、修改主题目录下cms.php文件;

将代码

<div id="post">

<div class="slider_box">

<?php include (TEMPLATEPATH . '/includes/slider.php'); ?>

<div class="hot_box">

<?php include (TEMPLATEPATH . '/includes/hot_n.php'); ?>

<?php include (TEMPLATEPATH . '/includes/rolling_n.php'); ?>

</div>

</div>

改为

<div id="post">

<div class="slider_box">

<?php include (TEMPLATEPATH . '/includes/slider.php'); ?>

</div>

到此,hotnews主题幻灯效果修改就完成了,不过,由于后期主题又进行了调整,依此方法可能会存在小bug,如果有问题欢迎留言讨论。

» 声明:本站文章源于个人经验总结或书籍、互联网转载,内容仅用于个人学习,请勿转载,否则后果自负!

目前有 13 条留言 其中:访客:7 条, 博主:6 条

  1. 吴文辉IT博客 : 2012年11月23日15:01:13  -49楼 @回复 回复

    博客不错,界面简单大方,可惜啊我没改成功..


    • 管理员
      大河笨鸟 : 2012年11月23日19:49:02  地下1层 @回复 回复

      我的程序修改过多,再等等吧,用不了多久等hotnews能访问了,直接用补丁。

  2. alai : 2012年11月23日18:42:10  -48楼 @回复 回复

    嗯嗯。。。准备改下


    • 管理员
      大河笨鸟 : 2012年11月23日19:50:34  地下1层 @回复 回复

      这个修改需要借老版本的代码,本文代码可能提供不全,所以,如果没有旧版本最好不要动。可以等知更鸟博客可以访问时直接用他提供的主题补丁就好了。

      • alai : 2012年11月25日13:57:56  地下2层 @回复 回复

        知更鸟博客还是访问不了…已经很久了,听说在备案中


        • 管理员
          大河笨鸟 : 2012年11月25日14:48:18  地下3层 @回复 回复

          一般备案需要一个月,应该快了

  3. 绝尘之舞 : 2012年11月30日01:04:31  -47楼 @回复 回复

    您好,请问怎么给这个主题换上自己想要的背景?就比如这个网站是纹理的 感觉很不错的 谢谢!


    • 管理员
      大河笨鸟 : 2012年11月30日09:08:21  地下1层 @回复 回复

      在后台-外观-背景中上传一个小图片就ok了。
      头像好可爱

      • 绝尘之舞 : 2012年11月30日10:17:38  地下2层 @回复 回复

        你好 我上传了一张图片 但是没有你这里的效果。。。只是最上面四张热点图片变成了那个样子。。。求解释 谢谢!


        • 管理员
          大河笨鸟 : 2012年11月30日10:20:00  地下3层 @回复 回复

          你是在顶部上传的还是背景上传的?加我QQ截图给我看吧

          • 绝尘之舞 : 2012年11月30日10:25:30  地下4层 @回复 回复

            我加你扣扣了。。。背景 等会给你看啊


            • 管理员
              大河笨鸟 : 2012年11月30日10:43:19  地下5层 @回复 回复

              hotnews主题版本过低,更换新版本就好了

给我留言

留言无头像?