xml - Blogger:如何为设计器页面创建自定义变量定义

Question

当您登录到 Blogger.com 并单击"template"页面时，您在每个模板中看到的第一件事就是“变量定义”。这些变量定义显示在 Blogger.com 界面的用户友好设计器页面上。

例如:

<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>

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

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

我了解大部分变量的工作原理。像“name=”是在类或 ID CSS 中使用的变量。就像如果名称是 name="custom.name.here"那么它应该与您要更改的类名或 ID 相关联。因此:

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

“description=”是将显示在设计器页面上的名称，因此您知道要更改的内容。

问题中唯一的部分是:“type=”变量和可以放在“type=”中的选项？还有“default=”和“value=”这些是什么，里面可以放什么？需要这些吗？

Answer 1

This blog post对变量有很好的解释。概括起来一个变量的属性如下。

• 名称 - 变量的唯一 ID。不能包含空格。
• 描述:显示在设计器页面上的简短描述。
• 类型:变量的类型。 3 种允许的类型是 color、font 和 automatic
• default:模板默认值。只要选择“恢复为模板默认值”选项，就会应用此值。
• value:变量的当前值。