启用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 »')); ?>
</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的最热门文章缩略图。
- 启用wp-thumbnails插件后生成两张缩略图解决办法
- WordPress 图片(缩略图)插件 WP Thumbnails
- 产品颜色缩略图插件 - Color Thumbnails
- 缩略图Thumbnails
- 缩略图Thumbnails
- wordpress插件multiple-post-thumbnails实现多缩略图教程
- ThinkPHP生成多张缩略图
- 【Android】缩略图Thumbnails
- 【Android】缩略图Thumbnails
- 【Android】缩略图Thumbnails
- 【Android】缩略图Thumbnails
- 【Android】缩略图Thumbnails
- 【Android】缩略图Thumbnails
- 【Android】缩略图Thumbnails
- ANDROID缩略图Thumbnails
- 【Android】缩略图Thumbnails
- 插件13:生成缩略图
- ThinkPHP3.2.3生成多张缩略图
- 二叉排序树
- C语言--C语言种输入其他类型数据后输入字符数据时跳过问题处理
- c++ this pointer
- socket编程中的超时设置示例详解之一
- Android ScrollView与ListView,GridView共存冲突解决方案
- 启用wp-thumbnails插件后生成两张缩略图解决办法
- UVA11294 Wedding
- android 游戏中的声音
- socket编程中的超时设置示例详解之二
- WPF后台动态添加TabItem并设置样式
- INS-35354] The system on which you are attempting to install Oracle RAC is not part of a valid clust
- OpenGL入门(一)
- python实现SimpleHTTPServer的POST方法
- Build the seajs project 2: editing the Gruntfile