WordPress多媒体缩略图设置

幸运草 2019年12月19日19:54:07使用技巧评论阅读模式

wordpress学习 第三节:怎样在文章中添加图片?

自来有“一图胜千言”的说法,一篇文章配以恰当的图片,既能增加信息量,也能为文章增色不少。那么,怎么在wordpress大家的网站中添加图片呢? 在wordpress中,图片、视频等文件,统统被分在多媒体一类。所以,很自然的想到,我们应该在网站后台控制面板的“多…

在Wordpress还没有缩略图功能的时候,模板开发的同学,基本都是用代码,直接调用文章第一张图片作为栏目列表缩略图。如果现在旧的模板,还没有更新,应还会保留着这个功能。但这个功能有个缺点就是调用原图作为缩略图,所以图片比较大,而且比例基本能不和列表页缩略图CSS比例一样,所以造成列表图片变形不清析。

1缩略图功能激活

现在模板基本都已经支持激活了这功能的了。那模板是如何激活这功能的呢,就是下面这行代码,放在functions.php文件里就可以了。

add_theme_support( 'post-thumbnails' );

2缩略图大小设置

WordPress多媒体缩略图设置

按上面设置的例子,生成缩略图:

宽度大于400,高度大于222时,缩略图大小为:400×222

宽度大于400,高度少于222时,缩略图大小为:400×原图片高度

宽度少于400,高度大于222时,缩略图大小为:原图片宽度×222

关于中等大小和大尺寸 ,也是缩略图,原理和上面一样,当都设成0时,则不生成。

2模板调用缩略图

<?php if ( has_post_thumbnail() ) { ?>

<?php the_post_thumbnail('thumbnail'); ?>

<?php } else {?>

<img src="图片地址">

 <?php } ?>

字符串参数:thumbnail ( 小尺寸 )、medium ( 中等尺寸 )、large ( 大尺寸 )、full ( 完整尺寸 )。

WordPress多媒体缩略图设置

在Wordpress还没有缩略图功能的时候,模板开发的同学,基本都是用代码,直接调用文章第一张图片作为栏目列表缩略图。如果现在旧的模板,还没有更新,应还会保留着这个功能。但这个功能有个缺点就是调用原图作为缩略图,所以图片比较大,而且比例基本能不和列表页缩略图C…

  • 赞助本站
  • 微信扫一扫
  • weinxin
  • 加入Q群
  • QQ扫一扫
  • weinxin
幸运草
提高电脑技术的方法 使用技巧

提高电脑技术的方法

一直想写篇文章,介绍一下初学者应如何提高电脑技术。但是,一直没有一些系统性的学习资料,网络上的文章都是单篇的、散乱的,全都是一些直接解决某个问题的,没有系统性、连贯性,不太适合学习提高。   那么怎么...
电脑快捷键中的小技巧 使用技巧

电脑快捷键中的小技巧

网络威胁无处不在,其实你上网形同裸奔“随着互联网+持续火热,各类新型互联网创业公司不断诞生,越来越多传统企业触网,由于安全意识和安全能力的相对薄弱,在信息安全问题上面临较大的风险。与此同时,各类病毒更...

发表评论