生活或许总有遗憾,但未来依旧美好。
欢迎访问...
Tag

Tag: WP-Thumbnails

下班抽空写的,不会很详细。如果没改过WordPress代码的朋友,可能看完了也不知道从哪里下手。插件的标题都是链接到它们开发者那里的,可以从他们那里获得更详尽的帮助,我只是提供个思路给大家。 方案一:使用缩略图插件WP-Thumbnails 插件原理是每打开一篇文章生成相应的缩略图,所以安装插件后再访问网站,插件就会自动生成缩略图。 使用方法很简单,启用插件后,进入设置——WP-Thumbnails,如图选择自动下载外链图片到本地。 然后找到首页缩略图的设置,填好生成缩略图的尺寸,靠左还是靠右显示,更新设置就可以把下面那行代码插入你模版需要放置缩略图的地方了。   另外这个插件不仅仅是文章列表缩略图,还有其他缩略图甚至是摘要截取,你们慢慢发掘和使用,这里不多讲。如果不知道缩略图那段代码在哪里添加的,可以用谷歌或者火狐浏览器的审查元素去找。 这个插件的缺点:1、新浪sae那些没有写入权限的服务器不能用。2、它是先下载外链图片到服务器,然后再生成缩略图的,会占用一些服务器负担和空间,但是这个几乎可以忽略不计。3、可以设置全局缺省图。4、当图片地址大写,或者不是JPG结尾的图片地址,插件会显示缺省图。 方案二:七牛镜像存储插件 其实很多人用七牛插件的,它可以将WordPress 的静态资源镜像到七牛。还可以修改站点默认的上传路径,把多媒体直接上传到七牛而不是小的可怜的服务器。本站使用了七牛+WP Super Cache来CDN加速,效果也还可以。 我们看到七牛插件的设置,首先你要去注册个七牛账号,传送门:登陆七牛开发者平台。 新建一个空间 获得七牛域名 以及AK/SK,上面那些在后台插件需要用到 上面得到的东西,在后台启用插件后就要填写进去了 终于回到正题,就是这里启用缩略图 *启动高级缩略图功能之后,文章获取缩略图的顺序为: 特色图片 > 标签缩略图 > 第一张图片 > 分类缩略图 > 默认缩略图。 调用的代码是:<?php wpjam_post_thumbnail(array(240,132),$crop=0);?> (已包含img标签) 这个插件的缺点:如果没接触过七牛这类东西的朋友设置起来可能有点困难,设置出错导致图片无法显示等。如果你单纯想调用外链图片做缩略图,不考虑外链图片大小的可以不理上面那一些注册步骤,只需启用插件,勾上缩略图,调用缩略图就可以了。 方案三:代码调用第一张图作为缩略图 这类的代码百度一下会有很多,下面那段测试过OK的,拿来介绍给大家。 1、在主题文件夹下的functions.php添加代码 <span class="com">//缩略图</span> <span class="kwd">function</span><span class="pln"> catch_that_image</span><span class="pun">()</span> <span class="pun">{</span> <span class="kwd">global</span><span class="pln"> $post</span><span class="pun">,</span><span class="pln"> $posts</span><span class="pun">;</span> <span class="pln"> $first_img </span><span class="pun">=</span> <span class="str">''</span><span class="pun">;</span> <span class="pln"> ob_start</span><span class="pun">();</span> <span class="pln"> ob_end_clean</span><span class="pun">();</span> <span class="pln"> $output </span><span class="pun">=</span><span class="pln"> preg_match_all</span><span class="pun">(</span><span class="str">'/<img.+src=[\'"]([^\'"]+)[\'"].*>/i'</span><span class="pun">,</span><span class="pln"> $post</span><span class="pun">-></span><span class="pln">post_content</span><span class="pun">,</span><span class="pln"> $matches</span><span class="pun">);</span> <span class="com">//正则匹配文章中所有图片</span> <span class="pln"> $first_img </span><span class="pun">=</span><span class="pln"> $matches </span><span class="pun">[</span><span class="lit">1</span><span class="pun">]</span> <span class="pun">[</span><span class="lit">0</span><span class="pun">];</span>   <span class="kwd">if</span><span class="pun">(</span><span class="pln">empty</span><span class="pun">(</span><span class="pln">$first_img</span><span class="pun">)){</span> <span class="com">//定义默认图片</span> <span class="pln"> $first_img </span><span class="pun">=</span> <span…