为WordPress相关日志插件增加自动缩略图功能

Plugins215.6K阅读模式

WordPress 相关日志插件:WordPress Related Posts,这个也是由水煮鱼制作的插件,其中有一项功能可以通过自定义字段显示缩略图,对于一个新博客而言,可以慢慢添加,但是对于一个已经有几百上千的日志,如果确实需要相关日志只显示图片而不需要使用标题的类型,这个时候你去自定字段一个个修改,耗时不说,累都累死了。我想到了修改,经过在源码的基础上修改后,适用一切正常,至于漂亮与否,还需要各位自己修改了,毕竟修改PHP并且要设计的好看。

修改的主要作用是在大量文章需要设置自定义字段来达到相关日志显示缩略图时,可以使用我修改过的代码,为设置您的每篇文章的第一张图片规律性的替换,比如规律性的替换.jpg 为 _s.jpg
不仅适用于flickr,一些大型网站也是比较适合的,wordpress的自带图片库也可以适用,但是具体怎么替换后缀名需要你自己手动修改下代码。
注意:
只是一些小的改动,插件源码来自于水煮鱼
插件设置不需要勾选 Related Posts with Thumbnail(给相关日志显示缩略图)

下载相关日志只显示缩略图插件:

哪些地方你可能需要改动:

$content = $related_post-> post_content;

preg_match_all('|<img.*?src=[\'"](.*?)[\'"].*?>|i', $related_post->post_content, $matches);

$img_src = $matches[1][0]; //first photo
if (eregi("flickr.com",$img_src)){
$img_url = str_replace(".jpg", "_s.jpg", $img_src);
}else{
$img_url=$img_src;
}

以上你可以设置怎么替换图片后缀,以上只抓取每篇文章的第一张图片。

$output .=  '<a href="'.get_permalink($related_post->ID).'" title="'.wptexturize($related_post->post_title).'"><img style="border: 2px solid black; width: 75px;" src="' . $img_url . '" /></a>';

以上你可以设置图片显示格式,有漂亮的格式教我。

效果参考地址:http://www.babyshoot.cn/2010/01/22/dreaming-of-forever.html

这样一来,就不需要每篇文章都去修改添加自定义字段的缩略图图片地址了。

源码来源于:http://fairyfish.net/2007/09/12/wordpress-23-related-posts-plugin/

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

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
评论  21  访客  16  作者  2
    • cyusyu
      cyusyu 3

      不错,很多人在论坛上问这个问题,下次推荐他们来这儿看

        • 趣分享
          趣分享 1

          @ cyusyu 这个缩略图的怎么实现的啊,能帮我改改么,我折腾了两天了,我不想用插件实现,用这种函数怎么改的,能帮我该下么?嘿嘿

          • 贺昌
            贺昌 1

            @ cyusyu 想不使用插件单独增加缩略图功能

          • Firm
            Firm 1

            很不错的一个插件啊,有利于提高浏览深度

            • 优艾点
              优艾点 0

              不错,很实用~

              • otherday
                otherday 0

                请问你的网站地图是用的哪个插件啊?能把名称和下载地址发到我的邮箱吗?谢谢!

                  • 知更鸟
                    知更鸟

                    @ otherday 我用的是国产的Baidu Sitemap Generator可以自己搜一下
                    另一个网站地图插件是
                    Google XML Sitemaps
                    一直用这个,后来改用国产的支持国货嘛
                    不过没感觉这个东西有什么用

                  • fin
                    fin 1

                    很不错啊
                    欣赏了
                    加油

                    • fin
                      fin 1

                      现在弄了个头像了
                      呵呵
                      再来评论下。。。。

                      • fin
                        fin 1

                        还没好?
                        真无语了自己

                        • 雅岚
                          雅岚 4

                          原来折腾过几下,没有搞定,所以就懒得搞了,哈哈哈哈

                          • 兔子
                            兔子 1

                            请问鸟鸟的“您可能还会对这些文章感兴趣!”文章标题和旁边的图片是这样弄出来的吗?
                            我也好想弄成这样啊!!!!
                            望回复 谢谢
                            兔子

                              • 知更鸟
                                知更鸟

                                @ 兔子 基础函数不是我写的,只是作了修改,实现很简单,说起来倒是很复杂,可以自行参考我作的主题

                              • 淘博
                                淘博 2

                                相关日志都能RSS输出吧。

                                • 淘博客
                                  淘博客 2

                                  WP真的很强大。

                                    • 萧晔离
                                      萧晔离 0

                                      @ 淘博客 像异次元软件世界那样的日志缩略图是怎么实现的呢?貌似不是抓取日志第一张图片,首页显示的缩略图和日志页显示的缩略图。

                                    • 站长日记
                                      站长日记 3

                                      新手刚接触wp,不知道博主在内容中插入代码是如何实现的,用的是什么插件还是?望博主回复

                                      • 何苦呢
                                        何苦呢 1

                                        这个插件很强大 无视无觅了

                                      匿名

                                      发表评论

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

                                      拖动滑块以完成验证