Studio Two 編輯器：使用樣式化元件

1. 點擊要自訂的按鈕。

2. 選擇要設計的按鈕部分：

   • 按鈕：

     • 狀態：選擇要自訂按鈕的一般、游標懸停或停用狀態。

     • 填滿：為按鈕背景選擇新色彩。

     • 框線：新增按鈕框線。您可設定所有框線的色彩、寬度和樣式，或點擊「編輯個別框線」圖示 ，分別變更各邊框線。

     • 圓角：調整按鈕圓角的弧度（單位：像素）。您可對所有圓角使用相同數值，或點擊「編輯個別圓角」圖示 ，分別調整各個圓角。

     • 陰影：套用陰影並依需求調整。您可自訂大小、色彩等設定。

     • 間距：使用以下選項自訂按鈕間距：

       • 邊距：調整按鈕周圍的橫向和垂直邊距。您可對所有邊使用相同數值，或分別調整各邊。

       • 間隙：調整按鈕文字與圖示之間的間距。

     • 行為：設定按鈕的對齊方式。

   • 文字：

     • 狀態：選擇要自訂文字的一般、游標懸停或停用狀態。

     • 文字樣式：從面板選擇要套用至文字的樣式。

     • 字型：從下拉式選單選擇字型及其粗細（一般、粗體等）。
       注意：並非所有字型都能調整粗細。

     • 大小：在欄位中輸入文字大小（單位：像素）。

     • 色彩：為文字選擇新色彩。

     • 邊距：調整文字周圍的橫向和垂直邊距。

     • 樣式：為文字套用粗體、斜體等格式選項。

     • 大小寫：選擇文字要全部大寫、全部小寫或字首大寫。

     • 陰影：套用陰影並依需求調整。您可自訂大小、色彩等設定。

1. 點擊要自訂的線條。

2. 使用下列選項進行編輯：

   • 填滿：選擇線條色彩。您可選擇網站色彩，或新增自訂色彩。

   • 樣式：設定線條寬度（以像素為單位）。

1. 點擊相關容器。

2. 使用下列選項進行自訂：

   • 填滿：為容器選擇新的色彩。

   • 框線：為容器新增框線。您可設定整個容器的色彩、寬度和樣式，或點擊編輯個別框線圖示，分別調整各邊框線。

   • 邊角：調整容器邊角的圓潤或方正程度（以像素為單位）。您可為整個容器使用相同數值，或點擊編輯個別邊角圖示 ，分別調整各個邊角。

   • 陰影：套用陰影並依喜好調整。您可自訂陰影大小、位置等設定。

   • 效果：為容器套用背景效果，並使用滑桿調整效果強度。

1. 點擊編輯器左側的網站樣式圖示 。

2. 捲動瀏覽索引標籤，或點擊面板中的箭頭圖示 。

3. 選擇相關索引標籤：按鈕、線條或容器。

4. 點擊新增圖示 。

5. 在欄位中輸入元件名稱。

6. 使用選項設定自訂設計。

1. 點擊相關元件。

2. 點擊操作列上的自訂樣式。

3. 點擊面板中自訂樣式旁的儲存。

4. 選擇元件的儲存方式：

   • 更新樣式：選擇要套用此設計的樣式，然後點擊儲存。

   • 建立新樣式：輸入樣式名稱，然後點擊儲存。

無法刪除網站的預設樣式化元件，因為系統會將主要設計自動套用至新增到網站的其他應用程式和元件。不過，仍可視需要更新外觀。

是的，自訂設計中使用的任何新色彩及／或字型都會儲存至面板。

例如，若使用自訂字型和色彩建立按鈕，並將其儲存為樣式化元件，這些字型和色彩就會新增至「網站樣式」面板。