将HotNews主题视频模版应用到首页

2012年12月30日00:29:44 39 5,602

这个问题在HotNews主题有了视频和图片模版之后,就一直有人问,之所以未提供方法,主要是因为该模版只是HotNews主题的附加功能,视频及图片日志发文方式特殊,在更换主题模版后,你辛苦发表的日志将不会显示(包括后台),将太多的功夫花在此处会让你得不偿失,不过有人喜欢那就写个教程,供大家折腾。

将HotNews主题视频模版应用到首页有两种方式。

方式一,用下面代码直接替换 cms.php 模版中的所有代码:

  1. <?php include('header_video.php'); ?>
  2. <div id="images_content">
  3.     <div id="images_featured">
  4.     <?php
  5.         $home_count = get_option('swt_rolling_n');
  6.         $wp_query = new WP_Query();
  7.         $wp_query->query('posts_per_page='.$home_count.'&post_type=video'.'&paged='.$paged);
  8.     ?>
  9.     <?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?>
  10.         <div class="grid">
  11.             <div class="top_t">
  12.                 <?php if ( get_post_meta($post->ID, 'small', true) ) : ?>
  13.                 <?php $image = get_post_meta($post->ID, 'small', true); ?>
  14.                 <?php $img = get_post_meta($post->ID, 'big', true); ?>
  15.                 <a class="example6" href="<?php echo $img; ?>" rel="example6" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>
  16.                 <?php elseendif;?>
  17.             </div>
  18.             <?php $img = get_post_meta($post->ID, 'big', true); ?>
  19.             <div class="zoom"><a class="example6" href="<?php echo $img; ?>" rel="example6" title="<?php the_title_attribute(); ?>"></a></div>
  20.             <div class="top_box"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">详细内容</a></div>
  21.             <div class="boxCaption">
  22.                 <h2><a href="<?php the_permalink(); ?>" title="Permalink to <?php the_title(); ?>"><?php echo cut_str($post->post_title,30); ?></a></h2>
  23.             </div>
  24.         </div>
  25.         <?php endwhile;?>
  26.         <div class="clear"></div>
  27.     </div>
  28.     <div class="navigation"><?php previous_posts_link("上页"); ?> <?php if (function_exists('pagenavi')) { pagenavi(); } ?><?php next_posts_link("下页"); ?></div>
  29. </div>
  30. <?php get_footer(); ?>

之后,主题设置中选择CMS布局,日志篇数可以在主题设置——CMS布局设置中勾选“横向图片滚动”,在“选择横向滚动内容”中选择“视频”,最后在“横向图片滚动数量”中输入首页显示的篇数(不受后台阅读设置控制)。

方式二,下载视频独立模版

[download id="65"]

 

1. 将解压后的videos.php模版文件上传到HotNews主题根目录中;

2. 之后新建一个页面,标题任意,右下页面属性——模板中选择“视频”并发布。

3. 登录后台——设置——阅读——首页显示——勾选“一个静态页面(在下方选择)”,在主页中选择刚才发布的页面,并保存,再次打开博客首页,会看到首页已换成显示视频日志了。

 

文件下载

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

发表评论

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

