向shopify商店添加网站图标步骤 shopify网站图标怎么设置?

2024-01-01 14:01:26
By 下次再发

向商店添加网站图标

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商户官方网站



(本文内容根据网络资料整理和来自用户投稿,出于传递更多信息之目的,不代表本站其观点和立场。本站不具备任何原创保护和所有权,也不对其真实性、可靠性承担任何法律责任,特此声明!)


常见问答(FQAS)


网站图标位置在哪里?

网站图标位置在Shopify后台管理页面中的“设置”-“导航栏和常规设置”中。您可以在这里上传一个PNG或JPG格式的图片文件作为您的网站图标。

网站图标大小限制是多少?

Shopify允许您上传180×180像素以内的PNG或JPG格式图像作为网站图标。大小不能超过180×180像素。

网站图标支持哪些格式?

Shopify支持PNG和JPG格式的网站图标。所以网站图标最好使用这两种格式中的一种。

可以直接使用自有品牌logo作为网站图标吗?

可以直接使用您品牌的logo作为网站图标。只要logo图片格式正确,大小在180×180像素内即可。这可以很好地帮助客户识别您的品牌。

网站图标设置后需要重新加载页面才能看到效果吗?

不需要。一般情况下,设置网站图标后,存盘后图标就会立即生效,不需要重新加载页面。