应用WordPress内置图片仓库制造缩略图的小技巧

WordPress 不只是博客, 很多时分 WordPress 还被用作为 CMS (内容治理零碎). 博主们喜爱为每个文章加上对立大小的缩略图, 尤其是信息类平台. 其中比拟罕用的解决方法是用 custom field 向文章拔出图片, 经过上传大小分歧的小图或许应用 phpThumb 等工具生成缩略图.
 
2.7 开端, WordPress 大幅晋升多媒体性能, 越来越多人应用 WP 的内置图片仓库. 对这些用户来说, 制造缩略图变得并不那么艰难, 在上传图片的时分就会默许生成 150x150 规格的小图 (假如图片高度/宽度有余 150px, 应用原高度/宽度). 那咱们能够充沛利用这个性能, 在文章列表上加上这个图片作为缩略图. 这样解决各无利弊, 益处是简略, 智能 (不必每次输出缩略图), 害处是耗费效劳器流量.
Okay, 如今要做的就是提取上传生成的小图片, 并搁置在文章的适当地位. 我创立了一个文件 thumb.php, 图片获取和调用一同解决, 文件内容如下.
 
<?php
$args = array(
'numberposts' => 1,
'order'=> 'ASC',
'post_mime_type' => 'image',
'post_parent' => $post->ID,
'post_status' => null,
'post_type' => 'attachment'
);
$attachments = get_children($args);
$imageUrl = '';
if($attachments) {
$image = array_pop($attachments);
$imageSrc = wp_get_attachment_image_src($image->ID, 'thumbnail');
$imageUrl = $imageSrc[0];
} else {
$imageUrl = get_bloginfo('template_url') . '/img/default.gif';
}
?>
<a href="<?php the_permalink() ?>"><img class="left" src="<?php _fcksavedurl=""<?php" _fcksavedurl=""<?php" echo $imageUrl; ?>" alt="<?php the_title(); ?>" width="150" height="150" /></a>

这段代码会去找**个上传的图片缩略图 (假如**个图片被删除, 则找第二个的, 如此类推...), 假如找不到任何上传图片则应用默许图片
而后在文章列表 index.php, 存档页面 archive.php 和搜寻页面 search.php 中调用, 调用代码如下.
 
<?php include('thumb.php'); the_content('Read More...'); ?>

这段代码是把图片放在文章内容后面, 图片如何摆放需求用 CSS 调整一下规划, 这里就不多说了.
最初我两留两个成绩给同窗们.
1. 假如图片高度或许宽度有余 150px, 这样做必定将图片拉伸, 很不美观. 用什么方法能够让图片都显示为 150x150, 并居中显示? 提醒: 能够用 CSS 完成, 相似办法能够在 Elegant Box 主题中找到.
(答案请看文章《用CSS 背景属性替代图片SRC》)
2. 在文章列表中, 咱们只心愿看到缩略图, 而屏蔽其余一切图片, 除了应用文章摘要去除一切标签款式, 能否有其余办法能够做到?

以上就是安达网络工作室关于《使用WordPress内置图片仓库制作缩略图的小技巧》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: 图片仓库 缩略图 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress中Gravatar头像缓存到本地及相干优化的技巧

将Gravatar寰球通用头像缓存的目的在于放慢网站的关上速度,由于Gravatar官网的效劳器在国外,加上伟大的GF...

wordpress修正固定链接后301重定向的办法

以前小站的固定链接好不兽性化,构造是/%year%/%monthnum%/%postname%/,这样看起来又不直观又长的,明天做了一...

wordpress主题制造触及到的根本模板及阐明整顿

style.css : CSS(款式表)文件,普通包括主题申明和通用css款式代码 index.php : 主页模板,普通用来做网...

WordPress中is_singular()函数简介

函数is_singular()检测后果为true,当上面其一前往true时:is_single()、is_page()、is_attachment()。 假如...

wordpress 网站转移效劳器操作的两种办法

第一种办法:我的这个博客不断都在网上运转,明天想把它在本地架设一个,包括数据库都和网上的如出一辙。详...

深化解析WordPress中加载模板的get_template_part函数

最近钻研民间主题 Twenty Eleven ,有一些货色网上现成的中文材料不好找,在博客里记录上去,算是分享,也算...

需求提交

客服服务

亿鸽在线客服系统