圖片使用方式

圖片可強化網站的視覺吸引力、有效傳遞資訊，並能改善訪客體驗。本指引會說明多種將圖片新增至 WordPress 網站的不同方式。

圖片有很多用處，因此我們將圖片分成幾頁討論：

• 若要檢查可上傳至 WordPress.com 的圖片檔案類型，請參閱「接受的檔案類型」指引。
• 你可以使用圖片區塊將圖片上傳到網站。
• 使用圖庫區塊或並排圖庫區塊來上傳圖庫。
• 使用投影片區塊上傳投影片。
• 使用封面區塊上傳頁首或橫幅樣式的圖片。
• 使用媒體及文字區塊將圖片和文字並排，或使用圖片比較區塊來比較兩張圖片。
• 從這些來源尋找免費圖片，供你的網站使用。

• 使用 WordPress 編輯器中的區塊設定，即可裁切、調整大小、旋轉、對齊並替圖片加上說明。
  • 若要深入了解這些設定，請參閱「圖片區塊指引」或探索其他媒體區塊。
• 使用儀表板中的「媒體」區段，即可檢視並刪除網站上的圖片。
• 你也可以在「媒體」中旋轉、裁切和翻轉圖片。如需了解操作方式，請參閱「在媒體中編輯圖片」。
• 將你的圖片最佳化，確保快速載入圖片並只佔用最小的儲存空間。

• 排解圖片上傳問題：無法上傳圖片嗎？以下提供一些實用技巧，幫助你成功上傳圖片。
• 排解圖片模糊問題：了解為何上傳畫質良好的原始圖片，網站圖片看起來卻仍模糊。

以下範例說明如何在 WordPress 編輯器顯示圖片。圖片看起來會不一樣，視你網站使用的佈景主題而定，因此請在你的網站上試用一下！

所有圖片均源自 Pexels 免費相片圖庫。

使用圖片區塊，即可新增單一圖片。

預設樣式：

圓角樣式：

若要顯示相鄰的兩張圖片，可以使用圖庫區塊：

如果已插入單一圖片，則可在旁邊快速拖放第二張圖片。從電腦拖曳圖片檔案時，請按住檔案直到第一張圖片旁邊出現垂直線為止，然後再放開該圖片。以下影片示範如何將新圖片拖放至現有圖片旁邊：

使用媒體及文字區塊，即可將圖片 (或影片) 與文字並排。也提供方便好用的選項，可在行動裝置畫面上堆疊媒體和文字：

如需將文字圍繞在圖片周圍的更多選項，請參閱「將圖片與文字對齊」指引。

使用封面區塊，即可使用全寬頁首和橫幅樣式的圖片。你可以將圖片設定為固定背景 (也稱為「視差效果」或「視差捲動」)、新增顏色覆疊，甚至可以在圖片上方新增文字和其他內容。

帶有視差效果的固定背景：

未固定位置的背景：

使用圖庫區塊，即可運用吸引人的方式顯示多張相片。

使用投影片區塊分享多張圖片，又不會佔用太多頁面或文章空間。

並排圖庫區塊提供四種不同樣式：

• 磚形馬賽克
• 圓形網格
• 方磚
• 並排欄位

磚形馬賽克

圓形網格

提供圓角選項的方磚

並排欄位

使用圖片比較區塊將兩張圖片並排放置 (或上下放置)，並使用滑桿來顯示兩張圖片之間的差異。