Question

我一直在广泛搜索，但是我无法找到有关如何创作利用其模板设计器界面的Blogger模板的任何Google文档。

我想创建一个变量，让您可以轻松地为主内容div设置背景图像，或者甚至可以将多个背景图像上传到数组以获取随机背景图像等。

我发现如何轻松地创建颜色和字体变量，但这并不是我想要做的。

那么，有没有人知道如何定义新的“背景”变量或知道在哪里找到有关如何编写Blogger模板的文档？

非常感谢您的帮助！

编辑：为了澄清，我正在尝试在模板中定义与内置模板设计器界面兼容的变量。例如：

<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#666666"/>
</Group>

上面的代码将让我使用Template Designer UI来更改正文字体的CSS和正文文本的颜色。这是我可以从头开始定义的唯一两个变量类型，我可以在Designer界面中出现（“font”和“color”）。我试图定义一个图像选择器。界面当前允许您使用此变量选择一个背景图像：

<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) url(http://example/example.png) repeat fixed top left"/>

但是，使用相同的约定创建一个新变量不会导致在Template Designer UI中显示任何新内容。

再次感谢！

Answer 1

Blogger模板设计器非常基础，不允许您有多个上传机会。您只能创建一个上传插槽，这是为身体背景保留的。我发现this post对编写变量非常有帮助。至于关于如何编写博主模板的文档的问题。我一直在编写响应式Blogger模板很长一段时间，并且已经编写了多个教程，但我更关注响应部分而不是变量。但如果你还想看看，也许你会发现一些有用的东西。 link

Answer 2

你试过这个变量吗？

<Variable name="body.background" description="Body Background" type="background"
color="#f1f2f3"
default="#ea9c16 url(your-image-url) no-repeat fixed top center "
 value="#ea9c16 url(your-image-url) no-repeat fixed top center"/>

定义Blogger模板设计器变量

2 个答案: