昨天想给文章的缩略图添加边框,就下了个插件,后来想想插件太多了,对网站的速度有影响,所以就把插件卸了。
提供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,可以根据自己的喜好来定义。
这样就使用图片本身的功能定义了边框,省去了插件和代码,提供网站优化分享。