数字・ラベル・区切り
数字、単位名、区切り文字、間隔、個別の色を設定します。
詳細設定を開きます。数字はカウントダウンの数値、ラベルはDAYSなどの単位名、区切りは : などのセグメント間の文字です。
数字
- **サイズ(px):**基本パネルのフォントと同じ、主な数字のサイズ。
- **間隔:**選択したデザインの数字間に追加する間隔。
- **色:**数字の色を明示的に上書きします。
- **フォント / スタイル:**数字のフォントとスタイル。基本のフォント設定と共有されます。
- **内側の余白 > 上・右・下・左:**数字領域の周囲の間隔。
- **先頭の0を省略 > 日・時間・分・秒:**単位ごとに先頭のゼロを省略し、例えば
07を7と表示します。 - **個別の色 > 日・時間・分・秒:**時間単位ごとに数字の色を上書きします。
先頭のゼロを省略しても、単位全体が非表示になるわけではありません。単位を隠すには「セグメントを表示」を使用してください。
ラベル
- **サイズ(px):**単位ラベルのフォントサイズ。空欄は自動です。
- **色:**ラベル共通の色。
- **フォント / スタイル:**ラベル専用のフォントとスタイル。自動では該当する既定値を引き継ぎます。
- **内側の余白 > 上・右・下・左:**ラベルの周囲の間隔。
- **カスタムテキスト > 日・時間・分・秒:**各単位のラベルを置き換えます。
- **個別の色 > 日・時間・分・秒:**単位ごとのラベル色。
- **数字の上にラベル:**対応するレイアウトで、ラベルを数字の上に配置します。
基本設定の大文字・小文字はカスタムラベルにも適用されます。入力した綴りや大文字・小文字をそのまま使うには「手動」を選んでください。組み込みの単位名は「言語」で切り替えられますが、任意のカスタムテキストの翻訳はご自身で入力してください。
区切り
- **サイズ(px):**区切り文字のサイズ。
- **種類:**区切りの文字。通常は
:です。タイマーの時間モードではありません。 - **色:**通常の区切りの色。
- **フォント:**区切りのフォント、または自動。
- **点滅色:**アニメーションスタイルで切り替える区切りの色。
- **内側の余白 > 上・右・下・左:**区切りの周囲の間隔。
- **個別の色:**各時間単位に対応する区切りの色を個別に設定します。
一部のテンプレートは、区切り文字よりも図形を重視しています。そのようなデザインでは、区切りの設定の効果が小さい、またはない場合があります。
上書きと読みやすさ
まず基本色を設定し、必要な部分に単位別の上書きを追加してください。「外観 > テキスト」を変更しても変化がない場合は、「数字」「ラベル」とそれぞれの「個別の色」に明示的な色指定がないか確認してください。
最も長いラベルや、想定する最大の日数が収まる余地を確保してください。フォントやラベルを変更したら、プレビューで文字切れがないか確認し、埋め込み時のサイズをテストしてください。任意の上書き設定を解除すると自動のスタイルに戻ります。