Wix Studio Two エディタ：スタイル付き要素を操作する

1. カスタマイズしたいボタンをクリックします。

2. ボタンのどの部分をデザインするかを選択します：

   • ボタン：

     • 状態：カスタマイズするボタンの状態を、「通常時」、「ホバー」、「無効」から選択します。

     • 塗りつぶし：ボタンの新しい背景色を選択します。

     • 枠線：ボタンに枠線を追加します。「個々の枠線を編集」アイコン  をクリックすると、それぞれの枠線を個別にデザインすることができます。

     • 角：ボタンの角の丸みをピクセル単位で調整します。「個々の角を編集」アイコン をクリックすると、それぞれの角を個別にデザインすることができます。

     • 影：影を適用し、好みに合わせて調整します。サイズや色などをカスタマイズすることができます。

     • 間隔：オプションを使用して、ボタンの間隔をカスタマイズします：

       • パディング：ボタンの横と縦の余白を調整します。ボタン全体に同じ単位を適用することも、横と縦の余白を個別に調整することもできます。

       • 間隔：ボタンテキストとアイコンの間隔を調整します。

     • 動作：ボタンの配置を設定します。

   • テキスト：

     • 状態：カスタマイズするテキストの状態を、「通常時」、「ホバー」、「無効」から選択します。

     • テキストスタイル：パネルからテキストに適用するスタイルを選択します。

     • フォント：ドロップダウンからフォントを選択し、太さを調整します（標準、太字など）。
       注意：このオプションは、すべてのフォントで利用できるわけではありません。

     • サイズ：入力欄にテキストのサイズをピクセル単位で入力します。

     • カラー：テキストの新しい色を選択します。

     • パディング：テキストの横および縦の余白を調整します。

     • スタイル：テキストに太字や斜体などの書式を適用します。

     • 大文字 / 小文字：テキストを「すべて大文字」、「小文字」、または「頭文字大文字」から選択します。

     • 影：影を適用し、好みに合わせて調整します。サイズや色などをカスタマイズすることができます。

1. カスタマイズしたいラインをクリックします。

2. オプションを使用して編集します：

   • 塗りつぶし：ラインの色を選択します。サイトの色を選択するか、カスタムの色を追加することができます。

   • スタイル：ラインの太さを px 単位で設定します。

1. 該当するコンテナをクリックします。

2. オプションを使用してカスタマイズします：

   • 塗りつぶし：コンテナの新しい色を選択します。

   • 枠線：コンテナに枠線を追加します。「個々の枠線を編集」アイコン  をクリックすると、それぞれの枠線を個別にデザインすることができます。

   • 角：コンテナの角の丸みをピクセル単位で調整します。「個々の角を編集」アイコン  をクリックすると、それぞれの角を個別にデザインすることができます。

   • 影：影を適用し、好みに合わせて調整します。サイズや位置などをカスタマイズすることができます。

   • エフェクト：コンテナに背景エフェクトを適用し、スライダーを使用してエフェクトの強さを調整します。

1. エディタ左側の「サイトスタイル」アイコン  をクリックします。

2. タブをスクロールするか、パネルで「矢印」アイコン  をクリックします。

3. 「ボタン」、「ライン」、「コンテナ」から該当するタブを選択します。

4. 「追加」アイコン  をクリックします。

5. 入力欄に要素の名前を入力します。

6. オプションを使用して、カスタムのデザインを設定します。

1. 該当する要素をクリックします。

2. アクションバーで「カスタムスタイル」をクリックします。

3. パネルで「カスタムスタイル」横の「保存」をクリックします。

4. 要素の保存方法を選択します：

   • スタイルを更新する：デザインを適用したいスタイルを選択し、「保存」をクリックします。

   • 新しいスタイルを作成する：スタイルの名前を入力し、「保存」をクリックします。

サイトのデフォルトのスタイル付き要素を削除することはできません。これは、そのプライマリデザインが、サイトに追加する他のアプリや要素にも自動的に適用されるためです。ただし、スタイル付き要素の見た目は、必要に応じて更新することができます。

はい。カスタムのデザインで使用した新しい色やフォントは、パネルに保存されます。

たとえば、カスタムのフォントと色でボタンを作成し、スタイル付き要素として保存すると、「サイトスタイル」パネルにそれらのフォントと色が追加されます。