wordpress从2.9版开始支持文章特色图像功能,使用wordpress的特色图像功能,会使用网站更加规范,提高页面加载速度,如何让主题支持特色图像功能很简单。
第一步,添加主题对特色图像功能的支持
将下面代码主题functions.php文件中:
- // 添加特色图像功能
- add_theme_support('post-thumbnails');
- set_post_thumbnail_size(130, 100, true); // 图片宽度与高度
其中图片的长宽可以自行修改。
第二步,添加特色图像调用代码
将下面的代码添加到主题模板的适当位置,比如分类归档模板archive.php主循中:
- <?php
- if (has_post_thumbnail()) {
- // 显示特色图像
- the_post_thumbnail();
- } else {
- // 设置特色图像
- $attachments = get_posts(array(
- 'post_type' => 'attachment',
- 'post_mime_type'=>'image',
- 'posts_per_page' => 0,
- 'post_parent' => $post->ID,
- 'order'=>'ASC'
- ));
- if ($attachments) {
- foreach ($attachments as $attachment) {
- set_post_thumbnail($post->ID, $attachment->ID);
- break;
- }
- // 显示特色图像
- the_post_thumbnail();
- }
- } ?>
代码说明,如果未手动设置特色图像,那么会自动调用第一个图片附件的“缩略图”作为特色图像,并显示它。
注:代码中所使用的WP函数:
可以到官方Codex查看详细使用说明,并根据需要加以修改。
调用显示特色图像还可以使用另一种方法:
如果你认为将特色图像调用代码加到主题模板主循环中看上去会很乱,可以将下面的代码添加到主题functions.php 文件中:
- // 特色图像
- add_filter('the_content', 'set_featured_image_from_attachment');
- function set_featured_image_from_attachment($content) {
- global $post;
- if (has_post_thumbnail()) {
- // 显示特色图像
- $content = the_post_thumbnail() . $content;
- } else {
- // 获取和设置特色图像
- $attachments = get_children(array(
- 'post_parent' => $post->ID,
- 'post_status' => 'inherit',
- 'post_type' => 'attachment',
- 'post_mime_type' => 'image',
- 'order' => 'ASC',
- 'orderby' => 'menu_order'
- ));
- if ($attachments) {
- foreach ($attachments as $attachment) {
- set_post_thumbnail($post->ID, $attachment->ID);
- break;
- }
- // 显示特色图像
- $content = the_post_thumbnail() . $content;
- }
- }
- return $content;
- }
这段代码基本原理与上面的相同 ,除了使用get_children过滤the_content(),而不是get_posts()。
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
陕西省西安市 1F
你好 这个要是加到下个主题版本中会更好
湖南省长沙市 2F
可以不通过特色图片来设置本地缩略图,而是通过自定义栏来设置调用远程图片吗?
如何设置呢?
广东省佛山市顺德区 B1
@ darlexlin 用插件Custom Field Images
北京市朝阳区 3F
博主你好,我在使用知更鸟的主题,现在遇到一个问题:
文章没有设置特色图片时,会使用文章中的图片,但是这个图片显示的时候只显示图片的一部分,这个应该如何修改呢?
非常感谢!
中国 B1
@ LoopJump 你应该是说反了,设置特色图像才会显示不全
特色图像不能显示全图,除非你图片比例是140/100
北京市朝阳区 B2
@ 知更鸟 多谢! ^_^
吉林省通化市 4F
请问Ality怎么设置特色图片
北京市 5F
特色图片到底是什么鬼啊,开个看看
来自外部的引用