应用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
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
Crayon Syntaxer 弱小的WP代码高亮插件装置办法

有意中发现一款性能弱小的Wordpress代码高亮插件 &ndash; Crayon Syntaxer,我以为能够算是目前款式最多、易...

wordpress增加顶级菜单完成思绪

比方本人创立了一个主题,那么需求在后盾增加一些设置选项,所以就触及到了后盾增加顶级菜单的需要: 复制代...

WordPress搜寻后果按阅读量排序的完成办法

默许状况下,WordPress 存档页面或搜寻后果页面中的日志陈列秩序是依照重新到旧来陈列的,这里咱们暂且不论...

wordpress非插件完成xml格局网站地图

废话不多说,间接上代码复制代码代码如下:<?phprequire('./wp-blog-header.php');header("Content-type: te...

WordPress中制造导航菜单的PHP外围办法解说

WordPress 3.0 引入导航菜单性能, 让页面的导航和链接的治理变得简略易用. WP 向用户提供了菜单治理页面和多...

应用PHP+AJAX让WordPress静态加载文章的教程

为什么要静态加载文章&#63; 1. 疾速向访客展现页面 文章很容是蕴含大量文字和多媒体资源 (如: 图片, 视频, ...

需求提交

客服服务

亿鸽在线客服系统