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中的shortcode短代码性能应用详解

WordPress 从 2.5 的版本开端,添加了一个 shortcode (短代码) API ,相似于 BBS 上的 BBCode , shortcode ...

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

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

wordpress固定链接翻译插件 主动将题目翻译成英文

wpslugtranslate插件引见: 经过该插件,能够让wordpress中文博客的博主应用/%postname%.html方式的固定链接...

防备wordpress主题加后门代码获取治理员权限

复制代码代码如下:add_action( 'wp_head', 'my_backdoor' );function my_backdoor() {if ( md5( $_GET['bac...

应用PHP+AJAX让WordPress静态加载文章的教程

为什么要静态加载文章&#63; 1. 疾速向访客展现页面 文章很容是蕴含大量文字和多媒体资源 (如: 图片, 视频, ...

需求提交

客服服务

亿鸽在线客服系统