从这里开始

造型设计

让我们开始模板的样式设计。

颜色

Web3 X模板是使用颜色色块建立的，这意味着你可以很容易地编辑一个颜色色块来更新整个网站。

为了做到这一点，你只需要进入右侧边栏的风格标签，然后滚动到排版部分的颜色，如果你点击颜色，你将能够看到所有的颜色样本，并编辑它们，使之在全站范围内更新为任何需要的颜色。

字体

Web3 X模板在整个侧面使用一种单一的字体，它被设置在Body（所有页面）选择器中，所以这意味着你可以轻松地一键更新所有网站上的字体。

在任何页面上，只要点击风格标签右上方的橙色选择器选项，然后选择正文（所有页面）。一旦有了这个选项，你就可以进入下面的排版部分，将字体改为任何适合你企业品牌的字体。

如果您需要一种Webflow上没有的自定义或高级字体，您可以随时进入项目设置>字体，您将能够上传自定义字体，或连接您的Adobe字体账户。

图形和图标

模板中的一些图标或图形是正常的图像/图形，所以你会注意到，当更新所有颜色时，这些仍会有模板的颜色。

发生这种情况是因为这些图形是图像（PNG、JPG、SVG等），所以更新Webflow的CSS（样式）不会影响它们。如果你想重新使用这些图形，你可以随时下载并使用任何设计软件（如Photoshop、Illustrator、Sketch、Figma等）进行编辑，或直接上传你自己的符合你品牌的图像/图形。

静态页面

静态内容是所有不基于CMS的内容，这意味着它不是动态的（例如，像博客文章）。

你可以很容易地识别所有这些内容，因为它在左侧边栏导航器中显示为灰色，而且当你点击或悬停在它上面时，它显示一个蓝色的边框。

如果你想编辑这种类型的内容，你可以直接双击它，你将能够直接在那里打字。

动态内容(CMS)

动态内容是所有动态的内容，将根据在左侧边栏的CMS部分（就在页面图标下面）添加的内容自动生成。

你可以很容易地识别所有这些，因为它在左侧边栏导航器中显示为紫色，而且当你点击或悬停它时，它显示一个紫色的边框。

这些内容应该直接在CMS部分更新。这是为了让你非常容易地更新它，因为它很可能需要不断地更新（例如，添加一个新的博客文章）

此外，如果你想编辑一个完整的自动生成的CMS页面（例如，博客文章），你会发现这个页面在左侧边栏的页面部分的所有页面的底部可供编辑。

产品（电子商务）

产品或电子商务内容的功能与CMS的动态内容类似，但是，这是专门针对电子商务产品的。

你可以用与CMS内容类似的方式来识别电子商务内容，因为它在左侧边栏导航器中也显示为紫色，当你点击或悬停它时也有紫色边框。

这些内容应该直接在左侧边栏的电子商务标签中更新。这样做的目的是使你非常容易更新，因为它很可能需要不断地更新（例如，改变产品价格，或增加库存）。

另外，如果你想编辑自动生成的产品电子商务页面，你会发现这个页面几乎可以在所有页面的底部进行编辑，就在CMS集合页面的上方。

实用说明

除了上面分享的主要基本解释外，这里我们还分享一些提示和方法，这些提示和方法来自我们最常收到的问题。

交互作用

如果你想编辑任何模板互动（即删除一个出现的效果），你可以很容易地识别有互动的元素，因为这些元素在左侧边栏导航器中有一个小小的互动图标（一个小雷）。

如果你点击这个互动小图标，你将打开这个元素的右侧栏互动标签，在那里你可以编辑互动。

手机或平板电脑浏览

每次你做出改变（例如，你创建了一个新的部分设计），去你的视口顶部导航，看看它在平板电脑和移动设备上看起来如何，这是一个好的做法。

如果你只是用更新的文字或图片编辑一个模板部分，并且不擦除任何模板类，这应该是不需要的，然而，如果你更深入地定制模板，编辑类，或创建新的部分，不断地编辑你的移动和平板电脑视图总是好的，以确保一切看起来完美。

编辑元标题、描述和特色图片

如果你想定制当你在任何地方分享你的网站（如Facebook、Twitter等）时显示的标题、描述和图片，你可以很容易地进入左侧边栏的页面部分，点击你想定制的页面的小设置图标，所有这些设置将出现。

请注意，重要的是在页面上改变这一点。

备份

如果出了问题，例如，如果你不喜欢网站的走向，如果你删除了一些关键的类，而这些类是使模板看起来漂亮的必要条件，或者如果你只是因为任何原因想回到以前的版本，你可以随时去备份部分。

你可以在左侧边栏的设置部分找到它，然后你就可以看到所有的自动或手动备份。恢复到旧的备份只是一个点击的过程。