YOUDIANCMS采用了响应式的编程方式,特点是可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局,因此设计网站时就需要解决图片兼容问题,当浏览屏幕变小时,系统会自动将图片压缩到一定的格式,才能合理的显示页面内容,YOUDIANCMS设置缩略图参数后,可以在独立IP虚拟主机完美呈现各种屏幕大小的布局,下面请看YOUDIANCMS缩略图设置的方法。

登陆网站后台,打开系统设置->缩略图设置,如图1所示,按照以下方法根据自己的需求进行设置:

图17 YOUDIANCMS缩略图设置详细教程

1、第一个图片作为缩略图

在“是否提取内容第一个图片作为缩略图”中,选择是表示当详细内容中包含图片时,自动提取第一张图片作为当前信息的缩略图,选择否表示不采用这种缩略图生成方式。

2、自动生成缩略图

在“是否按指定方式自动生成缩略图”中,选择是表示自动按指定生成方式、宽度、高度生成缩略图,设置方式如下,选择否表示生成缩略图,图片将以原图的形式显示,这里建议选择是。

3、缩略图生成方式:

表示按某种方式将上传的原图变成指定尺寸缩略图,主要有以下几种:

(1)自动留白:首先将缩略图四周补白以达到和原图比例一致(如果缩略图和原图宽高比例不同),然后在将原图按比例缩放到缩略图尺寸。这种方式能能保持缩略图保持原始比例,从而不变形,因此推荐使用;

(2)固定尺寸缩放:和第一种方式不同,直接将原图(不补白)按缩放到缩略图尺寸,当原图和缩略图的宽高比例不同时,生成的缩略图会变形,如同示意图2所示;

图27 YOUDIANCMS缩略图设置详细教程

(3)居中裁剪:按缩略图尺寸在原图中间裁剪来生成缩略图;

(4)左上角裁剪:按缩略图尺寸在原图左上角裁剪来生成缩略图;

(5)右下脚裁剪:按缩略图尺寸在原图右下脚裁剪来生成缩略图;

缩略图宽度:设置生成缩略图的宽度;

缩略图高度:设置生成缩略图的高度。

4、缩略图是否添加水印

选择是将会为缩略图添加水印,这个功能需要在系统设置->水印设置启用水印才能使用,如图3所示,

图37 YOUDIANCMS缩略图设置详细教程

将是否启用水印设置为是然后保存即可。

以上就是独立IP空间下YOUDIANCMS缩略图设置详细教程,希望对大家有所帮助。

本文地址:http://www.51php.com/youdiancms/26599.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: