启用wp-thumbnails插件后生成两张缩略图解决办法

来源:互联网 发布:怎么找文献的数据 编辑:程序博客网 时间:2024/05/01 10:46

原因是重复调用了插件,在后台,关掉插件的自动启用。


然后在需要实现缩略图的地方手动调用。代码如下:

先说明两个概念:

页面缩略图:在页面(英文叫page)显示的缩略图,包括首页、分类页、标签页、搜索页、你自己创建的页面等等。

文章缩略图:为文章(英文叫post)显示的缩略图,即一张缩略图片对应一篇文章,用缩略图显示最新文章、随机文章、相关文章、最热门文章等等。

先看图,有不明白的接着看下面的文字部分:

http://pic.yupoo.com/niaolei/BgvSwJH4/6Q7tA.jpg

1. 页面缩略图(包括首页页面缩略图、分类页面缩略图、标签页面缩略图、搜索页面缩略图

功能说明:在页面为每篇文章显示一张缩略图。后台对应“单张”。

无需放置代码,支持后台自动启用!

也可手动放置代码:

<?php if ( function_exists('wp_thumbnails_for_homepage') ) {wp_thumbnails_for_homepage();} ?>

放置位置:对于首页页面缩略图,放在首页模板index.php,放在the_content或the_excerpt之前,例如:

<?php if ( function_exists('wp_thumbnails_for_homepage') ) {wp_thumbnails_for_homepage();} ?>

<div>

<?php the_content(__('Read the rest of this entry &raquo;')); ?>

</div>

<div class="clear-float"> </div> //如果样式撑出来了,请补上这句用于清除样式。

对于其他的页面缩略图,放置在对应的分类模板文件或标签模板文件(通常是archive.php),不同主题可能不一样。

首页页面缩略图效果:http://niaolei.org.cn/

分类页面缩略图效果:http://niaolei.org.cn/category/common/penguin

标签页面缩略图效果:http://niaolei.org.cn/tag/麻雀

搜索页面缩略图效果:http://niaolei.org.cn/?s=最漂亮的鸟

2. 全排列缩略图:

功能说明:将当前文章内的缩略图排列显示,也即“一次显示多张图片的页面缩略图”。全排列缩略图有点特殊,既可以作为页面缩略图显示,又可以作为文章缩略图显示,就看你想让它显示在什么地方。后台对应“全排”。

无需放置代码,支持作为页面缩略图自动启动!

无需放置代码,支持自动插入到文章下方!

也可以手动放置代码:

<?php if(function_exists('wp_thumbnails_for_single_post')) { wp_thumbnails_for_single_post(); } ?>

放置位置:代码放置于首页模板,置于the_content或the_excerpt之后,以实现首页排列出每篇日志多张缩略图的效果。当然,也可以放置在单篇日志页single.php的任意位置。

1+2. 智能页面缩略图:

功能说明:如果日志内图片很少, 那么调用首页缩略图,否则排列显示该日志内所有缩略图。是上面两种方式的结合。后台对应“智能”。

无需放置代码,支持作为页面缩略图自动启动!

也可以手动放置代码:

<?php if(function_exists('wp_thumbnails_for_smart_homepage')) { wp_thumbnails_for_smart_homepage(); } ?>

放置位置:代码放置于首页模板等页面模板,置于the_content或the_excerpt之后。

3. 随机文章缩略图:

功能说明:用缩略图显示随机文章。

无需放置代码,支持自动插入到文章下方!

无需放置代码,支持侧边栏显示!

也可以手动放置代码:

<?php if(function_exists('wp_thumbnails_for_random_posts')) { wp_thumbnails_for_random_posts(); } ?>

放置位置:任意位置。

4. 最新文章缩略图

功能说明:用缩略图显示最新文章。

无需放置代码,支持侧边栏显示!

也可以手动放置代码:

<?php if(function_exists('wp_thumbnails_for_recent_posts')) { wp_thumbnails_for_recent_posts(); } ?>

放置位置:任意位置。

5. 相关文章缩略图:

功能说明:用缩略图显示相关文章,文章的相关程度由该文章的标签决定。

无需放置代码,支持自动插入到文章下方!

无需放置代码,支持侧边栏显示!

代码:

<?php if(function_exists('wp_thumbnails_for_related_posts')) { wp_thumbnails_for_related_posts();} ?>

放置位置:日志页模板(single.php)的任意位置。

6. 最热门文章缩略图:

功能说明:必须先安装统计插件wp-postviews,根据访问数展示缩略图,后台设置非常细致丰富,甚至可以结合标签过滤,隐藏你不想展示的文章。

演示页面:《精华文章:鸟类网最受欢迎的100篇文章》

无需放置代码,支持侧边栏显示!

也可以手动放置代码:

<?php if(function_exists('wp_thumbnails_for_popular_posts')) { wp_thumbnails_for_popular_posts(); } ?>

放置位置:任意位置。

7. 当前分类下的文章缩略图

功能说明:显示当前分类页面下的文章缩略图。当然,也可以指定分类id,在任意位置显示指定分类的文章缩略图。

必须手动放置代码:

<?php if(function_exists('wp_thumbnails_for_category')) { wp_thumbnails_for_category(); } ?>

放置位置:分类页模板(通常是archive.php)的任意位置。【注意】:这里的分类缩略图是指将某个分类的图片集中放在一起显示,如果要在分类页实现类似首页页面缩略图的效果,请仍然使用wp_thumbnails_for_homepage的代码。

8. 当前标签下的文章缩略图

功能说明:显示当前标签页面下的文章缩略图。当然,也可以指定标签id,在任意位置显示指定标签的文章缩略图。

必须手动放置代码:

<?php if(function_exists('wp_thumbnails_for_tag')) { wp_thumbnails_for_tag(); } ?>

放置位置:标签页模板(通常是archive.php)的任意位置。【注意】:这里的标签缩略图是指将某个标签的图片集中放在一起显示,如果要在标签页实现类似首页页面缩略图的效果,请仍然使用wp_thumbnails_for_homepage的代码。

9. 带参数的调用方式:

插件提供了带参数的调用方式(不带参数时,采用后台设置):依次是数量num、宽度width、高度height、顺序order、指定id(可以指定多个id,用英文逗号,隔开)、媒体类型media(可指定只显示图片或只显示视频,合法的值image、media、all)、视频类型thumb(值为video表示直接显示缩略视频,而不是视频中的缩略图)。打勾表示支持的参数:

代码数量宽度高度顺序指定媒体类型视频直显codenumwidthheightorderidmediathumb页面 wp_thumbnails_for_homepage×××××随机 wp_thumbnails_for_random_posts××最新 wp_thumbnails_for_recent_posts××相关 wp_thumbnails_for_related_posts××最热门 wp_thumbnails_for_popular_posts××全排列 wp_thumbnails_for_single_post××某分类 wp_thumbnails_for_category某标签 wp_thumbnails_for_tag

用法说明:参数用英文单引号' 括起来,内部为 参数名=参数值 的形式,参数之间用字符 & 连接。num、width、height为纯数值。order的值有两种:recent、random,表示按时间顺序展示和按随机方式展示。指定id,对分类来说为分类id,对标签来说为标签id,可以指定多个分类和多个标签。

用法举例,改动相应参数的数值即可,给你充分的自由:

页面缩略图:

<?php if(function_exists('wp_thumbnails_for_homepage')) { wp_thumbnails_for_homepage('width=120&height=100'); } ?>

随机文章缩略图:

<?php if(function_exists('wp_thumbnails_for_random_posts')) { wp_thumbnails_for_random_posts('num=10&width=75&height=75'); } ?>

最新文章缩略图:

<?php if(function_exists('wp_thumbnails_for_recent_posts')) { wp_thumbnails_for_recent_posts('num=20&width=100&height=100'); } ?>

相关文章缩略图:

<?php if(function_exists('wp_thumbnails_for_related_posts')) { wp_thumbnails_for_related_posts('num=30&width=150&height=75'); } ?>

最热门文章缩略图:(下面代码最后两个参数表示只显示视频,并且直接显示视频而不是视频中的缩略图)

<?php if(function_exists('wp_thumbnails_for_popular_posts')) { wp_thumbnails_for_popular_posts('num=100&width=150&height=75&media=video&thumb=video'); } ?>

全排列缩略图:

<?php if(function_exists('wp_thumbnails_for_single_post')) { wp_thumbnails_for_single_post('num=9&width=75&height=75'); } ?>

指定分类下的文章缩略图:

<?php if(function_exists('wp_thumbnails_for_category')) { wp_thumbnails_for_category('id=5&num=10&width=180&height=75&order=recent'); } ?>

指定标签下的文章缩略图:

<?php if(function_exists('wp_thumbnails_for_tag')) { wp_thumbnails_for_tag('id=4,5,6,7&num=10&width=180&height=75&order=random'); } ?>

10、短代码调用方式:

WordPress提供了短代码(short code),将短代码插入文章内部后,WordPress会自动处理短代码来实现相关功能。WP-Thumbnails也支持通过短代码让您在文章任何位置显示缩略图。短代码仅适用于各种“文章缩略图”。

比如下面的例子。请注意:短代码用中括号[]包起来。正式使用时,务必将下面例子中的【】替换成[]

随机文章缩略图:【wp-thumbnails type="random" width="75" height="75"】

最新文章缩略图:【wp-thumbnails type="recent" num="20" width="100" height="100"】

相关文章缩略图:【wp-thumbnails type="related" num="30" width="150" height="75"】

最热门文章缩略图:【wp-thumbnails type="popular" num="100" width="150" height="75" media="video" thumb="video"】

全排列缩略图:【wp-thumbnails type="single" num="9" width="75" height="75"】

指定分类下的文章缩略图:【wp-thumbnails type="category" id="5" num="10" width="180" height="75" order="recent"】

指定标签下的文章缩略图:【wp-thumbnails type="tag" num="10"  id="4,5,6,7" width="180" height="75" order="random"】

我想你已经很清楚了:短代码用中括号[]包起来,短代码的名称必须为wp-thumbnails,短代码必须指定是哪种类型(type)的文章缩略图(有random、recent、popular、related、single、category、tag)。

短代码中其他的参数都是可选的,这些参数和上面“带参数的调用方式”中提到的参数是完全一样的。参数之间用空格隔开,参数值用英文双引号""包围起来,各个参数的先后顺序是任意的。

没有指定的参数则采用后台相应的设置。

11、创建类似鸟类网这样专门的图片页面:

(演示:http://niaolei.org.cn/top)的方法:http://niaolei.org.cn/wp-thumbnails/create_custom_page

如果你已经熟悉了短代码,可以直接“添加新页面”,在页面内容中放置短代码如【wp-thumbnails type="popular" num="100" width="150" height="96"】,就可以显示100张宽度为150,高度为96的最热门文章缩略图。