WordPress自动提取文章内第一张图作为缩略图方法
Imagick组件爆出了超级漏洞，危害等级极高，直接导致大量使用Imagick组件的网站均 ...
Copyright (C) 2016　您现在的位置：&&>>&&>>&&>>&巧用WordPress缩略图正文
巧用WordPress缩略图
巧用WordPress缩略图
作者/编辑：佚名
& & & & WordPress 不仅是, 很多时候 WordPress 还被用作为 CMS (内容系统). 博主们喜欢为每个加上统一大小的缩略图, 尤其是信息类平台. 其中比较常用的处理办法是用 custom field 向文章插入图片, 通过上传大小一致的小图或者使用 phpThumb 等工具生成缩略图.& & 2.7 开始, WordPress 大幅提升多媒体功能, 越来越多人使用 WP 的内置图片仓库. 对这些用户来说, 制作缩略图变得并不那么困难, 在上传图片的时候就会默认生成 150x150 规格的小图 (如果图片高度/宽度不足 150px, 使用原高度/宽度). 那我们可以充分利用这个功能, 在文章列表上加上这个图片作为缩略图. 这样处理各有利弊, 好处是简单, 智能 (不用每次输入缩略图), 坏处是消耗服务器流量，。& & Okay, 现在要做的就是提取上传生成的小图片, 并放置在文章的适当位置. 我创建了一个文件 thumb.php, 图片获取和调用一起处理, 文件内容如下.& & 71819&span&&?php&/span&&span&$args&/span&&span&=&/span&&span&array&/span&&span&(&/span&&span&"post_parent"&/span&&span&=&&/span&&span&$post&/span&&span&-&&/span&&span&ID&/span&&span&,&/span&&span&"post_type"&/span&&span&=&&/span&&span&"attachment"&/span&&span&,&/span&&span&"post_mime_type"&/span&&span&=&&/span&&span&"image"&/span&&span&)&/span&&span&;&/span&&span&$images&/span&&span&=&/span&&span&&&/span&get_children&span&(&/span&&span&"post_type=attachment&post_mime_type=image&post_parent="&/span&&span&.&/span&&span&$post&/span&&span&-&&/span&&span&ID&/span&&span&)&/span&&span&;&/span&&span&$imageUrl&/span&&span&=&/span&&span&""&/span&&span&;&/span&&span&if&/span&&span&(&/span&&span&$images&/span&&span&)&/span&&span&{&/span&&span&$image&/span&&span&=&/span&&span&array_pop&/span&&span&(&/span&&span&$images&/span&&span&)&/span&&span&;&/span&&span&$imageSrc&/span&&span&=&/span&wp_get_attachment_image_src&span&(&/span&&span&$image&/span&&span&-&&/span&&span&ID&/span&&span&)&/span&&span&;&/span&&span&$imageUrl&/span&&span&=&/span&&span&$imageSrc&/span&&span&[&/span&&span&0&/span&&span&]&/span&&span&;&/span&&span&}&/span&&span&else&/span&&span&{&/span&&span&$imageUrl&/span&&span&=&/span&get_bloginfo&span&(&/span&&span&"template_url"&/span&&span&)&/span&&span&.&/span&&span&"/img/default.gif"&/span&&span&;&/span&&span&}&/span&&span&?&&/span&&a href="&span&&?php&/span&the_permalink&span&(&/span&&span&)&/span&&span&?&&/span&"&&img class="left" src="&span&&?php&/span&&span&echo&/span&&span&$imageUrl&/span&&span&;&/span&&span&?&&/span&" alt="&span&&?php&/span&the_title&span&(&/span&&span&)&/span&&span&;&/span&&span&?&&/span&" width="150" height="150" /&&/a&& & 这段代码会去找第一个上传的图片缩略图 (如果第一个图片被删除, 则找第二个的, 如此类推...), 如果找不到任何上传图片则使用默认图片. 代码中用到 get_children 和 wp_get_attachment_image_src 两个, 可以参考下面两个文章.& & WordPress Codex - get children& & WordPress Codex - wp get attachment image src& & 然后在文章列表 index.php, 存档页面 archive.php 和搜索页面 search.php 中调用, 调用代码如下.& & 1&span&&?php&/span&&span&include&/span&&span&(&/span&&span&"thumb.php"&/span&&span&)&/span&&span&;&/span&the_content&span&(&/span&&span&"Read More..."&/span&&span&)&/span&&span&;&/span&&span&?&&/span&& & 这段代码是把图片放在文章内容前面, 图片如何摆放需要用 CSS 调整一下布局, 这里就不多说了.& & 最后我两留两个问题给们.& & 1. 如果图片高度或者宽度不足 150px, 这样做必然将图片拉伸, 很不美观. 用什么办法可以让图片都显示为 150x150, 并居中显示? 提示: 可以用 CSS 实现, 类似方法可以在 Elegant Box 主题中找到.& & 2. 在文章列表中, 我们只希望看到缩略图, 而屏蔽其他所有图片, 除了使用文章去除所有标签样式, 是否有其他方法可以做到?& & 本文来自：/wordpress-thumb-trick/
　　〔巧用WordPress缩略图〕随文赠言：【受惠的人，必须把那恩惠常藏心底，但是施恩的人则不可记住它。――西塞罗】
　　巧用WordPress缩略图所属栏目：〖〗
　　“巧用WordPress缩略图”相关
　　〖〗链接地址：
　　管理资料提供的巧用WordPress缩略图由网友原创或转发，若巧用WordPress缩略图侵犯了您的权益，请与本站联系，谢谢！
上一篇资料： 下一篇资料：
巧用WordPress缩略图相关资料& WordPress使用自定义字段设置缩略图图文教程
WordPress使用自定义字段设置缩略图图文教程
时间：　　来源：互联网　　阅读次数：403　　小编：　　我要分享：
WordPress的自定义域功能是比较强大灵活的，最近在折腾新主题，需要为软件栏目使用自定义域设置缩略图，这样就可以自己定义软件的图标，不会再调用首张图片，实现方法也很简单，记录一下，以后也用得到。
调用缩略图显示，在你需要显示缩略图的地方加入以下代码调用即可：
<img alt="WordPress使用自定义字段设置缩略图图文教程"class="thumb"src=""alt=""/><img alt="WordPress使用自定义字段设置缩略图图文教程"class="thumb"src="/images/thumb.jpg"alt=""/>
上面这段代码设置了缩略图加文章链接和class、alt这些属性，具体可以自己定制，当文章没有设置缩略图时会显示一张默认图片。附送一句缩略图显示样式美化，对应上面的img class="thumb"，在你的CSS文件中加上这么一句可以设置缩略图显示位置和加上图片边框效果。
.thumb{float:margin:10px 10px 10px 0padding:4border:1px solid #}
设置方法，打开文章编辑页面，在上方“显示选项”里勾选“自定义栏目”。然后在自定义栏目里输入一个缩略图使用的新栏目名称，如thumb，然后在值里输入缩略图地址，比如，为防止以后如果更换域名要修改这里，我们可以不写前面的域名，直接写/后面图片地址就行，比如/favicon.ico。以后写文章设置缩略图时同样是这样设置。
<img alt="WordPress使用自定义字段设置缩略图图文教程"class="thumb"src="
关注IT新闻资讯，了解最新的IT动态，扫描&&二维码&&
好特网，阅读的好地方！
好特资讯8月26日，全国政协副主席、科技部部长万钢来到长江存储科技有限责任公司的子公司…
好特资讯近日，18岁女孩的山东女孩徐玉玉遭遇电信诈骗猝死的消息震惊全国，在短时间之内如…
好特网精选
织梦织梦dedecms仿站工具
系统：Vista/winXP/win7/win8
大小：1.08 MB
大家都在看什么
网友在2分钟点赞了
网友在7分钟点赞了
网友在12分钟点赞了
网友在19分钟点赞了
网友在25分钟点赞了
大小：0 Bytes
大小：0 Bytes
大小：0 Bytes
大小：0 Bytes
大小：0 Bytes
大小：6.43 MB
大小：36.03 MB
大小：30.43 MB
大小：41.5 MB
大小：11.75 MB
大小：80.5 MB
大小：137.9 MB
大小：46.97 MB
大小：127.4 MB
大小：90.9 MB
扫一扫二维码进入好特网手机版本！/ WordPress 后台文章列表设置文章特色图片（缩略图）
一个疯狂的 WordPress 爱好者，喜欢折腾 WordPress 主题，分享 WordPress 资源。如果你也喜欢 WordPress，欢迎和我一起交流！
(C) 2012- · 桂ICP备号-1 · 基于 WordPress · 由 倡萌 运维 · 托管于WordPress自带thumbnail缩略图功能使用介绍
作者：佚名
字体：[ ] 来源：互联网 时间：09-20 00:19:50
从wordpress2.9开始就可以使用自带的缩略图功能了，实现方法也很简单
1.添加功能
在function.php中插入代码
add_theme_support('post-thumbnails');
插入之后会在后台编辑文章的页面的右下角出现特色图片，（有的版本可能是或者是文章缩略图）
点击设定特色图像后出来的就是和插入图片相同的界面，但是仔细看会发现在本地上传图片后，或者从媒体里打开文件下面会多了作为特色图像的选项
点击后等它显示完成便可以把小窗口关掉了~
2.如何调用
在要显示的 地方加入代码
&?php the_post_thumbnail(); ?&
既可以调用，例如插入入在首页的大循环中。
3.后续改进
（1）如果没有缩略图时调用其他图片 代码如下: &?php if ( has_post_thumbnail() ) { ?& &?php the_post_thumbnail(); ?& &?php } else {?& &img src=&&?php bloginfo(&template_url&); ?&/images/xx.jpg& /& &?php } ?& 把下面的那个改成你自己图片的地址就可以了~ （2）控制缩略图大小 在function.php中刚刚插入的add_theme_support( &post-thumbnails& ); 后面添加 代码如下: set_post_thumbnail_size( 50, 50, true ); 尺寸的设置顺序是: 宽度、高度（以像素为单位） (3)一张图片，要有多种大小的缩略图 在function.php中刚刚插入的add_theme_support( &post-thumbnails& ); 后面添加 代码如下: set_post_thumbnail_size( 155, 110, true ); // 305 pixels wide by 380 pixels tall, set last parameter to true for hard crop mode add_image_size( &one&, 155, 110, true ); // Set thumbnail size add_image_size( &two&, 350, 248, true ); // Set thumbnail size add_image_size( &big&, 546, 387, true ); // Set thumbnail size 其中第一个为默认的缩略图大小，后面三个是特殊的大小，可以根据实际情况使用。引号中的one，big，two也可以换成自己想要的名称。 调用，以调用350px*248px的为例， 代码如下: &?php $thumbID = get_the_post_thumbnail( $post-&ID, &two&, $imgsrcparam ); ?& &?php echo &$thumbID&; ?&配合之前的那个，最后的代码就是： &?php if ( has_post_thumbnail() ) { ?& &?php $thumbID = get_the_post_thumbnail( $post-&ID, &two&, $imgsrcparam ); ?& &?php echo &$thumbID&; ?&&?php } else {?& &img src=&&?php bloginfo(&template_url&); ?&&/& &?php } ?& 差不多就这么多了~希望多正在研究、或者正在写wordpress主题 的人有点帮助吧~
大家感兴趣的内容
12345678910
最近更新的内容