如何在 WordPress 插件页面展示banner图片

前阵子写了一个WordPress插件Card For GitHub,到最后的时候注意到别人家的插件都是有头像和首页封面,但是后台又没有配置的方式,最后还是官方开发文档靠谱:How Your Plugin Assets Work ,本文就简单记录下使用方法。

我们的操作都是基于插件代码目录中的assets目录,这里可以存储 plugin headers, icons, screenshots

支持两种格式JPGPNG

1.Plugin Headers

这是展示在插件页面顶部的大图。

plugin-headers

文件的命名需要遵守一下格式:

Normal Banner: banner-772x250.(jpg|png)
Normal Banner (RTL): banner-772x250-rtl.(jpg|png)
High-DPI (Retina): banner-1544x500.(jpg|png)
High-DPI (Retina RTL): banner-1544x500-rtl.(jpg|png)

RTL(RightToLeft)意思是一些国家的文本是从右向左,如果需要考虑这些国家的展示效果,可以添加该配置的图片。

总的来说,我们至少需要普通图片和Retina高清图片。

2.Plugin Icons

这是展示在插件头像位置,如果我们没有配置,系统会自动生成图片。

需要遵循格式:

Normal: icon-128x128.(png|jpg)
High-DPI (Retina): icon-256x256.(png|jpg)
SVG: icon.svg

这里也可以使用SVG,好处是可以无损调整大小。

3.Screenshots

插件截图,我们也可以直接存储在插件目录中。

需要遵循格式:

screenshot-1.(png|jpg)
screenshot-2.(png|jpg)

0 条评论