命名你的主题和主题变化

命名你的主题

基石主题的基本细节在主题的配置文件中概述,config.json.。你可以更新基石config.json.文件以反映您的主题的值,例如姓名,版本号和文档URL。

以下是Cornerstone的第一个键值集config.json.

{“名称”“基石”“版本”“4.9.0”“meta”{“价格”0.“domecoved_url”“https://support.bigcommerce.com/articles/public/cornerstone-theme-manual”// ......}}

以下示例显示了如何更改基石的配置,以反映您自己的主题名称,版本号,主题市场上的价格以及文档URL:

{“名称”“mytheme”“版本”“1.1.2”“meta”{“价格”10000“domecoved_url”“https://www.mywebsite.com/theme-docs/my-theme.html”// ......}}

创造和命名新的主题变化

您定义了主题的变体config.json.文件。下面是基石灯变异来自基石的定义config.json.

“变化”[{“名称”“光”“ID”“光”“meta”{“desktop_screenshot”“desktop_light.png”“mobile_screenshot”“mobile_light.png”“描述”“这款设计非常适合各种业务和品牌,这项设计完全响应,简单,准备好添加您的品牌,徽标和产品。它可以建立一个干净的外观和美丽的商店,拥有主页旋转木马等功能那social media icons, featured and top selling products, and faceted search (which is available on select BigCommerce plans). Fully express your brand by using our Theme Editor to quickly and easily style your site's fonts and colors, all without the need to write code."“demo_url”“https://cornerstone-light-demo.mybigcommerce.com”“优化_”[“multi_purpose”“mobile_tablet_desktop”“sales_discounts”“lange_catalog”]// ......}//}

尝试将您的自定义变化插入到变化基石的对象config.json.。您的变体的定义可能看起来像这样:

“变化”[// ......{“名称”“mycustomvariation”“ID”“my_custom_variation”“meta”{“desktop_screenshot”“my_custom_desktop_screenshot.jpg”“mobile_screenshot”“my_custom_mobile_screenshot.png”“描述”“这是模板主题的一个非常酷的定制风格”“demo_url”“https://stcencil-custom.mybigcommerce.com”“优化_”[“时尚”“image_heavy”“等等”]“行业”[]}}// ......

改变主题变体的字体系列

要了解有关定义变体的更多信息,请参阅定义全球样式。特别地,请注意配置为每个变型的设置和变量配置的选项。

以下示例显示如何通过插入特定字体/家族来将主题变化的主体设置为身体字体家庭钥匙进入设置目的:

{“名称”“mycustomvariation”“ID”“my_custom_variation”“设置”{// ......“Body-Font-Family”“mycoolfont,另一个文件,sans-serif”// ......}}

准备变体的缩略图

有关准备屏幕截图的详细信息,使商家能够预览每个变体,并在BigCommerce控制面板和主题市场中将主题预览为整体,请参阅准备缩略图图像

使用模板CLI改变变化

在本地测试/调试主题的特定变体,通过调用模板CLI的主题启动它模具启动-v.转变。在终端中输入以下代码,更换变异名称与您的主题的变体名称列在上市config.json.

模具启动-v变化名称

资源

相关文章