自定义HotNewspro主题幻灯及顶部热点图片链接(支持外链)

摘要有童鞋在faq.wopus.org问:幻灯片及热点文章图片链接如何设置成可以指向别人网站的外链?这个功能貌似之前帮人DIY过,适合作外链广告或者链接到其它站点,可以内链接也可外链,...

有童鞋在faq.wopus.org问:幻灯片及热点文章图片链接如何设置成可以指向别人网站的外链?这个功能貌似之前帮人DIY过,适合作外链广告或者链接到其它站点,可以内链接也可外链,方便灵活,操作也不是很复杂,发出来为有此需求者提供参考。

首页幻灯

打开HotNewspro\includes目录的slider.php模板文件,查找:

  1. <?php if ( get_post_meta($post->ID, 'show', true) ) : ?>   
  2. <?php $image = get_post_meta($post->ID, 'show', true); ?>   
  3. <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>"width="400" height="248" alt="<?php the_title(); ?>"/></a>
  4. <?php else: ?>  

替换为:

  1. <?php if ( get_post_meta($post->ID, 'show', true) ) : ?>   
  2. <?php $image = get_post_meta($post->ID, 'show', true); ?>   
  3. <?php $url = get_post_meta($post->ID, 'imgurl', true); ?>   
  4. <a href="<?php echo $url; ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>"width="400" height="248" alt="<?php the_title(); ?>"/></a>
  5. <?php else: ?>  

使用该功能必须使用自定义栏目:

show  调用图片

imgurl 图片链接到的url地址

顶部热点图片

打开HotNewspro\includes目录的top_hot_a.php模板文件,用下代码替换所有:

  1. <div id="featured" class="clearfix">   
  2.     <?php $recent = new WP_Query('meta_key=hot&orderby=rand&showposts=4&caller_get_posts=4'); while($recent->have_posts()) : $recent->the_post();?>   
  3.     <div class="item">   
  4.         <div class="top_t">   
  5.             <?php $image = get_post_meta($post->ID, 'image', true); ?>   
  6.             <?php $url = get_post_meta($post->ID, 'imgurl', true); ?>   
  7.             <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>"/></a>   
  8.         </div>   
  9.         <div class="top_box"><a href="<?php echo $url; ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">详细内容</a></div>   
  10.         <div class="boxCaption">   
  11.             <h2><a href="<?php echo $url; ?>" title="Permalink to <?php the_title(); ?>"><?php echo cut_str($post->post_title,30); ?></a></h2>   
  12.         </div>   
  13.     </div>   
  14.     <?php endwhile; ?>   
  15.     <div class="clear"></div>   
  16. </div>  

使用方法同样需要使用自定义栏目:

hot 调用文章

image 调用图片

