Blogger:如何为Designer页面创建自定义变量定义

Question

当您登录Blogger.com并单击模板页面时，您在每个模板中首先看到的内容之一就是"变量定义"。这些变量定义显示在Blogger.com界面的用户友好的Designer页面上。

例如：

<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font" default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)"  value="#000000"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent"  value="transparent"/>
</Group>

通过上面的变量定义，您可以轻松更改博客标题和其他标题信息的颜色。

我想创建自己的自定义变量。

我了解大多数变量是如何工作的。Like"name="是要在类或ID CSS中使用的变量。就像如果名称是name="custom.name.here"，那么它应该与您想要更改的类名或ID相关联。因此：

#Header1 {
$(custom.name.here)
}

"description="是将显示在Designer页面上的名称，因此您可以知道要更改的内容。

问题中唯一的部分是：可以放置在"type="？还有"default="one_answers"value="这些是什么，其中可以放置什么？需要这些吗？

Answer 1

这篇博客文章对变量有很好的解释。总之，变量的属性如下。

• name—变量的唯一id。不能包含空格
• description:设计器页面上显示的简短说明
• type：变量的类型。允许的3种类型是color、font和automatic
• default：模板默认值。只要选择"恢复到模板默认值"选项，就会应用此值
• value：变量的当前值