指南/管理帳號/工具/為網站新增標誌

為網站新增標誌

標誌代表你或品牌的形象,通常會置於網站頂端顯眼的位置。本指引將說明如何為你的網站新增標誌。

製作標誌圖片

如果你的網站、專案或業務才剛起步,你可能還沒有標誌。製作標誌圖片時,請謹記下列建議:

  • 使用具有透明背景的 .png 檔案,如此在網站中置入標誌時,標誌周圍就不會出現白色方框。
  • 保持簡單的標誌設計,讓標誌在各式螢幕畫面都能完美呈現。
  • 標誌的建議尺寸視佈景主題而定,不過歡迎從寬度 200px 起步嘗試。
  • 製作較小版本的標誌作為你的網站圖示

使用 Jetpack AI 製作標誌

使用 Jetpack AI 標誌產生器,根據網站說明製作標誌。你可以自訂提示,並選擇不同的樣式製作想要的外觀。

了解如何使用 Jetpack AI 製作標誌

請依照下列步驟,使用 Fiverr 為網站製作標誌:

  1. 造訪 Fiverr logo maker 網站。
  2. 輸入公司或網誌名稱,如有標語也請一併輸入,然後按一下「產生
  3. Fiverr 會自動製作標誌。你可以選擇偏好的設計,並自訂顏色、字型、字型大小、間距、擺放位置等設定。
  4. 購買標誌後,你便可下載圖片檔案。
  5. 請依照下一節所述步驟,將標誌圖片上傳至 WordPress.com。

在大多數情況下,你會使用網站編輯器來新增標誌。不過,如果網站使用傳統或第三方佈景主題,則可能需要使用自訂工具來新增或編輯網站的標誌。

若想確定網站是否採用網站編輯器,請查看儀表板中的「外觀」區段。如果頁面中顯示編輯器表示使用的是網站編輯器佈景主題

選取適合介面的分頁:

請依照下列步驟,使用網站編輯器新增標誌至網站:

  1. 從網站的儀表板,前往「外觀」→「編輯器」
  2. 按一下右側的首頁預覽,或選取「版面配置」分頁以自訂特定的範本組件
  3. 選取編輯器左上角的「清單檢視」。該圖示看起來像上下排列的三條橫線。
  4. 瀏覽頁首的區段:
    • 大部分的頁首範本組件包含「網站標誌」區塊
    • 如果沒看到「網站標誌」區塊,可使用 + 區塊插入工具加以新增。
  5. 從下列區塊工具列選項中擇一:
    • 選擇標誌:如果你尚未新增網站標誌,就會看到此選項。
    • 運用 AI 產生:按一下三顆星即可使用 AI 產生標誌
    • 取代:此選項可用來取代或重設網站的標誌。
  6. 區塊設定側邊欄中,自訂下列設定:
    • 圖片寬度:滑動滑杆或輸入數字,即可設定標誌的寬度。
    • 將圖片連結至首頁:將網站標誌連結至網站首頁。你也可以選擇改在新分頁中開啟連結。
    • 作為網站圖示使用:將網站標誌設為網站圖示 (日後將顯示於瀏覽器分頁)。
  7. 區塊樣式側邊欄中,自訂下列樣式:
    • 圖片樣式:選擇預設或圓角樣式。如選擇圓角樣式,正方形圖片會變成正圓形,而長方形圖片則會變成橢圓形。
    • 濾鏡:使用「雙色調」濾鏡設定來新增雙色調色彩效果。
    • 圖片尺寸:使用「尺寸」設定在圖片周圍新增空間。
  8. 按一下「儲存」按鈕,即可發表變更內容。
Copied to clipboard!