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 gravatar应用本地头像进步网页关上速度

WordPress默许的头像是读取gravatar.com上的图片的,关于国际用户来说会使网页关上速度变慢。所以我决议删除...

WordPress导航菜单函数wp_nav_menu()详解

1、wp_nav_menu()函数引见:worpdress倒退到3.0当前添加了一个自定义菜单函数wp_nav_menu(),使得wordpress...

WordPress之给文章内容两头拔出广告的完成办法

不少冤家心愿在文章内容的两头拔出广告(集体以为这个对用户体验有点不太好),上面就来看看如何完成吧。 应...

WordPress评论IP地址显示为127.0.0.1的处理方法

穆童博客应用的是Wordpress顺序,上次在改换了效劳器之后不知为何一切新评论的IP地址都显示为127.0.0.1。刚...

wordpress抓取文章第一张近程图片保留到本地的办法

这个举措咱们应用一个hook来完成: 复制代码代码如下:add_action('publish_post', 'fetch_images',999); 再...

Dreamweaver代码的格局化性能掌控html代码的格局

明天偶尔发现了Dreamweaver的一个十分有用的性能,就是代码的格局化性能。普通状况下,咱们写的html或许css...

需求提交

客服服务

亿鸽在线客服系统