现在的位置: 首页wordpress>正文
如何将HotNews Pro 2.7版首页横向滚动模块改为调用视频图片
2012年06月29日 wordpress 暂无评论
将HotNews Pro 2.7版首页横向滚动模块改为调用视频图片
作者:知更鸟

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,则是调用相册文章。

 

分享到:



给我留言

留言无头像?