管理媒體規則和覆寫設定

AMP HTML 廣告不支援回應式功能。影片廣告、GIF 動畫和圖像廣告可以使用多種尺寸的版面配置。

回應式版面配置總覽

您可以透過媒體規則覆寫各種不同可視區域大小的預設樣式和其他屬性。媒體規則可套用至特定大小或大小範圍。

如何使用媒體規則：

1. 開啟「回應式」面板，並確認已勾選「大小和範圍」分頁標籤下方的「回應式版面配置」方塊。
2. 在面板中選取某個大小或大小範圍後，即可設置媒體規則的覆寫設定。

選取媒體規則後，如果某些操作或透過某些面板執行的動作無法限制為特定大小，您就無法進行這些操作或使用這些面板。舉例來說，您無法新增元素或編輯事件。如要進行這類變更，請先在「回應式」面板中選取 [編輯基礎文件]。

特定大小的媒體規則

如果您已經確定廣告素材要顯示在哪種尺寸的廣告版位上，就可以設置特定大小的媒體規則。

常用大小

「回應式」面板會在「大小和範圍」分頁標籤下方的「大小」部分，根據當前檔案的廣告環境列出常用的廣告大小。您無法編輯或刪除這些大小。

自訂大小

您可以在「回應式」面板中新增其他大小。

新增自訂大小

1. 按一下「  新增自訂大小」。
2. 輸入所需尺寸，然後按下 Enter 鍵。

編輯自訂大小

1. 將滑鼠游標懸停在您要編輯的大小上。
2. 按一下「編輯」圖示 。
3. 輸入新的尺寸。

刪除自訂大小

1. 將滑鼠游標懸停在您要刪除的大小上。
2. 按一下「刪除」圖示 。

大小範圍的媒體規則

範圍媒體規則會套用到指定大小範圍內的所有大小。您也可以視需要調整設定，只將範圍媒體規則套用到直向或橫向版面。

每個範圍媒體規則的大小範圍不得互相重疊。不過，範圍媒體規則可以與特定大小的媒體規則重疊，這時兩種規則的覆寫設定會同時套用到相關大小。如有規則發生衝突，系統會優先套用特定大小的媒體規則。

管理範圍媒體規則

如要以視覺化方式顯示範圍媒體規則，請在「回應式」面板的「大小和範圍」分頁標籤中，按一下「範圍媒體規則」部分中的「管理範圍媒體規則」按鈕 。您也可以點選範圍媒體規則顯示的「更多」圖示 ，然後在彈出式選單中選取「開啟對話方塊…」。

這項範圍媒體規則會影響兩個含有覆寫值的放送大小

對話方塊會顯示可視區域空間，這個空間的邊界標有分別表示寬度和高度的尺規。系統會根據每個放送大小對應的寬度和高度座標，在可視區域空間中以一個點標示該放送大小。

範圍媒體規則會以圖形呈現，並在可視區域空間中框住相應的部分。不限版面方向的範圍媒體規則會顯示為矩形，而僅套用到直向或橫向版面的範圍媒體規則會以其他圖形呈現。

放送大小在可視區域空間中會顯示為小方格，以便您查看放送大小是否將受到範圍媒體規則影響。含有覆寫值的放送大小會標示為黃色。您無法在這個對話方塊中編輯放送大小。

新增範圍媒體規則

• 在面板中：
  1. 按一下「 新增大小範圍」。
  2. 輸入大小範圍的最大和最小尺寸。
  3. 按下 Enter 鍵。
• 在對話方塊中：
  1. 在可視區域空間中點選並按住滑鼠左鍵，透過拖曳的方式繪製矩形。
     • 如果矩形框線變成紅色，表示新增的大小範圍與現有大小範圍重疊，因此無法設定。
  2. 按一下 [儲存]。

變更範圍媒體規則指定的版面方向

您可以為範圍媒體規則指定版面方向，讓該規則的覆寫設定只在可視區域採用橫向或直向配置時生效。

