ウェブサイトのカラーとスタイルの設定

ウェブサイトのカラーとスタイルを設定するには、「サイト設定」に移動し、「カラーとスタイル」タブをクリックしてください。

サイト全体の見出し、テキスト、リンク、またはページ背景の色を設定するには、必要なフィールドをクリックし、3つの形式のいずれかで手動で色を選択するか、カラーコードを直接入力してください。

ウェブサイトの全リンクのスタイルを変更するには、「追加設定」リンクをクリックしてください。設定画面で、アンダースコアの幅と色、およびホバー時のリンクスタイルを指定します。

プロジェクト用の独自のスタイルライブラリを作成するには、「スタイルの管理」ボタンをクリックしてください。

スタイル管理パネルでは、色、タイポグラフィスタイル、ボタンを追加できます。作成したスタイルをダウンロードし、別のプロジェクトにインポートすることも可能です。

プロジェクトに新しいスタイルを追加するには、「スタイル管理」をクリックし、以下のいずれかのオプションを選択します：カラースタイルの作成タイポグラフィスタイルの作成ボタンスタイルの作成

既存のスタイルがある状態で別のスタイルを追加したい場合は、「カラー」「タイポグラフィ」「ボタン」オプションの横にあるプラスアイコンをクリックして新規追加してください。新しいスタイルは既存のスタイルの横に表示されます。

スタイルを編集するには、そのスタイルをクリックしてください。

色。カラースタイルを作成する際には、名前と説明を指定してください。これらはプロジェクトスタイルに表示されます。

タイポグラフィ。タイポグラフィスタイルを作成する際、テキストの色設定、異なる画面解像度でのフォントサイズ、フォントの種類、太さ、その他のフォント設定が利用可能です。

タイポグラフィスタイルエディタの上部では、フォントをプレビューできます。モバイルデバイスでの表示を確認するには、ブレークポイント設定パネルで必要な範囲を選択してください。

ブレークポイントを編集するには、歯車アイコンをクリックすると、デフォルトデバイスを含むメニューが開きます。

ボタン。ボタンスタイルを作成する際、アイコンの表示やテキストの折り返しを別途選択できます。タイポグラフィ設定、ホバー時のスタイル、その他の基本設定も設定可能です。

ボタンスタイルは異なるデバイスでのプレビューも可能で、ブレークポイントの編集も行えます。

色。作成したカラースタイルを使用するには、色を指定したい要素をクリックし、エディターでプロジェクトスタイルを選択します。

必要なスタイルを選択すると、ブロックに自動的に適用されます。色指定されたフィールドには、スタイル名と、プロジェクトの色スタイルが適用されたことを示すアイコンが表示されます。

タイポグラフィ。作成したタイポグラフィスタイルを使用するには、ブロック設定で「タイポグラフィ」タブを選択し、「スタイル」をクリックします。

コンテキストメニューで必要なスタイルをクリックすると、ブロックに自動的に適用されます。スタイル設定に移動するには、「スタイルライブラリへ移動」をクリックします。

タイポグラフィ用のスタイルを適用後、設定画面にはそのスタイルで未指定のオプションのみが表示されます。これらのオプションを編集すると、変更は現在のブロックにのみ適用され、プロジェクトで設定されたタイポグラフィスタイルには影響しません。

ボタン。 作成したボタンスタイルを使用するには 、ブロック設定で「ボタン」タブを選択し、プリセット横の「スタイル」をクリックします。

コンテキストメニューで必要なスタイルをクリックすると、自動的に適用されます。

これまでと同様に、ボタンの設定では、スタイル自体で指定されていない設定のみが表示されます。それらを編集するか、そのままにしておくことができます。

ボタンにアイコンを追加するには、ブロックの「コンテンツ」に移動してください。

ボタンの横にアイコン用のスペースが表示されます。クリックするとアイコンを追加できます。メニューが開き、以下のアイコンオプションが利用可能です：矢印、絵文字、Tilda 、ザ・ナウン・プロジェクト、および独自のアイコンファイルをアップロードするオプション。

ボタンにホバー時のアイコン表示を変更するには、「ホバー時にアイコンを追加」オプションをクリックしてください。

アイコンを選択し、変更を保存してください。

アイコンを削除するには、ボタンテキスト横の画像をクリックします。「アイコン」タブを選択し、ゴミ箱アイコンをクリックします。変更を保存すると、アイコンが消えます。

プロジェクトスタイルをダウンロードするには、[スタイル管理]ボタンをクリックし、必要なオプションを選択してください。プロジェクト名と.tildastyles拡張子を持つファイルがデバイスにダウンロードされます。

スタイルをアップロードするには、コンテキストメニュー内の対応するオプションも選択してください。新規スタイルは、以前にプロジェクト内で作成されたスタイルに追加されます。以前にプロジェクト内で作成されたスタイルは削除または更新されません。

プロジェクトからスタイルを削除して設定を保存しても、そのスタイルは今後2週間はブロック設定に適用されたままになります。スタイルが以前適用されていたブロックには通知が表示されます。

2週間後、スタイルはプロジェクトから完全に削除され、ブロック設定はリセットされます。

あるプロジェクトでページにスタイルを追加した後、同じページを現在のアカウントまたは別のアカウント内の別のプロジェクトに移行する必要がある場合、ページはスタイルと共に移行されます。

移行時には、ブロックが正しく表示されるよう、スタイルが新しいプロジェクトにコピーされます。

スタイルが設定されたページを、スタイル制限に達している、または達する予定の同一アカウント内のプロジェクトに転送しようとすると、エラー通知が表示されます。ページの転送を完了するには、別のプロジェクトで余分なスタイルを削除する必要があります。

スタイル付きページを、上限に達している別のアカウントのプロジェクトに転送しようとすると、ページは転送されません。「承諾」をクリックすると、上限を超えているため余分なスタイルを削除する必要があるという通知が表示されます。