imgurl 图片链接到的url地址

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  45  访客  39  作者  5
    • kay
      kay 4

      这功能不错~

      • 放心去飞
        放心去飞 4

        来占个先~~~~

        • centos
          centos 1

          楼主你好,请问如何设置首页的“热点新闻”的随机缩略图自动根据其分类选择相应的图片,其中热点新闻是最新发表的多个不同分类的文章?谢谢!!!

            • 喜鱼网
              喜鱼网 3

              @ centos http://zmingcx.com/display-a-different-random-thumbnails.html
              看看这篇文章有没帮助。

                • centos
                  centos 1

                  @ 喜鱼网 首先谢谢你。我就是按照这个来改的,它实现的效果非常欠缺,比如说我的4篇热点新闻(最新发布的4篇文章)分别属于A,B,C,D 4个不同的分类,热点新闻是每个页面都看到的,但我选择E类时,热点新闻的4篇文章全部都是显示了E类的缩略图,而不是那4篇文章自己的分类的缩量图,可以看看我的插图,谢谢!

                    • 知更鸟
                      知更鸟

                      @ centos 顶部图片不能实现,只有文章列表可以

                        • centos
                          centos 1

                          @ 知更鸟 恩恩,期待新版可以改进,谢谢!

                  • 浪淘居
                    浪淘居 2

                    实现这功能很好,正如鸟哥所说,适合作外链广告或者链接到其它站点。

                    • 骷髅猫
                      骷髅猫 5

                      这个功能不错啊。改天测试测试。。感谢鸟哥。。

                      • 眼幕微启
                        眼幕微启 5

                        非常不错,相当于增加了广告位

                        • Chen
                          Chen 3

                          我的主题如何了呀?盼回复呢。。

                          • muxia
                            muxia 4

                            鸟哥辛苦!

                            • 九块邮
                              九块邮 1

                              非常喜欢博主的这个主题,支持博主!

                              • 苏州肿瘤医院
                                苏州肿瘤医院 3

                                en 。多来看看。

                                • 天空
                                  天空 0

                                  鸟哥呀,用了你的模版感觉很好,想问问,这幻灯片能不能增加数量,是那个文件控制的呀

                                  • mtk6577
                                    mtk6577 0

                                    这个功能无敌了

                                    • PastDust
                                      PastDust 2

                                      多谢鸟了
                                      我就是那个提问的
                                      http://faq.wopus.org/question/16283/

                                      • squallxj
                                        squallxj 2

                                        鸟哥大神,请问为何我照此法无法在幻灯栏实现外链功能?就是照自定义了后根本无法在幻灯栏显示出图片来!~~~还有就是如何让幻灯栏支持相册啊,既然已经支持视频了,我想应该能支持相册吧!!!求大神解答,你就是我的偶像!

                                        • squallxj
                                          squallxj 2

                                          鸟哥,我才发现我可能把 横向图片滚动 当成是 幻灯了,其实我是想问 横向图片滚动 能支持相册吗?可以的话要如何修改呢,诚心求指教!!!万分感谢您!

                                            • 知更鸟
                                              知更鸟

                                              @ squallxj 可以,修改方法很简单
                                              打开HotNewsproincludes目录的show_v模版,搜索video并替换为picture

                                            • squallxj
                                              squallxj 2

                                              多谢鸟哥解答,现在又有一问题想请教,就是如何让首页的这个 横向图片滚动 显示在 最新日志 的下方呢?就像您网站的首面一样,我觉得那样比较好看啊!

                                                • squallxj
                                                  squallxj 2

                                                  @ squallxj 鸟哥,我在 HotNews主题两处偏好调整 里找到答案了,您的网站真是一部百科全书,原来大部分问题早已有了答案,鸟哥辛苦了1!!

                                                • 小飞
                                                  小飞 1

                                                  鸟哥,我折腾了半天都折腾不出你的首页幻灯片的指定文章的效果出来,求教程啊

                                                  • www.woml.net
                                                    www.woml.net 1

                                                    顶部热点图片如何实现“新窗口打开”啊

                                                    • 昆明胃肠医院
                                                      昆明胃肠医院 1

                                                      辛苦了。以后会长来看你的文章

                                                      • SEM实战密码
                                                        SEM实战密码 4

                                                        感觉很好,慢慢改,对了 你现在支持付费修改吗

                                                        • 宅YY
                                                          宅YY 0

                                                          鸟哥 请问外链图片超出宽度怎么办
                                                          http://www.zhaiyy.com/10.html

                                                          新站求点击

                                                            • 知更鸟
                                                              知更鸟

                                                              @ 宅YY 俺点了…

                                                              图片大的拖小,很简单的道理
                                                              WP基础知识,让俺咋教你呢?

                                                                • 宅YY
                                                                  宅YY 0

                                                                  @ 知更鸟 恩 偶是想请问有没有自适应的方法~~谢谢回复
                                                                  另外改变第一张图的大小后 首页展示图片变成第二张了 这个情况怎么处理呢 新人跪谢

                                                              • muxia
                                                                muxia 4

                                                                睡不着,过来走走!

                                                                • www.tg163.org
                                                                  www.tg163.org 0

                                                                  这款主题非常漂亮,我超喜欢!可相比其他主题来说,主题加载确实慢了些。
                                                                  去掉了顶部图片什么的,速度还是不行,请问鸟兄怎么解决呢?

                                                                  • ysxiong
                                                                    ysxiong 0

                                                                    顶部热点图片如何实现“新窗口打开”啊

                                                                    • huituzhe
                                                                      huituzhe 1

                                                                      鸟哥,我觉得这个模板调用的图片几类图片可以做成等比的,这样自动生成不会走形,还节省人力

                                                                      • 睡棕乡
                                                                        睡棕乡 1

                                                                        鸟哥,请问顶部热点图片具体怎么添加自定义图片和自定义链接,代码按照上面说的替换了,但是之后不知道怎么操作。望指教,感谢!

                                                                          • 知更鸟
                                                                            知更鸟

                                                                            @ 睡棕乡 添加自定义栏目,具体本文后面有说明
                                                                            不会使用自定义栏目网上自己搜

                                                                              • 睡棕乡
                                                                                睡棕乡 1

                                                                                @ 知更鸟 谢谢鸟哥,我知道怎么做了,之前一直有一个地方没有明白而已,现在明白了。

                                                                            • 水晶灯
                                                                              水晶灯 1

                                                                              怎么也弄不出来支持外链呀,哪位好心的大哥大姐能教下我不,QQ 1656185079

                                                                              • 孝小
                                                                                孝小 3

                                                                                鸟哥,这个幻灯片默认是鼠标点击下面的12345才会切换到对应数字的文章,可不可改成鼠标滑到数字上就切换啊?求鸟哥教一下怎么修改。

                                                                                  • 知更鸟
                                                                                    知更鸟

                                                                                    @ 孝小 可以
                                                                                    http://zmingcx.com/hotnews-pro-2-7-1-plus-faq.html
                                                                                    第17条

                                                                                      • 孝小
                                                                                        孝小 3

                                                                                        @ 知更鸟 谢鸟哥,还直接给补丁下载,太贴心了。

                                                                                    • 贸易融资
                                                                                      贸易融资 1

                                                                                      不错的主题,谢谢鸟哥!

                                                                                      • 黎明
                                                                                        黎明 2

                                                                                        请问友情链接这个地方怎样设置?

                                                                                      匿名

                                                                                      发表评论

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

                                                                                      拖动滑块以完成验证