3

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

「description=」は Designer ページに表示される名前なので、変更内容がわかります。

質問の唯一の部分は次のとおりです。「type="? また、「default=」と「value=」は何ですか?また、これらには何を配置できますか? これらは必要ですか？

4

1 に答える 1

3

このブログ投稿には、変数の適切な説明があります。要約すると、変数の属性は次のとおりです。

  • name - 変数の一意の ID。スペースを含めることはできません。
  • description: デザイナー ページに表示される簡単な説明。
  • type: 変数の型。許可される 3 つのタイプはcolor、fontおよびautomatic
  • default: テンプレートのデフォルト値。この値は、「テンプレートのデフォルトに戻す」オプションが選択されるたびに適用されます。
  • value: 変数の現在の値。
于 2013-08-20T15:27:50.637 に答える