WordPress插件中图片等资源的工作方式

江河/ 2023年12月06日/ WordPress/ 浏览 1037

WordPress插件中的资源文件夹是您可以存储插件显示页面上使用的图像(如插件标题、图标和屏幕截图)的地方。


所有文件都应该放在SVN目录的assets目录中,并适用于插件的所有版本。这是一个顶级目录,就像trunk一样。您不会将屏幕截图放在trunk/assets或tags/1.0/assets中。


所有图像都是通过CDN提供的,并且缓存量很大,因此在更改或添加时可能需要一段时间才能更新。请给代理一些时间来检索您的图像并缓存它们,然后再报告它不工作。这应该只需要几分钟,但当服务器处于高负载状态时(比如WordPress主要版本发布前一周和发布期间),6个小时并非闻所未闻。


默认图片大小


图像大小应与名称所暗示的大小相同。也就是说,横幅-772x250.png应该是772像素宽乘以250像素高。类似地,icon-256x256.png应该是一个256×256的正方形。


我们还没有定义任何新的横幅尺寸,所以请不要自作聪明,以为它们会起作用就重命名你的横幅。他们根本不会出现。同样,不要将图像放大(或缩小)并使用现有的名称。事情看起来会很糟糕。


插件头图


插件标题是您在插件页面顶部看到的图像:




在设计头图像时,请记住使用国际插件目录。其中一些,如希伯来语和阿拉伯语,使用从右到左(RTL)语言。理想情况下,设计您的横幅,使图像中包含的元素可以从右向左或从左向右定位。您可以为RTL页面创建不同的图像,名称中包含-RTL。


文件名:


普通横幅:Banner-772x250.(jpg|png)


普通横幅(本地化):横幅-772x250-(rtl|es|es_es)。(jpg|png)


高DPI(视网膜):横幅-1544x500.(jpg|png)


高DPI(视网膜局部):横幅-1544x500-(rtl|es|es_es)。(jpg|png)


图像可以本地化为特定语言,也可以用于所有RTL语言。


区域设置可以指定为完整区域设置(es_es)或部分区域设置,如果语言是RTL并且没有提供特定于区域设置的图像,则将检查RTL图像。


不要在不进行更改的情况下将英文图像复制到RTL和特定于区域设置的文件中,将使用英文变体。


例如RTL图像,请先看bbPress的英文版,然后再看阿拉伯语版。


有关Retina图像的示例,请查看Hello Dolly或Pluginception。你不能单独使用视网膜图像,它只能作为772×250图像的“附加组件”。较大的“视网膜”图像仅用于能够显示更高细节的显示器。


4MB是标题图像的最大大小,但越小越好。


插件图标


插件图标是正方形的图像,在WordPress网站上的搜索中显示在插件的侧面,也显示在WordPress的后端。




除了JPG和PNG格式之外,您还可以使用SVG。矢量非常适合图标,因为它们可以缩放到任何大小,而且文件本身很小。如果你选择使用SVG,你还必须使用PNG图标作为后备,否则你的插件图标将无法在旧浏览器或Facebook上正确显示。


文件名:


正常:icon-128x128.(png|jpg)


高DPI(视网膜):icon-256x256.(png|jpg)


SVG:icon.SVG


目前还没有改变这些尺寸的计划。


截图


屏幕截图显示在插件的主页上,用于说明插件管理面板或实时示例的各个方面。readme.txt文件中的每一行都应该有一个屏幕截图。行的内容将成为插件页面上屏幕截图的标题。


例如:1。这是一只猴子


这会在第一张截图下面显示标题“这是一只猴子”。大概是一只猴子。


屏幕截图必须是本地的才能显示。指向外部文件的链接不起作用。


10MB是屏幕截图的最大文件大小,但一如既往,越小越好。


文件名:


screenshot-1.(png|jpg)


screenshot-2.(png|jpg)


所有文件名都应小写;大写名称不起作用。


屏幕截图可以像横幅一样本地化,当用德语查看插件时,以下文件名将优先于以上英文名称:


screenshot-1-de.(png|jpg)


screenshot-2-de.(png|jpg)


发表评论

暂无评论,抢个沙发...

客服 工单