应用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直达义HTML与过滤链接的相干PHP函数应用解析

esc_html()(本义 Html) esc_html() 函数用来本义 Html 代码,让 Html 代码不本义。 用法 esc_html( $tex...

在WordPress中应用PHP脚原本判别访客来自什么国度

区分访客国度有什么用&#63; 这里是几个我利用该性能的例子. 1.区分网站性能 这个博客有翻译文章的性能, 这是...

WordPress主题构造是如何架构的图文分析

利用弱小的技术,能够把基于WordPress的网站做成各种各样的方式,这除了要求WordPress主题开发人员通晓HTML...

WordPress中创立用户角色的相干PHP函数应用详解

WordPress 默许有 “订阅者”、“投稿者”、“作者”、“编辑” 和 “治理员” 五个用户角色,权限由低到高...

WordPress导航菜单函数wp_nav_menu()详解

1、wp_nav_menu()函数引见:worpdress倒退到3.0当前添加了一个自定义菜单函数wp_nav_menu(),使得wordpress...

Wordpress 的用户治理教程

要害字形容:教程 治理 用户 权限 能够 编辑 注册 Wordpress 咱们 后面咱们讲述了 Wordpress 插件的应用。...

需求提交

客服服务