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去除img标签的高度与宽度让图片自顺应屏幕

要求 如,在桌面设施上,图片应用的是以下的HTML代码: 复制代码代码如下: <img src="abc.png" alt="abc" w...

Wordpress改换主题之后出错的处理办法

明天吃完午饭,劳动劳动,最近搞了一下google adsense,不过最终的审核没经过,我想会不会是界面不难看呢,...

WordPress特定文章对搜寻引擎暗藏或只容许搜寻引擎查看

对搜寻引擎暗藏特定的文章 这个成绩的起源是这样的: 家喻户晓,随着搜寻引擎的改进,会越来越排挤采集和伪...

WordPress中用于检索模版的相干PHP函数应用解析

locate_template() 用来检索存在的优先级最高的模板文件,还能间接加载模板文件。 locate_template() 函数检...

Wordpress php 分页代码

成果: 将上面的函数放到你的主题的 functions.php 文件中: 代码如下: function theme_echo_pagenavi(){ gl...

以JavaScript来完成WordPress中的二级导航菜单的办法

导航菜单 导航菜单早已 "深化民意", 在博客上的使用日益重要且多样. 从本文开端, 我将展开几个对于 WordPre...

需求提交

客服服务

亿鸽在线客服系统