如何为WordPress独立站的主题添加自定义图像大小?

2022-03-07
957
73

作者:蓝海亿观网
来源: 蓝海亿观

美国买家数据库试用

跨境电商物流如何为WordPress独立站的主题添加自定义图像大小?

自定义图像大小使独立站卖家能够灵活地改进WordPress站点的功能,并节省大量的时间来逐个调整图像大小。在创建了所需的自定义图像大小之后,还需要更新WordPress主题中的代码。

这样做将使WordPress独立站主题根据卖家的想法,显示这些自定义图像大小。蓝海亿观网了解到,如果独立站卖家是编辑代码的新手,那么要在执行此操作之前再次创建站点的备份。

一、WordPress主题添加自定义图像大小

1.在post循环中找到WordPress主题文件,并添加以下代码:

跨境电商平台如何为WordPress独立站的主题添加自定义图像大小?

2.要找到这个文件,单击“Appearance外观”设置下的“Theme Editor主题编辑器”。在这里查找index.php文件,这是一个主题文件,里面有卖家需要编辑的post循环。

3.一旦WordPress独立站卖家找到它,添加上面提到的代码,如下图所示:

出海如何为WordPress独立站的主题添加自定义图像大小?

4.同样,最好将“new-home -feature”部分替换为自定义图像大小的名称。

5.一旦添加了这段代码并更新了文件,WordPress独立站卖家将在媒体库中看到自定义图像大小。独立站卖家可以上传一个新的图像来尝试验证。

二、更新Old Thumbnails旧的缩略图

创建和添加自定义图像大小后,独立站卖家可能还需要处理所有已经上传的旧图像,比如Regenerate Thumbnails Plugin插件就非常适合这个任务。

1.Regenerate Thumbnails Plugin可以自动重新上传新的图像大小,包括任何已经添加的自定义图像大小。

2.要安装它,将鼠标悬停在Plugins菜单选项上,然后单击“Add New添加新的”。然后在搜索框中输入“Regenerate thumbnails”。

3.点击“Install Now现在安装”按钮安装Regenerate thumbnails插件。

跨境电商平台如何为WordPress独立站的主题添加自定义图像大小?

4.安装完成后,单击“Activate激活”按钮开始使用它。

5.接下来,将鼠标悬停在左边的“Tools工具”菜单上,点击“Regenerate Thumbnails重新生成缩略图”:

跨境电商物流如何为WordPress独立站的主题添加自定义图像大小?

6.WordPress独立站卖家可以单击“Regenerate Thumbnails for All [#] Attachments为所有[#]附件重新生成缩略图”,也可以为所有旧图像生成新的图像大小。

在删除old unregistered sizes(旧的未注册尺寸)的缩略图文件时,要小心勾选复选框,因为如果网站上仍然有“卖家不再使用的尺寸”的旧图像,那么网站上可能会出现破损的图像。

Regenerate Thumbnails也将列出目前活跃在WordPress独立站所有的图像大小。卖家可能会发现一些不知道的图像大小。通常,这些都是由插件创建的,尤其它们是为了改善网站的外观、设计或功能。

三、使用WordPress内置图像大小编辑器

WordPress独立站卖家应该只创建经常使用的自定义图像大小。对于计划只在极少数情况下使用的图像大小,卖家可以使用WordPress built-in image size editor(内置的图像大小编辑器)手动编辑图像大小。

1.首先,单击“Media媒体”菜单进入“Media Library媒体库”。接下来,单击要调整大小的图像。

2.然后点击图片下方的“Edit Image编辑图像”按钮:

电商平台如何为WordPress独立站的主题添加自定义图像大小?

3.WordPress独立站卖家会看到当前的图像大小,可以在这里进行调整。只需输入想要的图像大小,然后点击“Scale缩放”按钮就可以了。

出海资讯如何为WordPress独立站的主题添加自定义图像大小?

4.点击Scale后,图像大小调整将自动保存。蓝海亿观网获悉,如果WordPress独立站卖家因为任何原因不喜欢新的图像大小,可以使用图像大小字段正下方的“Restore Original Image恢复原始图像”选项,恢复到原来的大小。

(Polly Zhang跨境电商新媒体-蓝海亿观网egainnews)对接跨境电商优质资源。沃尔玛、CoupangWayfair 、MercadoLibre等平台入驻品牌文案策划及全网推广、电商培训和孵化等服务,请联系我们。不得擅自改写、转载、复制、裁剪和编辑全部或部分内容。

文章内容由作者创作,作者负责内容的真实性、准确性和合法性。出海易倡导尊重与保护知识产权,未经作者和/或本网站许可,不得复制、转载、或以其他方式使用本网站内容。如发现本站文章存在版权问题,烦请联系chuhaiyi@baidu.com,我们将及时核实处理。文章来源:蓝海亿观,本文为作者独立观点,不代表出海易立场。