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

2012年8月17日 21:28:50知更鸟

知更鸟

站长

关注

2334
文章

0
粉丝

HotNews主题458,685阅读模式

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

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

首页幻灯

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

<?php if ( get_post_meta($post->ID, 'show', true) ) : ?>
<?php $image = get_post_meta($post->ID, 'show', true); ?>
<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>
<?php else: ?>

替换为：

<?php if ( get_post_meta($post->ID, 'show', true) ) : ?>
<?php $image = get_post_meta($post->ID, 'show', true); ?>
<?php $url = get_post_meta($post->ID, 'imgurl', true); ?>
<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>
<?php else: ?>

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

show 调用图片

imgurl　图片链接到的url地址

顶部热点图片

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

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

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

hot　调用文章

image　调用图片

imgurl　图片链接到的url地址

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

我的微信

微信号已复制

本站原创文章转载请注明文章出处及链接，谢谢合作！

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

本文由 知更鸟 发表于2012年8月17日 21:28:50
转载请注明：https://zmingcx.com/hotnewspro-main-image-external-chain.html | 知更鸟

教程
HotNews Pro
HotNews主题

为主题添加文字阴影

02/20 33 10,440

HotNews Pro主题更新至2.7.1

08/04 401 33,645

WordPress投稿插件：submit posts

02/16 108 27,530

HotNews主题两处偏好调整

05/12 35 6,118

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

评论 45 访客 39 作者 5

kay 4
2012年8月17日 22:20:24 广东省中山市 1F
回复
这功能不错~
放心去飞 4
2012年8月17日 22:22:11 河南省安阳市 2F
回复
来占个先~~~~
centos 1
2012年8月18日 00:03:49 广东省广州市 3F
回复
楼主你好，请问如何设置首页的“热点新闻”的随机缩略图自动根据其分类选择相应的图片，其中热点新闻是最新发表的多个不同分类的文章？谢谢！！！
- 喜鱼网 3
  2012年8月18日 09:28:27 广东省广州市 B1
  回复
  @ centos http://zmingcx.com/display-a-different-random-thumbnails.html
  看看这篇文章有没帮助。
  - centos 1
    2012年8月18日 12:59:51 美国 B2
    回复
    @ 喜鱼网首先谢谢你。我就是按照这个来改的，它实现的效果非常欠缺，比如说我的4篇热点新闻（最新发布的4篇文章）分别属于A,B,C,D 4个不同的分类，热点新闻是每个页面都看到的，但我选择E类时，热点新闻的4篇文章全部都是显示了E类的缩略图，而不是那4篇文章自己的分类的缩量图，可以看看我的插图，谢谢！
    - 知更鸟
      2012年8月18日 20:29:05 中国 B3
      回复
      @ centos 顶部图片不能实现，只有文章列表可以
      - centos 1
        2012年8月18日 20:39:18 广东省广州市 B4
        回复
        @ 知更鸟恩恩，期待新版可以改进，谢谢！
        
        SEM实战密码 4
        2012年9月2日 15:40:51 北京市 B5
        
        @ centos 好舒服啊
浪淘居 2
2012年8月18日 00:31:50 广东省茂名市 4F
回复
实现这功能很好，正如鸟哥所说，适合作外链广告或者链接到其它站点。
骷髅猫 5
2012年8月18日 17:24:50 北京市 5F
回复
这个功能不错啊。改天测试测试。。感谢鸟哥。。
眼幕微启 5
2012年8月18日 18:23:30 重庆市 6F
回复
非常不错，相当于增加了广告位
Chen 3
2012年8月18日 22:53:19 广东省佛山市顺德区 7F
回复
我的主题如何了呀？盼回复呢。。
muxia 4
2012年8月19日 14:11:54 广西百色市 8F
回复
鸟哥辛苦！
九块邮 1
2012年8月19日 22:50:21 湖北省武汉市 9F
回复
非常喜欢博主的这个主题，支持博主！
苏州肿瘤医院 3
2012年8月20日 10:14:45 江苏省无锡市 10F
回复
en 。多来看看。
天空 0
2012年8月21日 00:35:11 贵州省遵义市 11F
回复
鸟哥呀，用了你的模版感觉很好，想问问，这幻灯片能不能增加数量，是那个文件控制的呀
mtk6577 0
2012年8月21日 01:56:30 湖北省武汉市 12F
回复
这个功能无敌了
PastDust 2
2012年8月21日 13:57:15 江苏省苏州市 13F
回复
多谢鸟了
我就是那个提问的
http://faq.wopus.org/question/16283/
squallxj 2
2012年8月22日 01:24:36 湖南省 14F
回复
鸟哥大神，请问为何我照此法无法在幻灯栏实现外链功能？就是照自定义了后根本无法在幻灯栏显示出图片来！~~~还有就是如何让幻灯栏支持相册啊，既然已经支持视频了，我想应该能支持相册吧！！！求大神解答，你就是我的偶像!
squallxj 2
2012年8月22日 01:31:03 湖南省 15F
回复
鸟哥，我才发现我可能把横向图片滚动当成是幻灯了，其实我是想问横向图片滚动能支持相册吗？可以的话要如何修改呢，诚心求指教！！！万分感谢您！
- 知更鸟
  2012年8月22日 08:09:37 中国 B1
  回复
  @ squallxj 可以，修改方法很简单
  打开HotNewsproincludes目录的show_v模版，搜索video并替换为picture
