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

2012年08月17日21:28:50 45 已收录 8,373
摘要

有童鞋在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
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

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

目前评论:45   其中:访客  39   博主  5   引用   1

    • kay 4

      这功能不错~

      • 放心去飞 4

        来占个先~~~~

        • centos 1

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

            • 喜鱼网 3

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

                • centos 1

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

              • 浪淘居 2

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

                • 骷髅猫 5

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

                  • 眼幕微启 5

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

                    • Chen 3

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

                      • muxia 4

                        鸟哥辛苦!

                        • 九块邮 1

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

                          • 苏州肿瘤医院 3

                            en 。多来看看。

                            • 天空 0

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

                              • mtk6577 0

                                这个功能无敌了

                                • PastDust 2

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

                                  • squallxj 2

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

                                    • squallxj 2

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

                                        • 知更鸟 Admin

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

                                        • squallxj 2

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

                                            • squallxj 2

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

                                            • 小飞 1

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

                                              • www.woml.net 1

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

                                                • 昆明胃肠医院 1

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

                                                  • SEM实战密码 4

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

                                                    • 宅YY 0

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

                                                      新站求点击

                                                        • 知更鸟 Admin

                                                          @宅YY 俺点了…

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

                                                            • 宅YY 0

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

                                                          • muxia 4

                                                            睡不着,过来走走!

                                                            • www.tg163.org 0

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

                                                              • ysxiong 0

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

                                                                • huituzhe 1

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

                                                                  • 睡棕乡 1

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

                                                                      • 知更鸟 Admin

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

                                                                          • 睡棕乡 1

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

                                                                        • 水晶灯 1

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

                                                                          • 孝小 3

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

                                                                              • 知更鸟 Admin

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

                                                                                  • 孝小 3

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

                                                                                • 贸易融资 1

                                                                                  不错的主题,谢谢鸟哥!

                                                                                  • 黎明 2

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

                                                                                  • 来自外部的引用: 1

                                                                                    • wordpress列表自定义图片以及链接 « PastDust的伪电子商务网