向商店添加网站图标

Favicon(网站图标)是显示在网址旁边的小型方形图片或 logo。您可以在浏览器选项卡以及列出网址的浏览器网页(如书签页面)上找到网站图标。您可以将网站图标添加到在线商店,帮助强化您的品牌并向网站添加精美外观。

创建网站图标

您可以使用免费的网站图标生成器网站来创建自定义网站图标,或者您也可以创建自己的网站图标。要查找网站图标生成器,请通过 Internet 搜索 free favicon generator

网站图标的理想尺寸为 16x16 像素或 32x32 像素。如果网站图标文件太大,将其上传到 Shopify 时,它会被缩减为 32x32 像素。

将网站图标添加到您的在线商店

提示:某些模板(如 Brooklyn)允许向网站图标添加替代文本。如果无法加载图片,则显示替代文本,屏幕阅读软件可使用该文本为视觉障碍用户描述图片。

PC:

  1. 在 Shopify 后台中,转到在线商店 > 模板

  2. 找到您要编辑的模板,然后点击自定义

  1. 点击模板设置

  2. 点击网站图标

  3. 网站图标图片区域中,点击选择图片,然后执行以下操作之一:

    • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

    • 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  4. 将替代文本添加到网站图标图片:

    1. 点击编辑

    2. 编辑图片窗口中,输入该图片的简要说明。

    3. 点击保存

  5. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击网站图标

  3. 网站图标图片区域中,点击选择图片,然后执行以下操作之一:

    • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

    • 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  4. 将替代文本添加到网站图标图片:

    1. 点击编辑

    2. 编辑图片窗口中,输入该图片的简要说明。

    3. 点击保存

  5. 点击保存

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击网站图标

  3. 网站图标图片区域中,点击选择图片,然后执行以下操作之一:

    • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

    • 若要从本地计算机选择图片,请点击选项卡,然后点击上传

  4. 将替代文本添加到网站图标图片:

    1. 点击编辑

    2. 编辑图片窗口中,输入该图片的简要说明。

    3. 点击保存

  5. 点击保存

Shopify商户官网原文详情:

Adding a favicon to your store

A favicon, or favorites icon, is a small square image or logo that appears next to a web address. You can find favicons on your browser tabs, as well as on browser pages that list web addresses, such as the bookmarks page. You can add a favicon to your online store to help strengthen your brand and to add a polished look to your website.

Create a favicon

You can use a free favicon generator website to create a custom favicon, or you can create your own. To find a favicon generator, search the internet for free favicon generator.

The ideal size for a favicon is either 16x16 pixels or 32x32 pixels. If your favicon file is too large, then it will be reduced to 32x32 pixels when you upload it to Shopify.

Add a favicon to your online store

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Theme settings.

  2. Click Favicon.

  3. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

    • To select an image from your local computer, click the Library tab, and then click Upload.

  4. Add alt text to your favicon image:

    1. Click Edit.

    2. In the Edit image window, enter a brief description of the image.

    3. Click Save.

  5. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Favicon.

  3. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

    • To select an image from your local computer, click the Library tab, and then click Upload.

  4. Add alt text to your favicon image:

    1. Click Edit.

    2. In the Edit image window, enter a brief description of the image.

    3. Click Save.

  5. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Favicon.

  3. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

    • To select an image from your local computer, click the Library tab, and then click Upload.

  4. Add alt text to your favicon image:

    1. Click Edit.

    2. In the Edit image window, enter a brief description of the image.

    3. Click Save.

  5. Click Save.

文章内容来源:Shopify商户官方网站


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)