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搜寻后果按阅读量排序的完成办法

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

WordPress 链接跳转插件

这款插件称号叫Pretty Link Lite,插件主页:http://wordpress.org/extend/plugins/pretty-link/,也能够在...

再Docker中架设完好的WordPress站点全攻略

1. 装置 Docker 在咱们真正开端之前,咱们需求确保在咱们的 Linux 机器上曾经装置了 Docker。咱们应用的主机...

wordpress 文章分页 适用的wordpress长文章分页代码

最近发现 有不少文章配上图片,写得比拟长。这样会招致页面加载速渡过慢,不利于用户体验。尤其是新增加的 ...

Wordpress将选中内容分享到新浪腾讯微博的办法

本文实例讲述了Wordpress将选中内容分享到新浪腾讯微博的办法。分享给大家供大家参考。详细办法如下: 1、引...

Ubuntu VPS中wordpress网站关上时提醒”建设数据库衔接谬误”的处理方法

一、发现成绩 在尝试编辑博客站点的Wordpress主题时,忽然发现博客站点无奈衔接;刷新后提醒“建设数据库衔...

需求提交

客服服务

亿鸽在线客服系统