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

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

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

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

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

建立自訂頁面版面配置

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

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

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

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

  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。
這篇文章實用嗎?
我們應如何改進呢?