目前评论:39   其中:访客  35   博主  4

    • 喜鱼网 3

      这个很实用。有时间可以试试。

      • 千年骚狐 1

        沙发,鸟哥辛苦了。
        对了鸟哥,我修改那那个主题风格,能不能在你博客发布下。

        也不知道会不会有朋友下载使用。嘿嘿
        http://fox-studio.net/6119.html

        • 常阳小站 4

          不折腾了,等鸟哥的新主题~

          • 夜小涩 1

            鸟哥威武

            • wp先生 4

              鸟哥,有时间做个情侣主题吧!热点新闻用的人实在太多了!大家也都没有什么新鲜感了!

              • 夜小涩 1

                貌似点击下页或者点击2,第3页等都没起反应。

                • 哼哼猪 0

                  来看看鸟哥

                  • 京崎 1

                    终于能访问了,之前来了好几次,都打不开网站啊。

                    • 阿泰 0

                      谢谢提供这么好的主题。

                      • siyue's 小栈 2

                        很好很强大,朋友们真是有福啊,顺祝知更鸟元旦快乐。

                        • 电脑天空 5

                          等待鸟哥更新主题,嘿嘿。

                          祝 新年快乐。

                          • 常阳时光 4

                            元旦快乐~

                            • 常阳时光 4

                              元旦快乐~

                              • 大厨 0

                                你好鸟哥,元旦快乐 ,一直在用你的主题,觉得你很敬业,最近测试了很多欧美主题,觉得自由度很高,尤其是国外的定义首页,使用很多简码 ,什么时候能吧这些功能整合到你的主题里面,让你的主题多出几个版本,这样使用的群体更广泛 不知道其他的鸟粉们大家有没有共同的 想法 欢迎大家多给鸟哥提建议 呵呵

                                  • 知更鸟 Admin

                                    @大厨 有什么好的建议,我会尽量努力采纳.新年同乐,呵呵

                                  • cms案例展示网 2

                                    鸟哥的招式不少啊

                                    • software520 2

                                      鸟哥,你终于回来了!

                                      话说你备案花的时间真长啊,,前段时间连着几天刷新都没有戏,还以为你的博客XX了呢

                                      顺祝元旦快乐

                                      • 水晶灯饰坊 1

                                        感觉这个非常不错呀

                                        • 东莞电子商务 1

                                          主题不错!

                                          • 东莞电子商务 0

                                            为什么视频页面后,翻页不了呢?出现页面不存在的提示?你迷路了?汗,独立页面不能翻页吗?还有,视频独立页面怎么总共只能展示8个视频呢?如何设置跟鸟哥你一样的展示更多的视频?还有翻页的问题搞不定啊,其它的分类列表页面可以反应,唯独今天创建的视频videos.php页面不能翻页?

                                            • 车来车往 2

                                              videos.php 已经下了。。可以发布视频如果做到你那种效果? 一点热门影音就出现视频画面,点击就播放 那效果?

                                                • 知更鸟 Admin

                                                  @车来车往 看主题使用说明

                                                    • 车来车往 2

                                                      @知更鸟 添加视频后固定链接不是我设置的链接后缀,是主题的中文后缀
                                                      http://www.szheluo.com/video/shoush 这是我改过的

                                                  • 买衣服网 1

                                                    这个加上视频很不错的,不过我觉得还想有些乱。

                                                    • yumanutong 6

                                                      你这个代码的效果,是怎么做到的?插件,还是主题带有这个功能?

                                                      • gongbaofeng 0

                                                        真不错

                                                        • 空白格 0

                                                          在IE浏览器当关闭视频时的时候有script error,火狐和Chrome 没有,鸟哥怎么解决呢?

                                                          • lenny 4

                                                            用了好几年了,不错,现在还在用

                                                            • 张二类 3

                                                              鸟哥,我用了那个视频模板发布视频可是发布的视频固定连接都是这样的http://www.zhangerlei.com/video/%e4%ba%94%e6%9c%88%e5%a4%a9%e9%87%91%e6%9b%b2%e4%b8%b2%e7%83%a7-1999-2008-mayday 我之前设置的固定连接形式是这个“/%category%/%post_id%.html”但是在文章那里都能正常显示就视频这里不行,该怎么弄呢?

                                                                • 知更鸟 Admin

                                                                  @张二类 编辑发布视频时,将固定链接视频日志中文标题翻译成英文
                                                                  或者使用wp slug translate插件自动翻译成英文或者拼音

                                                                    • 张二类 3

                                                                      @知更鸟 n那个插件可以设置只是视频这里使用吗?文章那里我用我以前那种规则可以吗?

                                                                  • 亚寒 2

                                                                    鸟哥,最近经常上你的博客。。。但是我想问一下。。。你的LOGO 存放在哪里啊?是怎么修改的呢?还有规格。。。。我看了你网站很多文章,但是都没有讲这个的。。。特地过来求解一下

                                                                      • 屌丝一枚 0

                                                                        @亚寒 就在主题文件夹下的images的logo.png啊,只是你下载的主题里和当前网站的不是完全的一张图而已(不用纠结这个,反正就是那个文件),你改这个文件就可以了。220*53。鸟哥的下载包里还有psd源文件,很方便修改

                                                                      • nelist 3

                                                                        鸟哥 视频模版怎么改成瀑布流啊 好像在问答里看见过 找不到了

                                                                        • 养猪大户 1

                                                                          鸟哥啊,视频模块,效果能出来,就是打不开看不了,为什么啊,显示空白