squallxj 2
2012年8月22日 11:13:12 湖南省 16F
回复
多谢鸟哥解答，现在又有一问题想请教，就是如何让首页的这个横向图片滚动显示在最新日志的下方呢？就像您网站的首面一样，我觉得那样比较好看啊！
- squallxj 2
  2012年8月22日 14:40:22 湖南省 B1
  回复
  @ squallxj 鸟哥，我在 HotNews主题两处偏好调整里找到答案了，您的网站真是一部百科全书，原来大部分问题早已有了答案，鸟哥辛苦了1！！
小飞 1
2012年8月23日 18:22:06 陕西省西安市 17F
回复
鸟哥，我折腾了半天都折腾不出你的首页幻灯片的指定文章的效果出来，求教程啊
www.woml.net 1
2012年8月25日 12:35:46 河南省郑州市 18F
回复
顶部热点图片如何实现“新窗口打开”啊
- haitaogogo 0
  2012年9月9日 20:07:29 北京市 B1
  回复
  @ www.woml.net 同问呀。。。
昆明胃肠医院 1
2012年8月25日 17:14:47 江苏省南京市 19F
回复
辛苦了。以后会长来看你的文章
SEM实战密码 4
2012年9月2日 15:41:25 北京市 20F
回复
感觉很好，慢慢改，对了你现在支持付费修改吗
宅YY 0
2012年9月19日 17:39:10 辽宁省锦州市 21F
回复
鸟哥请问外链图片超出宽度怎么办
http://www.zhaiyy.com/10.html
新站求点击
- 知更鸟
  2012年9月19日 22:04:35 中国 B1
  回复
  @ 宅YY 俺点了…
  图片大的拖小，很简单的道理
  WP基础知识，让俺咋教你呢？
  - 宅YY 0
    2012年9月20日 08:18:10 辽宁省锦州市凌海市 B2
    回复
    @ 知更鸟恩偶是想请问有没有自适应的方法~~谢谢回复
    另外改变第一张图的大小后首页展示图片变成第二张了这个情况怎么处理呢新人跪谢
muxia 4
2012年9月20日 00:37:13 广西百色市 22F
回复
睡不着，过来走走！
www.tg163.org 0
2012年9月27日 22:25:19 山东省 23F
回复
这款主题非常漂亮，我超喜欢！可相比其他主题来说，主题加载确实慢了些。
去掉了顶部图片什么的，速度还是不行，请问鸟兄怎么解决呢？
ysxiong 0
2012年10月5日 23:03:54 广东省深圳市 24F
回复
顶部热点图片如何实现“新窗口打开”啊
huituzhe 1
2012年10月6日 18:58:13 北京市 25F
回复
鸟哥，我觉得这个模板调用的图片几类图片可以做成等比的，这样自动生成不会走形，还节省人力
睡棕乡 1
2013年1月8日 04:37:18 广东省广州市 26F
回复
鸟哥，请问顶部热点图片具体怎么添加自定义图片和自定义链接，代码按照上面说的替换了，但是之后不知道怎么操作。望指教，感谢！
- 知更鸟
  2013年1月8日 08:58:23 中国 B1
  回复
  @ 睡棕乡添加自定义栏目，具体本文后面有说明
  不会使用自定义栏目网上自己搜
  - 睡棕乡 1
    2013年1月8日 15:31:50 广东省广州市 B2
    回复
    @ 知更鸟谢谢鸟哥，我知道怎么做了，之前一直有一个地方没有明白而已，现在明白了。
水晶灯 1
2013年1月17日 16:49:40 广东省佛山市南海区 27F
回复
怎么也弄不出来支持外链呀，哪位好心的大哥大姐能教下我不，QQ 1656185079
孝小 3
2013年1月22日 22:21:45 四川省雅安市 28F
回复
鸟哥，这个幻灯片默认是鼠标点击下面的12345才会切换到对应数字的文章，可不可改成鼠标滑到数字上就切换啊？求鸟哥教一下怎么修改。
- 知更鸟
  2013年1月22日 22:45:48 中国 B1
  回复
  @ 孝小可以
  http://zmingcx.com/hotnews-pro-2-7-1-plus-faq.html
  第17条
  - 孝小 3
    2013年1月23日 19:56:08 四川省雅安市 B2
    回复
    @ 知更鸟谢鸟哥，还直接给补丁下载，太贴心了。
贸易融资 1
2013年7月29日 21:20:15 广东省深圳市 29F
回复
不错的主题，谢谢鸟哥!
黎明 2
2014年5月6日 01:29:28 北京市朝阳区 30F
回复
请问友情链接这个地方怎样设置？