将HotNews Pro 2.7版首页横向滚动模块改为调用视频图片

2011年10月22日05:53:13 90 暂未收录 10,975
摘 要

  HotNews Pro 2.7版新增的自定义文章类型:视频,在首页并没有显示,因此将向滚动模块改为调用视频图片更为合理一些,已经发表过视频日志的盆友,并且喜欢将自己钟爱的影音在显著的位置分享给大家,那就跟我一起折腾吧,很简单只有一步:   用下面代码替换HotNewspro\includes目录show.php模版中所有内容,并在后台主题设置—首页CMS布局设置中,勾选“图片滚动”即可。默认随机显示8篇视频日志,自己可酌情修改下面代码中的数字8。

HotNews Pro 2.7版新增的自定义文章类型:视频,在首页并没有显示,因此将向横向滚动模块改为调用视频图片更为合理一些,已经发表过视频日志的盆友,并且喜欢将自己钟爱的影音在显著的位置分享给大家,那就跟我一起折腾吧.

很简单只有一步:

用下面代码替换HotNewspro\includes目录show.php模版中所有内容,并在后台主题设置---首页CMS布局设置中,勾选“图片滚动”即可。

  1. <div class="ad_h">
  2. <div class="v_show">
  3.     <div class="v_content">
  4.         <div  class="v_content_list">
  5.             <?php
  6.                 $loop = new WP_Query( array( 'post_type' => 'video', 'posts_per_page' => 8, 'orderby' => rand ) );
  7.                 while ( $loop->have_posts() ) : $loop->the_post();
  8.             ?>
  9.             <ul>
  10.                 <li>
  11.                     <?php if ( get_post_meta($post->ID, 'small', true) ) : ?>
  12.                     <?php $image = get_post_meta($post->ID, 'small', true); ?>
  13.                     <?php $img = get_post_meta($post->ID, 'big', true); ?>
  14.                     <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
  15.                     <?php elseendif;?>
  16.                     <h4><a href="<?php the_permalink(); ?>" title="Permalink to <?php the_title(); ?>"><?php echo cut_str($post->post_title,80); ?></a></h4>
  17.                 </li>
  18.              </ul>
  19.              <?php endwhile; ?>
  20.         </div>
  21.     </div>
  22.     <div class="v_caption">
  23.         <div class="highlight_tip">
  24.             <span class="currents">1</span><span>2</span><span>3</span><span>4</span>
  25.         </div>
  26.         <div class="change_btn">
  27.             <span class="prev" >上一页</span>
  28.             <span class="next">下一页</span>
  29.         </div>
  30.         <div class="clear"></div>
  31.     </div>
  32. </div>
  33.     <i class="lt"></i>
  34.     <i class="rt"></i>
  35. </div>
  36. <div class="entry_box_b">
  37.     <i class="lb"></i>
  38.     <i class="rb"></i>
  39. </div>

默认随机显示8篇视频日志,自己可酌情修改下面代码中的数字8。

把其中的:video替换为picture,则是调用相册文章。

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:90   其中:访客  74   博主  15   引用   1

    • 黑色空间 2

      鸟哥,如何在图片模板里,点击图片进入日志的页面?

      • 木糖醇 2

        鸟哥,请教一下
        为什么我的视频图片滚动下面有视频标题,你的没有呢?
        要去掉的话怎么修改呢?
        望回复,谢谢

        • 中文IT资讯站 4

          不错,很实用。。

          • 我爱学研网 0

            鸟哥你好!请教一下:
            我如果不这样替换的话,可以直接加视频,可是显示的却是随机图片,而不是视频的首页。
            照这篇教程讲的替换的话,就加不上了,上面是一片空白的。我也设置recommend了啊。您前面说需要看下使用说明,可是我没有找到使用说明,您可以指点下吗?

            • 中文IT资讯站 4

              仔细看教程不要漏掉。要完全理解

              • fangcaoba 5

                鸟哥,一切按照你的指示,为什么我的显示是一排空白并没有视频图片?我已经添加了很多视频,而且都能正常打开。。谢谢!!!

                • shj777 0

                  鸟哥,如果我想让CMS的横向图片自动滚动,不需要点箭头。怎样能实现呢?谢谢鸟哥,请告知。

                  • yumanutong 6

                    对了,那个我弄过,然后首页的视频没有图像,只有一个文字,是不是因为我没加特色图像的原因?

                      • yumanutong 6

                        @yumanutong 图像这个我知道了,原来特色图像不能显示,需要smail定义的才可以,可是我那个好宽好难看啊,不像鸟哥的比较好看,我那个太高了,不知道你可否帮忙看下,修改那个DIV?

                      • 第9空间 2

                        您好,鸟哥,关于首页那个视频滚动我按照上面说的替换掉show.php的代码,并设置勾选 图片滚动 后,从首页视频滚动往下及右侧全部无法显示,出现错误代码:Parse error: syntax error, unexpected T_VARIABLE in /home/mammy/public_html/wp-content/themes/HotNewspro/includes/show.php on line 6
                        请指教一下哈,谢谢

                        • hzw 1

                          为什么我的滚动条图片下面还显示着文字标题呢?

                        • 来自外部的引用: 1

                          • 望远镜54364526 « 望远镜选购与品牌资讯