给wordpress文章缩略图加边框,不用插件和代码。

昨天想给文章的缩略图添加边框,就下了个插件,后来想想插件太多了,对网站的速度有影响,所以就把插件卸了。

提供seo就上网搜了搜给缩略图加边框的其他方法,都是说插件和添加代码的,但对于像我这种不精通代码的怎么办呢。

后来发现wordpress缩略图本身就可以自定义边框和样式,还何必折腾代码和插件呢。具体设置:

在文章里插入一张缩略图,之后选中图片点击“编辑图像”,在编辑图像里面点击“高级选项”下面列出图像的css类和图像属性,设置图片的边框就可以在图像属性里面设置。

常见的图片边框格式:

1、border: 1px outset #F00;

2、border: 1px solid red;

3、border: solid medium #999;等等……

在这里border指图片的属性:

1px指图片边框的像素,有三个标准:thin(细线)、medium(中粗线)、thick(粗线),可以自定义图片的像素如1px、2px、3px…

outset指图片边框的类型,有九个值:

none:无边框线,dotted:由点组成的虚线。

dashed:由短线组成的虚线,solid:实线边框。

double:双线边框,两条单线与其间隔的和等于指定的border-width值

groove:根据border-color的值画3D凹槽状的边框

ridge:根据border-color的值画3D脊状(菱形)的边框

inset:根据border-color的值画3D凹边,颜色较深

outset:根据border-color的值画3D凸边,颜色较浅

#F00用来定义边框的颜色,可以用十六进制的颜色代码,如#00ffcc,可以根据自己的喜好来定义。

这样就使用图片本身的功能定义了边框,省去了插件和代码,提供网站优化分享。

0