WordPress自带thumbnail缩略图性能应用引见

1.增加性能

在function.php中拔出代码

add_theme_support('post-thumbnails');

拔出之后会在后盾编辑文章的页面的右下角呈现特征图片,(有的版本可能是或许是文章缩略图)


点击设定特征图像后进去的就是和拔出图片相反的界面,然而细心看会发如今本地上传图片后,或许从媒体里关上文件上面会多了作为特征图像的选项

点击后等它显示实现便能够把小窗口关掉了~

2.如何调用

在要显示的 中央退出代码

<?php the_post_thumbnail(); ?>

既能够调用,例如拔出入在首页的大循环中。

3.后续改良

(1)假如没有缩略图时调用其余图片

 
<?php
if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail(); ?>
<?php } else {?>
<img src=”<?php bloginfo(‘template_url’); ?>/images/xx.jpg” />
<?php } ?>

把上面的那个改成你本人图片的地址就能够了~
(2)管制缩略图大小
在function.php中刚刚拔出的add_theme_support( ‘post-thumbnails’ ); 前面增加
 
set_post_thumbnail_size( 50, 50, true );

尺寸的设置程序是: 宽度、高度(以像素为单位)
(3)一张图片,要有多种大小的缩略图
在function.php中刚刚拔出的add_theme_support( ‘post-thumbnails’ ); 前面增加
 
set_post_thumbnail_size( 155, 110, true ); // 305 pixels wide by 380 pixels tall, set last parameter to true for hard crop mode
add_image_size( ‘one’, 155, 110, true ); // Set thumbnail size
add_image_size( ‘two’, 350, 248, true ); // Set thumbnail size
add_image_size( ‘big’, 546, 387, true ); // Set thumbnail size

其中**个为默许的缩略图大小,前面三个是非凡的大小,能够依据实际状况应用。引号中的one,big,two也能够换成本人想要的称号。
调用,以调用350px*248px的为例,
 
<?php
$thumbID = get_the_post_thumbnail( $post->ID, ‘two’, $imgsrcparam ); ?>
<?php echo “$thumbID”; ?>配合之前的那个,最初的代码就是:
<?php
if ( has_post_thumbnail() ) { ?>
<?php
$thumbID = get_the_post_thumbnail( $post->ID, ‘two’, $imgsrcparam ); ?>
<?php echo “$thumbID”; ?><?php } else {?>
<img src=”<?php bloginfo(‘template_url’); ?>”/>
<?php } ?>

差不多就这么多了~心愿多正在钻研、或许正在写wordpress主题 的人有点协助吧~

以上就是安达网络工作室关于《WordPress自带thumbnail缩略图功能使用介绍》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: thumbnail 缩略图 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
能无效改善WordPress CMS性能的8个插件分享

NextGen Gallery 最好的图片相册插件。弱小的支持,稳固,更新频繁,收费。WP内置的相册性能也是OK的,不过...

WordPress装置应用Flowplayer繁难指南

本文是简略易懂的古代魔法系列文章的第二弹~ 一、Flowplayer简介 FlowPlayer 是一个用Flash开发的在Web上的...

让WordPress媒体库辨认.pdf文件的办法

让媒体库支持pdf分类 这段来自tutsplus的代码能够协助咱们完成如上图所示的成果,将代码放到主题的function...

应用jQuery完成WordPress中的Ctrl+Enter和@评论回复

增加 Ctrl+Enter 快捷回复 这里送上两种办法,首先是 jQuery 办法,前段工夫不断在钻研 jQuery ,因而对 jQ...

WordPres对前端页面调试时的两个PHP函数应用小技巧

函数esc_js()(过滤 Html 内嵌 JS) 参数 $text (字符串)(必需)要过滤的字符串。 默许值:None 前往值 ...

Wordpress页面动态化与动态文件不生成的处理办法

本文实例讲述了在wordpress中利用cos-html-cache 2.7.3插件来完成Wordpress页面动态化的办法以及动态文件不...

需求提交

客服服务

亿鸽在线客服系统