指南/建立內容/媒體/設定圖片樣式

設定圖片樣式

在圖片中新增濾鏡、邊界、邊框和陰影等樣式。本指引說明如何在網站上設定圖片樣式。

將樣式套用至圖片

按照下列步驟在網站上設定圖片的樣式:

  1. 從 WordPress.com 儀表板開始。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 按一下你想要設定樣式的圖片。
  4. 按一下頂端工具列中的「設定」圖示,即可開啟側邊欄設定。

如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

醒目標示 WordPress 編輯器頂端的「設定」圖示。
右上角的設定圖示
  1. 按一下「樣式」分頁(圖示看起來像黑白圓圈):
圖片區塊設定側邊欄已開啟,「樣式」圖示已加上醒目提示。
  1. 調整以下任一樣式:
    • 圖片樣式:可選擇預設或圓角樣式。如選擇圓角樣式,正方形圖片會變成完美的圓形,而矩形圖片則會變成橢圓形。
    • 濾鏡:使用「雙色調」濾鏡設定來新增雙色調色彩效果。
    • 圖片尺寸:使用「尺寸」設定在圖片周圍新增空間。
    • 框線與陰影:使用「框線與陰影」設定來設定圖片的邊框、半徑和陰影。

新增 CSS 至圖片

你可以建立 CSS 類別,運用 CSS 程式碼來自訂外觀。

  1. 從 WordPress.com 儀表板開始。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 按一下你想要設定樣式的圖片。
  4. 按一下頂端工具列中的「設定」圖示,即可開啟側邊欄設定。

如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

醒目標示 WordPress 編輯器頂端的「設定」圖示。
右上角的設定圖示
  1. 開啟側邊欄底部的「進階」設定。
  2. 新增或調整其他 CSS 類別
  3. 儲存變更並預覽頁面、文章或範本,檢視套用的 CSS。

重設圖片樣式

圖片樣式包含濾鏡、尺寸、邊框和陰影。依照下列步驟重設單一圖片樣式,或重設圖片的所有樣式。

  1. 按一下你想要編輯的圖片。
  2. 按一下頂端工具列中的「設定」圖示,即可開啟側邊欄設定
  3. 按一下「樣式圖示
  4. 按一下區段頁首右側的三個點 (),即可開啟每個樣式區段旁的「選項」選單。
  5. 在每個你想要重設的設定旁按一下「重設」選項。或按一下「全部重設」,即可重設所有自訂設定。
    • 如果「重設」不在選項中,則沒有可重設的樣式。
個別樣式區段會加上箭頭醒目標示,箭頭會從「邊框和陰影」設定指向欲重設的選項。
Copied to clipboard!