搜尋
清除搜尋內容
關閉搜尋框
Google 應用程式
主選單

建立自訂頁面版面配置或小工具

使用 HTML 方塊工具自訂協作平台外觀

您可以編輯頁面的 HTML,也可以使用 HTML 方塊新增協作平台預設設定不支援的元素。舉例來說,您可以建立圖片輪轉介面、自訂選單、提交式表單或 jQuery 型小工具。

注意:本文資訊適用於傳統版 Google 協作平台 (右上角未顯示「發佈」按鈕)。參閱新版 Google 協作平台說明

建立自訂頁面版面配置

您可以編輯頁面的 HTML,建立自訂頁面版面配置。

  1. Google 協作平台中開啟您的網站。
  2. 前往您要編輯的網頁。
  3. 按一下「編輯」圖示 編輯
  4. 按一下 [<HTML>]
  5. 「編輯 HTML」視窗中會顯示頁面的 HTML 程式碼。
  6. 進行變更或貼上其他協作平台的 HTML 指令碼。
  7. 如要瀏覽變更後的外觀,請按一下 [預覽變更]。
  8. 完成後,請按一下 [更新]。

建立自訂小工具、選單、表單或輪轉介面

如要建立自訂小工具、選單、表單或輪轉介面,請在頁面上插入 HTML 方塊。您可以使用 JavaScript、HTML 或 CSS。

  1. Google 協作平台中開啟您的網站。
  2. 在左側的 Sitemap 中按一下您要編輯的頁面。
  3. 按一下「編輯」圖示 編輯
  4. 按一下您要插入 HTML 方塊的位置。
  5. 依序按一下 [插入] 接著 [HTML 方塊]
  6. 編寫或貼上您要加入頁面中的 HTML、CSS 或 JavaScript。
  7. 完成後,請按一下 [儲存]。
  8. 按一下右上角的 [儲存]。
HTML 方塊使用秘訣
  • 系統會將 HTML 錯誤加上紅色底線。
  • 您可以使用 HTML 參照網際網路上的任何公開圖片,但請遵守 Google 計劃政策和版權法律。
  • HTML 方塊中的程式碼只能與同屬方塊中的程式碼或 ajax.googleapis.com 代管的 jQuery 檔案互動。
HTML 方塊不支援的功能

您無法使用 HTML 方塊新增下列項目:

  • iframe
  • 以 JavaScript 程式碼建立的指令碼、圖片或連結標記
  • 文件或視窗的 onload 和 onready 函式。如需在文件載入後載入程式碼,您可以在程式碼末端加上 JavaScript。
這篇文章實用嗎?
我們應如何改進呢?