1. 按一下範圍媒體規則旁邊的 [方向] 下拉式選單。
2. 選取新的版面方向：
   • 不限方向
   • 橫向
   • 直向

編輯大小範圍

• 在面板中：
  1. 將滑鼠游標懸停在所需範圍媒體規則上，然後按一下「編輯」圖示 。
  2. 重新輸入大小範圍的最大和最小尺寸。
• 在對話方塊中：
  1. 選取您要編輯的範圍媒體規則。媒體規則圖形周圍的藍色框線上隨即會顯示大小調整控點。
  2. 將圖形拖曳至新的位置，或拖曳其中一個控點。
     • 如要維持原本的長寬比，請在拖曳大小調整控點時按住 Shift 鍵。
     • 如果框線變成紅色，表示新增的大小範圍與現有大小範圍重疊，因此無法設定。
  3. 按一下 [儲存]。

覆寫

只要利用覆寫設定調整各種不同可視區域大小的屬性，即可將版面配置最佳化。

您可以透過媒體規則變更 CSS 定義的所有樣式，包括大小、位置、顯示設定、來源和動畫。Google Web Designer 還可讓您覆寫其他屬性，例如圖片來源、元件屬性、文字內容和文字合框設定。選取媒體規則後，您就不能使用無法覆寫的屬性。

檢視覆寫的快速鍵動作清單

「覆寫」分頁的「回應式」面板下方會顯示目前所選大小或大小範圍的覆寫值。系統會列出含有覆寫值的每個元素，以及具有覆寫值的屬性。

篩選覆寫值清單

您可以使用面板頂端的下拉式選單來篩選覆寫值清單：

• 全部 - 顯示所有覆寫值。
• 目前頁面 - 顯示目前頁面中元素的覆寫值。
• 所選範圍 - 顯示所選元素的覆寫值。

管理覆寫值

新增或變更覆寫值

1. 在「回應式」面板的「大小和範圍」分頁標籤中，選取媒體規則。系統會在面板中醒目顯示這項規則，並將該規則顯示於中心區域左上角。
2. 視需要進行變更。

系統會在「屬性」面板中以黃色標明已覆寫的屬性標籤；如果動畫有所變更，會在時間軸中標明；如果是文字內容或文字合框設定變更，則會在「文字」面板中標明。

       

黃色覆寫設定指標示例

此外，含有覆寫值的大小會在「回應式」面板中顯示「適用特定大小的媒體規則」圖示 。

複製媒體規則的覆寫值

1. 執行下列其中一項操作：
   • 如要複製特定大小的覆寫值：在「回應式」面板中的所需大小上按一下滑鼠右鍵。
   • 如要複製大小範圍的覆寫值：將滑鼠游標懸停在「回應式」面板中的所需大小範圍上，然後按一下隨即顯示的「更多」圖示 。
2. 在彈出式選單中選取 [複製覆寫值]。
3. 執行下列其中一項操作：
   • 如要將覆寫值貼到特定大小：在「回應式」面板中的所需大小上按一下滑鼠右鍵。
   • 如要將覆寫值貼到大小範圍：將滑鼠游標懸停在「回應式」面板中的所需大小範圍上，然後按一下隨即顯示的「更多」圖示 。
4. 在彈出式選單中選取 [貼上覆寫值]。

移除覆寫設定

1. 按一下覆寫設定的黃色屬性標籤。
   • 「屬性」面板會顯示大部分的覆寫設定。
   • 動畫的覆寫設定會顯示在時間軸中。
   • 「文字」面板則會顯示文字內容或文字合框設定的覆寫設定。
2. 在彈出式對話方塊中選取 [移除覆寫]。

移除媒體規則的所有覆寫設定

• 特定大小：
  1. 在特定大小顯示的「適用特定大小的媒體規則」圖示 上，按一下滑鼠右鍵。
  2. 在彈出式選單中選取 [移除覆寫]。
• 大小範圍：
  1. 將滑鼠游標懸停在所需範圍媒體規則上。
  2. 按一下「更多」圖示 。
  3. 在彈出式選單中選取 [移除覆寫]。