博客：如何爲設計師頁

Question

創建自定義變量定義當你登錄Blogger.com並單擊模板頁，你在每一個模板看到的是「變量定義」的第一件事情之一。這些變量定義顯示在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) 
} 

「描述=」是將顯示在頁面設計上，所以你知道你改變什麼名字。

只有部分在的問題是：在「TYPE =」變量和選項可以放置在「TYPE =」？而且「default =」和「value =」這些是什麼以及可以在這些中放置什麼？這些是否需要？

Answer 1

This blog post有變量的一個很好的解釋。總之，變量的屬性如下。

• 名字 - 變量的唯一ID。不能包含空格。
• 描述：顯示在設計器頁面上的簡短描述。
• 類型：變量的類型。 3點允許的類型是color，font和automatic
• 默認：模板默認值。只要選擇「恢復爲模板默認值」選項，就會應用此值。
• value：變量的當前值。