在圖庫項目中新增文字（標題和描述）有助於訪客更深入了解媒體內容。標題和描述可為圖片和影片提供背景資訊，並提升訪客體驗。您也可選擇為媒體新增替代文字。替代文字可協助搜尋引擎理解內容並提升 SEO，對於無障礙功能也至關重要。部分網站訪客可能會使用螢幕助讀程式，該程式會朗讀替代文字以描述網站上的媒體。為圖庫項目新增文字您可為 Wix Pro Gallery 媒體新增標題、描述和替代文字。若要新增文字： ...

Wix Pro Gallery：新增及自訂文字

學習如何在Wix Pro Gallery中為媒體項目新增標題、描述和替代文字，以提升訪客體驗並增強SEO效果。透過自訂文字設計，您可以調整顏色和字型，使其與品牌風格相符。本文還提供解決文字顯示問題的建議，幫助您確保所有文字都能清晰可見。

<div data-component-type="text"><div>在圖庫項目中新增文字（標題和描述）有助於訪客更深入了解媒體內容。標題和描述可為圖片和影片提供背景資訊，並提升訪客體驗。</div></div><div data-component-type="text"><div>您也可選擇為媒體新增替代文字。<a data-composite="true" href="https://support.wix.com/zh-hant/article/optimizing-your-images-and-galleries-for-seo-alt-text" target="target">替代文字</a>可協助搜尋引擎理解內容並提升 SEO，對於無障礙功能也至關重要。部分網站訪客可能會使用螢幕助讀程式，該程式會朗讀替代文字以描述網站上的媒體。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-to-gallery-items" level="3">為圖庫項目新增文字</h2></div><div data-component-type="text"><div>您可為 Wix Pro Gallery 媒體新增標題、描述和替代文字。</div></div><div data-component-type="heading"><h2 id="" level="4">若要新增文字：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix 專業圖庫元件。</li>  <li>點擊<strong>管理媒體</strong>。</li>  <li>選擇圖片或影片。</li>  <li>在相關欄位中輸入圖片的標題、描述和替代文字。</li>  <li>點擊<strong>完成</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/12/6d487f1a-25d0-4380-8f75-cefd348b100c/ade2f525-d312-4d4a-aa0c-1ff45d06b0e5.png" alt="螢幕截圖顯示媒體管理員中圖庫項目的標題、描述和替代文字欄位。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-design-of-the-text" level="3">自訂文字設計</h2></div><div data-component-type="text"><div>您也可以透過變更設計進一步自訂文字。您可以調整色彩、使用自訂字型、變更版面配置等。這有助於讓文字與圖片完美融合，與品牌樣式相得益彰。</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請留意：</div><div class="info-content"><div>可用的設計選項取決於所選的圖庫版面配置。</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">若要自訂文字設計：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix Pro Gallery 元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>文字</strong>。</li>  <li>選擇要顯示的文字：<strong>標題</strong>及／或<strong>描述</strong>。</li>  <li>自訂以下選項：</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">文字顯示</h4><div class="collapsible-content"><ul> <li><strong>資訊位置：</strong>選擇文字位置：<strong>下方</strong>、<strong>上方</strong>、<strong>圖片上</strong>、<strong>左側</strong>或<strong>右側</strong>。</li>  <li><strong>浮動於資訊上時會發生什麼事？：</strong>選擇資訊顯示方式：<strong>顯現</strong>、<strong>消失</strong>或<strong>無變更</strong>。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">文字設計</h4><div class="collapsible-content"><ul> <li><strong>標題樣式與色彩</strong>：點擊下拉選單即可變更標題的主題、字型、大小或格式。點擊色彩方塊即可變更文字色彩。</li>  <li><strong>描述字型樣式與色彩：</strong>點擊下拉選單即可變更描述的主題、字型、大小或格式。點擊色彩方塊即可變更文字色彩。</li>  <li><strong>橫向對齊</strong>：選擇文字橫向對齊方式：靠左、靠右或置中。</li>  <li><strong>垂直對齊</strong>：選擇文字垂直對齊方式：靠上、置中或靠下（僅在文字顯示於圖片上時出現）。</li>  <li><strong>調整文字方塊高度</strong>：選擇調整大小時文字方塊高度的調整方式：
    <ul>
      <li><strong>自動</strong>：文字方塊會根據文字量自動調整。</li>      <li><strong>手動</strong>：透過拖曳滑桿手動調整文字方塊高度。<br />
<strong>注意：</strong>文字方塊功能僅在「設計」設定面板的「文字」索引標籤中，將資訊位置選擇為「<strong>下方</strong>」、「<strong>上方</strong>」、「<strong>左側</strong>」或「<strong>右側</strong>」時才可使用。<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-your-gallerys-text-boxes" target="target">深入了解如何自訂圖庫中的文字方塊</a></li>    </ul>  </li>  <li><strong>文字垂直邊距</strong>：拖曳滑桿即可變更文字與圖片垂直邊緣之間的空間。</li>  <li><strong>文字橫向邊距</strong>：拖曳滑桿即可變更文字與圖片頂部和底部之間的空間。</li>  <li><strong>標題與描述之間的間距：</strong>拖曳滑桿即可增加／減少標題與描述之間的間距。</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/07/19/8bb9a4d2-f89e-4d8b-9b67-1bc873e835cb/2520ed8b-c045-4a83-ab79-8965585bf755.jpg" alt="顯示設定面板中「設計」索引標籤內文字自訂選項的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="troubleshooting-text-issues-in-your-gallery" level="3">排除圖庫中的文字問題</h2></div><div data-component-type="text"><div>若空間不足，圖庫上的文字可能無法正常顯現。這可能與圖庫設計和字型設定有關。請確保字型、圖片和文字方塊大小之間保持平衡，以顯示所有圖片文字。</div></div><div data-component-type="text"><div>點擊下方問題即可了解解決方法：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">文字遭到截斷、無法顯現，或短暫閃爍後消失</h4><div class="collapsible-content"><div>若圖庫中沒有足夠的空間，文字可能會被截斷、完全無法顯示，或短暫閃爍後消失。若要排除此問題，您可嘗試以下一或多項建議：<br /> </div><ul> <li>在「<strong>設計</strong>」索引標籤中縮小標題和／或描述的字型大小。</li>  <li>（資訊位置設定為「圖片上」）增加圖庫中的圖片大小。根據您選擇的版面配置，您可透過在「<strong>版面配置</strong>」索引標籤中調整「<strong>縮圖調整大小</strong>」、「<strong>每列圖片數量</strong>」、「<strong>間距選項</strong>」等進行設定。</li>  <li>（在投影片放映版面配置中）在「<strong>版面配置</strong>」索引標籤中調整資訊列的大小。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">設定為浮動時顯現且帶有部分疊加層的文字被截斷</h4><div class="collapsible-content"><div>若將圖庫文字設定為僅在部分覆蓋的浮動狀態下顯現，文字可能會被截斷。若要確保文字可見，您可將覆蓋範圍調大。 </div><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix Pro Gallery 元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>覆蓋</strong><strong>與圖示</strong>。</li>  <li>在<strong>設定尺寸單位</strong>下選擇<strong>百分比</strong>。</li>  <li>拖曳<strong>尺寸</strong>下的滑桿以增加覆蓋範圍，直到文字顯現。<br />
 <br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/09/11/05386708-a20b-48fd-ab08-7d5c11da1b3b/c94633b8-3bed-4509-9614-ceac9ab17c21.png" alt="A screenshot showing how to change the size of the partial overlay" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">設定為顯示在圖片上方或下方的文字被截斷</h4><div class="collapsible-content"><div>當您將圖庫文字設定為顯示在圖片上方或下方，且字型大小過大時，可能會導致標題和描述被截斷。 </div><div><br /></div><div>您可調整文字方塊尺寸，讓所有文字顯現。 </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/09/23/9a374311-be24-4b92-8640-ee68a8c18a6d/88b79d80-cea5-402b-ac62-ddc745c3f50b.png" alt="A screenshot showing how the titles are being cut off because the text box needs to be adjusted" /></div><div><br /></div><div><strong>若要增加文字方塊尺寸：</strong></div><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix Pro Gallery 元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>文字</strong>。</li>  <li>在<strong>調整文字方塊尺寸</strong>下選擇<strong>手動</strong>。<br />
<strong>請注意：</strong> 僅當您在<strong>資訊位置</strong>下選擇將文字顯示在圖片<strong>下方</strong>或<strong>上方</strong>時，此設定才可用。</li>  <li>拖曳滑桿以增加<strong>文字方塊尺寸</strong>，直到文字顯現。<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/09/11/a34d337b-63bc-44c2-83d0-00d9254be10d/9a9f9085-d658-45be-984f-784444136999.png" alt="A screenshot showing how to manually adjust the size of the text" /></li></ol><div><br /></div><div><strong>提示：</strong> 您也可以使用調整把手增加圖庫本身的尺寸，藉此顯示缺失的圖庫文字。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題即可瞭解更多關於在 Wix Pro Gallery 新增及自訂文字的資訊。</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何上傳自訂字型？</h4><div class="collapsible-content"><div>了解方法以<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-uploading-and-using-your-own-fonts#uploading-your-own-fonts" target="target">直接上傳自訂字型至編輯器</a>，並在圖庫中使用。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何自訂展開模式中的文字？</h4><div class="collapsible-content"><div>了解如何<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-the-expand-mode-for-your-gallery" target="target">自訂圖庫項目展開模式中的各項文字設定</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我可以在描述文字中新增連結嗎？</h4><div class="collapsible-content"><div>目前無法為圖庫項目的描述文字設定超連結。若希望未來能使用此功能，請 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-adding-a-link-to-a-gallery-items-description" target="target">為此功能投票</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我可以在圖庫中新增可折疊文字嗎？</h4><div class="collapsible-content"><div>目前無法在 Wix Pro Gallery 中新增 <a data-composite="true" href="https://support.wix.com/zh-hant/article/adding-and-setting-up-collapsible-text" target="target">可折疊文字</a>。若希望未來能使用此功能，請 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-adding-collapsible-text-to-your-gallery" target="target">為該功能投票</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何確保新增至圖庫的項目保留原始檔案名稱？</h4><div class="collapsible-content"><ol> <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>管理媒體</strong>。</li>  <li>點擊<strong>新媒體設定</strong>圖示<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/12/28/de644c69-642d-4f16-8dfc-c7b12396e699/969b830b-a2df-495c-a051-0193fcf6d527.png" />。</li>  <li>勾選<strong>新項目標題為何？</strong>下方的<strong>與檔案名稱相同</strong>核取方塊。</li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">在行動裝置上體驗：</div><div class="info-content"><div>您也可自訂文字在行動裝置上的外觀。點擊編輯器頂端列的「<strong>切換至行動裝置</strong>」圖示即可切換至行動裝置設定。在此，您可選擇點按圖片時文字的變化。</div></div></div></div>

您可將任何圖庫品項（圖片、影片或文字）設定為點擊後開啟連結。連結可引導訪客前往外部網站、網站中的不同頁面，甚至是燈箱。首先，為圖庫品項新增連結。接著，您可選擇將圖庫品項設定為點擊後開啟連結。若有需要，您也可以調整連結標題。設定圖庫品項點擊後開啟連結讓訪客只需點擊一下，即可從圖庫輕鬆前往不同地點。當訪客點擊圖庫品項時，連結會直接在同一個索引標籤（內部連結）或新索引標籤（外部連結）中開啟。這讓探索網站...

Wix Pro Gallery：為圖庫項目新增連結

Learn how to set up links for gallery items in Wix, allowing visitors to easily navigate to different pages or external sites with a simple click. This article guides you through adding links, customizing link titles, and exploring various link types such as lightboxes and anchors. Enhance your site's interactivity and user experience by directing visitors to relevant content effortlessly.

<div data-component-type="text"><div>您可將任何圖庫品項（圖片、影片或文字）設定為點擊後開啟連結。連結可引導訪客前往外部網站、網站中的不同頁面，甚至是燈箱。</div></div><div data-component-type="text"><div>首先，為圖庫品項新增連結。接著，您可選擇將圖庫品項設定為點擊後開啟連結。若有需要，您也可以調整連結標題。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-gallery-items-to-open-a-link-when-clicked" level="3">設定圖庫品項點擊後開啟連結</h2></div><div data-component-type="text"><div>讓訪客只需點擊一下，即可從圖庫輕鬆前往不同地點。當訪客點擊圖庫品項時，連結會直接在同一個索引標籤（內部連結）或新索引標籤（外部連結）中開啟。這讓探索網站或外部內容變得更加容易。</div></div><div data-component-type="heading"><h2 id="" level="4">若要設定圖庫品項開啟連結：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix 專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設定</strong>索引標籤。</li>  <li>點擊<strong>點擊品項時</strong>下拉選單，然後選擇<strong>開啟連結</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/82a39aaf-6f77-4af9-ad66-e76ea182c62a/356189b0-c95d-4c03-9acc-0e390355f89c.png" alt="螢幕截圖顯示「點擊品項時」下拉選單，且已選擇「開啟連結」。" /></div></div><div data-component-type="text"><ol> <li>為圖庫項目新增連結：
    <ol>
      <li>點擊<strong>管理媒體</strong>。</li>      <li>點擊要新增連結的圖庫項目。</li>      <li>點擊右側的<strong>連結</strong>圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/27/db629c7b-ba9f-426b-ab3b-e8706431f1a1/9e079e9d-8a68-4a3b-91a3-12c782432e44.png" /></li>      <li>選擇連結類型並填寫相關資訊。<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/09/02/c03a1c4b-1e4f-4d95-9027-728bf20aa434/5a89e3d4-2e96-4f54-a429-61cfdab53d26.png" alt="A screenshot showing the settings you can choose when linking links to your gallery items" /><br />
</li>      <li>點擊<strong>完成</strong>。</li>      <li>在<strong>連結</strong>欄位中編輯文字。</li>      <li>點擊<strong>完成</strong>。</li>      <li>點擊<strong>完成</strong>即可關閉視窗。</li>    </ol>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-links-title" level="3">變更連結標題</h2></div><div data-component-type="text"><div>為圖庫品項新增連結時，系統會自動產生連結標題，例如「前往頁面」、「捲動至頁面頂端」。此標題會顯現在圖庫品項的展開模式中。您隨時可以更改品項的連結標題。</div></div><div data-component-type="heading"><h2 id="" level="4">若要變更連結標題：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>管理媒體</strong>。</li>  <li>點擊相關圖片。</li>  <li>在右側的<strong>連結標題</strong>下方輸入所選文字。</li>  <li>點擊<strong>完成</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/03/18/23b9dde6-a681-42a1-a063-42c87800d25b/58e6ae0e-3f0c-443f-b9dd-0f39c81d1ad7.png" alt="顯示可新增連結標題並點擊「完成」位置的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-links" level="3">連結類型</h2></div><div data-component-type="text"><div>您可以為圖庫項目新增多種連結類型，包括燈箱、錨點和外部網址。透過這些連結類型，您可將網站訪客引導至任何想要的內容。</div></div><div data-component-type="text"><div>點擊下方選項以瞭解更多連結類型資訊：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">頁面</h4><div class="collapsible-content"><div>連結至網站頁面可吸引訪客關注網站上重要或相關的內容。當訪客點擊元件時，系統會將其引導至您選擇的頁面。 </div><div><br /></div><div>您可選擇在新瀏覽器視窗或目前視窗中開啟頁面。 </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">網址</h4><div class="collapsible-content"><div>連結網址是將訪客引導至網站外部相關或有幫助內容的快速簡便方法。當訪客點擊元件時，系統會將其引導至您新增的網址。 </div><div><br /></div><div>您可選擇在新瀏覽器視窗或目前視窗中開啟網址。 </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">錨點</h4><div class="collapsible-content"><div>錨點是可放置在網站頁面任何位置的隱形位置標記。訪客點擊圖庫品項時，系統會將其引導至您選擇的頁面和錨點。這是引導訪客前往網站特定區段和內容的絕佳方式。在 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-linking-to-anchors-on-your-site" target="target">Wix 編輯器</a>和 <a data-composite="true" href="https://support.wix.com/zh-hant/article/editor-x-adding-and-using-anchors" target="target">Studio 編輯器</a>中瞭解更多關於使用錨點的資訊。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">頁面頂端／底端</h4><div class="collapsible-content"><div>新增連結至頁面頂端或底部。訪客點擊圖庫品項時，系統會將其引導至目前所在頁面的頂端或底部。</div><div><br /></div><div>新增此連結可讓網站訪客更輕鬆地瀏覽頁面，若頁面包含大量內容，此功能尤其有用。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">文件</h4><div class="collapsible-content"><div>連結至已上傳到網站的文件。當訪客點擊圖庫品項時，系統會開啟新的瀏覽器索引標籤並顯示該文件。 </div><div><br /></div><div>連結至文件可讓您更輕鬆地在網站上顯示 PDF 和其他檔案等內容。 </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">電子郵件</h4><div class="collapsible-content"><div>您可新增連結至特定的電子郵件地址。訪客點擊圖庫品項時，系統會開啟其預設電子郵件帳戶，即可直接寄送電子郵件至您連結的地址。</div><div><br /></div><div>連結至電子郵件地址是讓網站訪客更輕鬆聯絡您或商務單位的絕佳方式。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">電話號碼</h4><div class="collapsible-content"><div>連結至電話號碼。當訪客使用行動裝置點擊圖庫品項時，即可直接從裝置撥打電話給您。 </div><div><br /></div><div><strong>請留意：</strong>若訪客使用桌面裝置，系統則會開啟通話應用程式（例如 FaceTime）。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">燈箱</h4><div class="collapsible-content"><div>將元件連結至網站上的燈箱。當訪客點擊圖庫品項時，系統會開啟燈箱。</div><div><br /></div><div>連結至燈箱是吸引訪客關注網站內容（如公告和推廣活動）的一種有趣且具創意的方式。瞭解更多在 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-and-setting-up-a-lightbox" target="target">Wix 編輯器</a>和 <a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-using-lightboxes" target="target">Studio 編輯器</a>中使用燈箱的資訊。</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/2ef0a446-3940-4fde-9441-232d2967e1fe/bae0e1e1-c29d-4689-81af-39fd17f4879d.png" alt="「您想要連結至什麼？」快顯畫面截圖，顯示所有可用的連結類型。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-creating-sub-galleries" target="target">了解如何在 Wix 專業圖庫中使用連結功能</a>，將媒體整理至子圖庫中，並讓每個子圖庫顯示在獨特的頁面上。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題以瞭解更多為圖庫項目新增連結的相關資訊：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何移除連結？</h4><div class="collapsible-content"><div>您隨時可以移除圖庫品項的連結。只需在<strong>「您想連結至什麼？」快顯視窗</strong>中選擇<strong>「無」</strong>，然後點擊<strong>「完成」</strong>即可。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我可以將多個品項連結至同一個目的地嗎？</h4><div class="collapsible-content"><div>是的。您可將多張圖片連結至同一個目的地。點擊<strong>管理媒體</strong>，選擇要新增連結的項目，並為所有項目輸入相同的連結。<br /> </div><div><strong>請留意：</strong>目前無法批次為所有項目輸入相同的連結。您必須分別為每個項目選擇並輸入連結。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我可以使用專業圖庫直接銷售產品嗎？</h4><div class="collapsible-content"><div>是的。專業圖庫並未與 Wix 商店直接整合以銷售產品。不過，您可將各個項目連結至產品頁面，讓訪客進行採購。 </div><div><br /></div><ol> <li>點擊<strong>管理媒體</strong>。</li>  <li>點擊要新增連結的圖庫項目。</li>  <li>點擊右側的<strong>連結</strong>圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/27/db629c7b-ba9f-426b-ab3b-e8706431f1a1/9e079e9d-8a68-4a3b-91a3-12c782432e44.png" />。</li>  <li>選擇<strong>頁面</strong>。</li>  <li>點擊<strong>哪一個頁面？</strong>下拉式選單並選擇<strong>產品頁面</strong>。</li>  <li>點擊<strong>哪一個項目？</strong>下拉式選單並選擇相關產品。</li>  <li>點擊<strong>完成</strong>。</li>  <li>點擊<strong>完成</strong>。</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如果我已將圖庫設定為以展開模式開啟，會發生什麼事？</h4><div class="collapsible-content"><div>訪客點擊圖庫品項時，即可在品項標題或描述下方的展開模式中看到連結。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我可以將連結設定為在新視窗中開啟嗎？</h4><div class="collapsible-content"><div>可以。連結至頁面或網址時，您可選擇在新瀏覽器視窗中開啟連結，或是在目前視窗中開啟。</div></div></div></div>

若網站上有大量圖片或影片需要顯示，您可將媒體整理至子圖庫中，並在不同頁面甚至燈箱中顯示各個圖庫。 您可建立一個「主圖庫」作為子圖庫的入口。主圖庫包含封面圖片，每張封面圖片皆可點擊並連結至對應的子圖庫。步驟 1 | 建立子圖庫在新頁面或燈箱中新增專業圖庫，並上傳想要顯示的媒體。此圖庫將成為子圖庫。您可根據顯示所有子圖庫的需求，建立多個頁面或燈箱。在新頁面上在個別頁面建立子圖庫，以井然有序的方式展示媒...

Wix 專業圖庫：建立子圖庫

整理您的網站媒體，學習如何建立主圖庫和子圖庫，以便在不同頁面或燈箱中展示圖片和影片。透過這個過程，您可以創建一個吸引人的媒體展示，讓訪客輕鬆瀏覽，並將子圖庫的封面圖片連結至相應的子圖庫，提升網站的整體吸引力。

<div data-component-type="text"><div>若網站上有大量圖片或影片需要顯示，您可將媒體整理至子圖庫中，並在不同頁面甚至燈箱中顯示各個圖庫。 </div></div><div data-component-type="text"><div>您可建立一個「主圖庫」作為子圖庫的入口。主圖庫包含封面圖片，每張封面圖片皆可點擊並連結至對應的子圖庫。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/03/29/aecc55bd-2d6f-4f07-ac12-d4ebc880c019/d8b80b33-fa39-4459-9f9c-efd96092f3c9.gif" alt="顯示點擊主圖庫圖片即可前往子圖庫的動畫。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-create-a-sub-gallery" level="3">步驟 1 | 建立子圖庫</h2></div><div data-component-type="text"><div>在新頁面或燈箱中新增專業圖庫，並上傳想要顯示的媒體。此圖庫將成為子圖庫。您可根據顯示所有子圖庫的需求，建立多個頁面或燈箱。</div></div><div data-component-type="heading"><h2 id="on-a-new-page" level="4">在新頁面上</h2></div><div data-component-type="text"><div>在個別頁面建立子圖庫，以井然有序的方式展示媒體，讓網站對訪客更具吸引力且更引人入勝。</div><div><br /></div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix 編輯器" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio 編輯器" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的<strong>頁面與選單</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" />。</li>  <li>點擊底部的<strong>+ 新增頁面</strong>。</li>  <li>將頁面命名為子圖庫的名稱，然後點擊<strong>完成</strong>。</li>  <li>前往新建立的頁面並<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="target">新增 Wix Pro Gallery。</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-media-to-the-gallery" target="target">新增</a>想要在子圖庫中顯現的特定媒體。</li>  <li>針對想要顯示的每個子圖庫重複步驟 1-5。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/06/03/8edb3abe-a4ee-4e57-abe5-bd6bdbfb336c/20184f93-9743-4583-b8ae-4dc2feda25a9.png" alt="顯示新命名的子圖庫頁面螢幕截圖。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的<strong>頁面</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/321a54e1-ec18-42be-9c2b-b93f3f6c8383/b26db553-6344-412a-b9f6-16f1a76dba92.png" />。</li>  <li>點擊底部的<strong>+ 新增頁面</strong>。</li>  <li>將頁面命名為子圖庫的名稱，然後點擊<strong>完成</strong>。</li>  <li>前往新建立的頁面並<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="target">新增 Wix Pro Gallery。</a></li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-media-to-the-gallery" target="target">新增</a>想要在子圖庫中顯現的特定媒體。</li>  <li>針對想要顯示的每個子圖庫重複步驟 1-5。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/06/03/268c2488-dcb2-44e9-bd1c-a8621bfe2396/907442f5-2f1e-43de-a298-9bc0ff818b03.png" alt="顯示新命名的子圖庫頁面螢幕截圖。" /></div></div></div></div></div></div><div data-component-type="heading"><h2 id="on-a-lightbox" level="4">在燈箱上</h2></div><div data-component-type="text"><div>燈箱會在畫面視窗中彈出，讓訪客留在同一個頁面，使其輕鬆專注於圖庫媒體。</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix 編輯器" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio 編輯器" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的<strong>新增元件</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />。</li>  <li>點擊<strong>互動式。</strong></li>  <li>選擇燈箱類別，並挑選最喜歡的燈箱。</li>  <li>將燈箱命名為子圖庫的名稱。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-and-setting-up-a-lightbox#step-3-set-the-lightbox-trigger" target="_blank">停用燈箱的觸發條件</a>。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="_blank">在燈箱中新增 Wix Pro Gallery</a>。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-media-to-the-gallery" target="target">新增</a>想要在子圖庫中顯現的特定媒體。</li>  <li>針對想要顯示的每個子圖庫重複步驟 1-7。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/06/03/38594315-7835-41c5-9970-ac38c22235b7/42af3b9c-a134-44a6-8be8-4d7f883f42e9.png" alt="顯示新命名的子圖庫燈箱螢幕截圖。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的<strong>新增元件</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" />。</li>  <li>點擊<strong>版面配置工具。</strong></li>  <li>選擇燈箱類別，並挑選最喜歡的燈箱。</li>  <li>將燈箱命名為子圖庫的名稱。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-using-lightboxes#setting-triggers-for-a-lightbox" target="target">停用燈箱的觸發條件</a>。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="_blank">在燈箱中新增 Wix Pro Gallery</a>。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-media-to-the-gallery" target="target">新增</a>想要在子圖庫中顯現的特定媒體。</li>  <li>針對想要顯示的每個子圖庫重複步驟 1-7。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/06/03/bccf9beb-cce8-4257-92f0-b03d9d764b7a/b6d54a39-a7ce-43eb-a527-da63b474c0b9.png" alt="顯示新命名的子圖庫燈箱螢幕截圖。" /></div></div></div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/03/29/4b4c8ede-016b-4853-b9b2-1595915c558c/0995cf14-4bfc-4aea-a42b-8d1e08cf436d.png" alt="新增至個別頁面的 Wix Pro Gallery 螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-link-your-sub-gallery-to-the-main-gallery" level="3">步驟 2 | 將子圖庫連結至主圖庫</h2></div><div data-component-type="text"><div>建立子圖庫頁面或燈箱後，即可設定主圖庫。將媒體新增至主圖庫作為封面圖片，然後將每張封面圖片連結至其子圖庫。 </div></div><div data-component-type="heading"><h2 id="" level="4">若要將子圖庫連結至主圖庫：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="target">在想要顯現主圖庫的位置新增 Wix Pro Gallery</a>。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-media-to-the-gallery" target="target">新增媒體</a>作為每個圖庫的「封面圖片」。</li>  <li>將每張封面圖片連結至相關的子圖庫：
    <ol>
      <li>在編輯器中選擇專業圖庫，然後點擊<strong>設定</strong>。</li>      <li>點擊<strong>設</strong><strong>定</strong>索引標籤。</li>      <li>點擊<strong>點擊品項時</strong>下拉式選單，然後選擇<strong>開啟連結</strong>。</li>      <li>點擊<strong>管理媒體</strong>。</li>      <li>選擇一張圖片作為子圖庫的「封面圖片」。</li>      <li>點擊右側的<strong>連結</strong>圖示，然後選擇<strong>頁面</strong>或<strong>燈箱。</strong></li>      <li>選擇相關的子圖庫頁面或燈箱，然後點擊<strong>完成</strong>。</li>    </ol>  </li>  <li>針對每個子圖庫重複步驟 1-3。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/16/a9e34894-ef30-4022-bc1b-1cdd4eae0533/20c4f1af-4f6a-44f8-9843-fbde0bc27d1d.png" alt="主圖庫圖片連結至存放子圖庫燈箱的螢幕截圖。" /></div></div>

Wix Pro Gallery 讓您在一個美觀的多媒體圖庫中展示圖片、影片和文字。您可從多種版面配置中進行選擇，並自訂圖庫的設計和設定。此工具可協助為訪客建立具視覺吸引力的體驗，讓內容脫穎而出。 例如，若您是室內設計師並希望展示作品，即可透過專業圖庫上傳照片和影片，強調設計過的不同空間，並以精美的版面配置呈現。接著新增文字描述，詳細說明使用的材料或每個專案背後的設計靈感。您甚至可以選擇讓這些描述始...

Wix Pro Gallery：新增並設定圖庫

探索如何使用Wix Pro Gallery在您的網站上創建一個美觀的多媒體圖庫，展示圖片、影片和文字。您可以選擇不同的版面配置，並自訂設計和設定，以提升訪客的視覺體驗。這篇文章將指導您如何新增媒體、調整版面配置、設置社交分享選項，以及自訂圖庫的設計和進階設定，幫助您的內容更具吸引力。

<div data-component-type="text"><div>Wix Pro Gallery 讓您在一個美觀的多媒體圖庫中展示圖片、影片和文字。您可從多種版面配置中進行選擇，並自訂圖庫的設計和設定。此工具可協助為訪客建立具視覺吸引力的體驗，讓內容脫穎而出。 </div></div><div data-component-type="text"><div>例如，若您是室內設計師並希望展示作品，即可透過專業圖庫上傳照片和影片，強調設計過的不同空間，並以精美的版面配置呈現。接著新增文字描述，詳細說明使用的材料或每個專案背後的設計靈感。您甚至可以選擇讓這些描述始終顯示，或僅在浮動時顯現。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/0a2f5ed8-cf96-41c0-b43a-acfd11bd0f64/f5d121cc-0091-43bf-817c-8f85070e64dc.png" alt="顯示已上線 Wix Pro Gallery 外觀的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-the-gallery-to-your-site" level="3">步驟 1 | 將圖庫新增至網站</h2></div><div data-component-type="text"><div>首先，將圖庫新增至網站。新增完成後，即可新增媒體並自訂設定。 </div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix 編輯器" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio 編輯器" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的<strong>新增元件</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />。</li>  <li>點擊<strong>圖庫</strong>。</li>  <li>點擊<strong>專業圖庫</strong>。</li>  <li>將專業圖庫拖曳至頁面。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/11/24/4e7dc52c-3284-4463-b4ae-ca9dc038449e/1cb0837a-ece0-4f2b-b84d-6f6545333c97.png" alt="在 Wix 編輯器中新增專業圖庫的螢幕截圖。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的<strong>新增元件</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" />。</li>  <li>點擊<strong>媒體</strong>。</li>  <li>點擊<strong>專業圖庫</strong>。</li>  <li>將專業圖庫拖曳至頁面。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f1b5ecb4-ca89-48f1-8ab9-874357eb9d8b/2024/11/24/c86fcdb1-c7f6-4485-82a1-2e4a72504761/60047741-89bd-456a-885f-ebb1427e888b.png" alt="在 Studio 編輯器中新增 Wix Pro Gallery 的螢幕截圖。" /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-add-media-to-your-gallery" level="3">步驟 2 | 將媒體新增至圖庫</h2></div><div data-component-type="text"><div>接著，新增媒體。這可以包含圖片、影片和文字。您可選擇上傳自己的媒體，或從 Wix 媒體庫上傳內容。 </div></div><div data-component-type="heading"><h2 id="" level="4">若要將媒體新增至圖庫：</h2></div><div data-component-type="text"><ol> <li>點擊編輯器中的專業圖庫元件。</li>  <li>點擊<strong>管理媒體</strong>。</li>  <li>點擊頂部的<strong>新增媒體</strong>。</li>  <li>選擇想要<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-media-to-the-gallery" target="target">上傳</a>的媒體類型。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/99f7fc8a-3f3f-4937-b97c-79eec1b3caca/0e0ff13e-db15-45ae-a1f0-6baa8f041034.png" alt="顯示「整理媒體」視窗與「新增媒體」按鈕的螢幕截圖。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div>若要刪除圖庫預設的媒體，請將游標懸停在欲刪除的品項上，然後點擊「刪除」圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/07/15/c409efd3-8aa6-4460-a0a4-5c0ded71c7c8/4108323f-75b0-4eb9-9923-703ca35c80a7.png" />。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-your-gallery-layout" level="3">步驟 3 | 自訂圖庫版面配置</h2></div><div data-component-type="text"><div>現在您可以專注於自訂版面配置。這裡有多種廣角版面配置選項供您選擇：</div></div><div data-component-type="text"><ul> <li><strong>預設格式：</strong>這些現成的圖庫範本可加速在網站上展示圖片的過程。預設格式範本包含內建的版面配置、設計和設定。</li>  <li><strong>自訂：</strong>這些圖庫版面配置讓您能從頭開始設計並自訂圖庫。</li></ul></div><div data-component-type="heading"><h2 id="" level="4">若要自訂圖庫版面配置：</h2></div><div data-component-type="text"><ol> <li>點擊編輯器中的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>版面配置</strong>索引標籤。</li>  <li>點擊<strong>自訂</strong>或<strong>預設格式</strong>。</li>  <li>根據所選的可自訂版面配置選項<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-changing-the-layout-settings" target="target">調整設定</a>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/ff507f71-1ce2-4f50-812c-fc62d9a402e4/47a5a35d-84ab-4376-b79f-4724c2004e46.png" alt="顯示「版面配置」索引標籤，並強調「自訂」與「預設格式」索引標籤的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-customize-your-gallery-settings" level="3">步驟 4 | 自訂圖庫設定</h2></div><div data-component-type="text"><div>接著，自訂圖庫的一般和社群設定。選擇訪客點擊品項時的操作、允許他們在社交媒體分享喜愛的內容，以及執行更多操作。</div></div><div data-component-type="heading"><h2 id="" level="4">若要自訂圖庫設定：</h2></div><div data-component-type="text"><ol> <li>點擊編輯器中的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設定</strong>索引標籤。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-the-gallery-settings" target="target">使用可用選項自訂圖庫設定</a>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/8e1b1bef-40f2-4033-a73c-1fcbf66e940e/fc098a8f-18bf-4692-a7dc-bb0340c95947.png" alt="顯示 Wix Pro Gallery「設定」索引標籤與選項的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-5-customize-your-gallery-design" level="3">步驟 5 | 自訂圖庫設計</h2></div><div data-component-type="text"><div>現在可以透過自訂各種設計選項，打造專屬圖庫。您可以新增並調整疊加層和圖示、捲動動畫、文字、品項樣式、按鈕以及展開模式。 </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請留意：</div><div class="info-content"><div>可用的設計選項取決於先前選擇的版面配置和設定。例如，若要自訂文字，必須在<strong>設計</strong>面板的<strong>文字</strong>索引標籤中勾選<strong>標題</strong>及／或<strong>描述</strong>核取方塊。 </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">若要自訂圖庫設計：</h2></div><div data-component-type="text"><ol> <li>點擊編輯器中的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設計</strong>。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-designing-your-gallery" target="target">使用可用選項自訂圖庫設計</a>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/d1ed9519-4cf7-4a7c-aec8-d121fbfc3f44/c0308a1d-2e5b-4316-ba43-dca31c09280d.png" alt="顯示 Wix Pro Gallery「設計」索引標籤與選項的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-6-customize-your-gallerys-advanced-settings" level="3">步驟 6 | 自訂圖庫的進階設定</h2></div><div data-component-type="text"><div>最後，自訂圖庫的進階設定，讓圖庫更上一層樓。這些設定讓您專注於自訂影片播放方式、設定圖片品質以及調整圖庫方向。</div></div><div data-component-type="heading"><h2 id="" level="4">若要自訂圖庫的進階設定：</h2></div><div data-component-type="text"><ol> <li>點擊編輯器中的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>進階</strong>索引標籤。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-your-gallerys-advanced-settings#:~:text=To%20customize%20the%20advanced%20settings,available%20(see%20table%20below)." target="target">使用可用選項自訂圖庫</a>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/e9454bee-0eb8-4de6-98cb-646ab8cc0084/53d6ded7-8d1f-4161-a183-ae926217b253.png" alt="顯示 Wix Pro Gallery「進階」索引標籤與選項的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題以瞭解更多資訊。 </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以恢復先前版本的 Wix Pro Gallery？</h4><div class="collapsible-content"><div>Wix Pro Gallery 會顯示最新儲存的版本。目前無法從 <a data-composite="true" href="https://support.wix.com/zh-hant/article/viewing-and-managing-your-site-history" target="target">網站歷史紀錄</a> 索引標籤將圖庫恢復至先前的版本。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">已上線網站中的 Wix 專業圖庫是否可以新增標題？</h4><div class="collapsible-content"><div>目前無法為 Wix Pro Gallery 新增標題。圖庫會依時間順序自動命名，例如：Pro Gallery 1、Pro Gallery 2 等。這些標題不會顯示在已上線網站上。若希望未來能使用此功能，請 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-adding-a-title-to-your-gallery" target="target">為該功能投票</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">若在單一網站頁面中放置多個 Wix 專業圖庫會發生什麼事？</h4><div class="collapsible-content"><div>若在單一頁面中放置多個 Wix 專業圖庫，可能會遇到效能問題。圖庫已經過最佳化，適合同時展示多個媒體檔案。</div><div>建議在每個頁面使用一個包含多個媒體品項的圖庫，而非使用多個品項較少的圖庫。在單一頁面放置過多獨立元件（即使元件完全相同）可能會影響網站效能。<a data-composite="true" href="https://support.wix.com/zh-hant/article/site-performance-optimizing-your-media" target="_blank">瞭解更多網站效能資訊</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我可以將哪些媒體新增至圖庫？</h4><div class="collapsible-content"><div>您可以將圖片、影片或文字新增至圖庫。若想顯示獨立圖片或影片，建議 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-uploading-your-own-images" target="target">新增圖片元件</a> 或 <a data-composite="true" href="https://support.wix.com/zh-hant/article/single-video-player-adding-and-setting-up-the-single-video-player" target="target">單一影片播放器</a>。若要顯示需要個別圖庫的作品集，建議使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-portfolio-an-overview" target="target">Wix Portfolio</a> 或 <a data-composite="true" href="https://support.wix.com/zh-hant/article/cms-about-dynamic-pages" target="target">動態頁面</a>。 </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">在哪裡可以了解更多 Wix 專業圖庫資訊？</h4><div class="collapsible-content"><div>此 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-settings-glossary" target="target">詞彙表</a> 包含完整的設定清單，可協助自訂圖庫。 </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以在不刪除的情況下，從 Wix Pro Gallery 隱藏品項？</h4><div class="collapsible-content"><div>目前無法在 Wix Pro Gallery 中隱藏品項。必須從圖庫中刪除該品項，才不會繼續顯示。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">若想新增單張圖片、影片或展示作品集，該如何操作？</h4><div class="collapsible-content"><div>若想顯示單張圖片或單支影片，建議從「新增面板」新增圖片元件，並將 Wix Video 新增至網站。若要顯示需要獨立圖庫的作品集，建議使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-portfolio-an-overview" target="target">Wix Portfolio</a> 或 <a data-composite="true" href="https://support.wix.com/zh-hant/article/cms-about-dynamic-pages" target="target">動態頁面</a>。 </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何允許訪客縮放圖庫品項？</h4><div class="collapsible-content"><div>若要允許訪客縮放圖庫品項中的細節，需將圖庫品項設定為<strong>以展開模式開啟。</strong>接著，自訂展開模式的<strong>檢視設定</strong>並在圖庫品項上顯示放大鏡。<br />
<br />
<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-the-expand-mode-for-your-gallery" target="target">了解如何在展開模式下於品項顯示放大鏡的方法</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以將圖庫項目整理成類別或系列？</h4><div class="collapsible-content"><div>目前無法在 Wix Pro Gallery 中將圖庫品項整理為類別或系列。若想將媒體整理為系列，建議使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-portfolio-an-overview" target="target">Wix Portfolio</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何建立不公開圖庫供客戶下載圖片？</h4><div class="collapsible-content"><div>若要建立不公開圖庫，可將專業圖庫新增至網站頁面並為該頁面設定密碼保護。了解如何在 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-applying-page-permissions" target="target">Wix 編輯器</a>和 <a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-adding-and-managing-pages#changing-the-page-settings" target="target">Studio 編輯器</a>中自訂頁面權限。<br />
<br />
<strong>提示：</strong>請記得<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-downloading-images-from-a-gallery#downloading-images-from-a-gallery" target="target">在圖庫中啟用下載</a>。</div></div></div></div>

變更專業圖庫內圖片和影片的焦點，讓訪客在主圖庫檢視畫面中看到最重要的部分。變更圖片或影片的焦點透過調整圖庫項目的焦點，即可強調圖片／影片最重要的部分。若要變更圖片或影片的焦點： 前往編輯器。  點擊頁面上的專業圖庫元件。  點擊管理媒體。  點擊想要變更焦點的圖片或影片。  點擊焦點圖示 。  點擊縮圖上想要設定焦點的位置。焦點會顯示為白色圓圈。  點擊完成。焦點範例若焦點位於下方圖片左側，圖片在...

Wix Pro Gallery：變更圖片或影片的焦點

Learn how to change the focal point of images and videos in your professional gallery to highlight the most important parts. By adjusting the focal point, you enhance how visitors view your media. This article guides you through the process, ensuring your visuals capture attention effectively, so you can create a more engaging experience for your audience.

<div data-component-type="text"><div>變更專業圖庫內圖片和影片的焦點，讓訪客在主圖庫檢視畫面中看到最重要的部分。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-focal-point-of-an-image-or-video" level="3">變更圖片或影片的焦點</h2></div><div data-component-type="text"><div>透過調整圖庫項目的焦點，即可強調圖片／影片最重要的部分。</div></div><div data-component-type="heading"><h2 id="" level="4">若要變更圖片或影片的焦點：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>管理媒體</strong>。</li>  <li>點擊想要變更焦點的圖片或影片。</li>  <li>點擊焦點圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/07/08/6b2f111f-6457-4331-a011-4efe41512792/4e971af6-fde7-4ce0-aad9-d5be939ece6b.png" />。</li>  <li>點擊縮圖上想要設定焦點的位置。焦點會顯示為白色圓圈。</li>  <li>點擊<strong>完成</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/bbc6dcbf-4104-47d7-b52a-fdc4e7b63612/83440ef3-bb75-4c7c-8688-364d2a7e2a04.png" alt="媒體管理介面螢幕截圖，顯示焦點圖示的位置。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="focal-point-examples" level="3">焦點範例</h2></div><div data-component-type="text"><div>若焦點位於下方圖片左側，圖片在圖庫中會顯示如下：</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/ccd06830-7343-466b-bd22-fccbb78649a3/6c77208f-7396-49ca-96fc-db11dc8d28fb.png" alt="螢幕截圖顯示當焦點位於圖片左側時，圖片的哪個部分會被強調。" /></div></div><div data-component-type="text"><div>若焦點位於下方圖片右側，圖片在圖庫中會顯示如下：</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/9020b231-3f05-4583-80d5-e73a622e2925/6221864c-666e-4e08-8ac6-3dbd3f0404d8.png" alt="螢幕截圖顯示當焦點位於圖片右側時，圖片的哪個部分會被強調。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題即可瞭解更多關於變更圖片或影片焦點的資訊。</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">變更圖庫項目的焦點會調整其大小嗎？</h4><div class="collapsible-content"><div>變更圖片／影片焦點並不會調整大小，而是變更圖庫中顯示的部分。當訪客點擊圖片時，即可在展開模式中查看完整圖片（若已在設定中選擇展開模式選項）。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">變更專業圖庫版面配置時會發生什麼事？</h4><div class="collapsible-content"><div>變更專業圖庫版面配置時，可能也需要調整焦點以獲得最佳圖片顯示效果。</div></div></div></div>

Wix Pro Gallery 提供多種圖庫版面配置供您選擇，其中部分版面配置支援滑動功能。滑動式圖庫提供一組獨特的自訂選項、互動元件和動畫效果，能有效吸引訪客注意。其中部分選項包括調整圖庫滑動方式（自動或手動），以及新增訪客瀏覽內容時顯現的趣味捲動動畫。哪些圖庫版面配置具有滑動功能？下列圖庫版面配置提供滑動功能： 拼貼（搭配橫向捲動）  格線（搭配橫向捲動）  滑桿  投影片放映  縮圖  欄圖...

Wix 專業圖庫：滑動圖庫操作

探索如何使用 Wix Pro Gallery 的滑動功能來吸引訪客。您可以選擇多種圖庫版面配置，並自訂滑動方式，包括自動或手動滑動，以及添加趣味的捲動動畫。這篇文章將指導您如何設置圖庫的滑動選項和導覽箭頭，讓您的網站更具互動性和視覺吸引力。

<div data-component-type="text"><div>Wix Pro Gallery 提供多種圖庫版面配置供您選擇，其中部分版面配置支援滑動功能。</div></div><div data-component-type="text"><div>滑動式圖庫提供一組獨特的自訂選項、互動元件和動畫效果，能有效吸引訪客注意。其中部分選項包括調整圖庫滑動方式（自動或手動），以及新增訪客瀏覽內容時顯現的趣味捲動動畫。</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">哪些圖庫版面配置具有滑動功能？</h4><div class="collapsible-content"><div>下列圖庫版面配置提供滑動功能：</div><ul> <li>拼貼（搭配橫向捲動）</li>  <li>格線（搭配橫向捲動）</li>  <li>滑桿</li>  <li>投影片放映</li>  <li>縮圖</li>  <li>欄</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/30/c8a183c5-9b51-4895-a16e-e6d8e4c90d65/24dd267c-45c0-4b5c-ba2c-38d75e04cbf6.gif" alt="顯示滑動圖庫自動滑動的動畫" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-your-gallery-slides" level="3">圖庫滑動方式</h2></div><div data-component-type="text"><div>自訂訪客開啟網站時圖庫的滑動方式。您可以將圖片設為循環播放、設定圖庫在品項之間自動滑動的時間間隔，或交由訪客自行決定。</div></div><div data-component-type="heading"><h2 id="" level="4">自訂圖庫滑動方式：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的 Pro Gallery 元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>版面配置</strong>索引標籤。</li>  <li>點擊<strong>自訂版面配置</strong>並調整以下項目：
    <ul>
      <li><strong>循環播放圖片：</strong>選擇是否允許訪客以連續循環的方式捲動圖庫品項。<br />
<strong>請留意：</strong>循環播放圖片設定僅適用於滑桿、投影片放映、縮圖和欄等版面配置。</li>      <li><strong>自動滑動：</strong>選擇以連續投影片放映的方式顯示品項：
        <ul>
          <li><strong>間隔：</strong>圖庫會在您設定的時間後滑動至下一個品項。拖曳<strong>圖片間隔時間</strong>滑桿即可更改品項之間的秒數。</li>          <li><strong>連續：</strong>圖庫會自動滑動。拖曳<strong>投影片放映速度</strong>滑桿即可調整圖庫滑動的速度。</li>          <li><strong>懸停時暫停：</strong>開啟切換開關，讓投影片在訪客將滑鼠游標懸停於圖庫品項時暫停。</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/27/ea14679f-4728-4e71-99bd-92f3ac8d518c/f8692b27-fc87-42bf-85ab-89b1c9300353.jpg" alt="設定面板中「版面配置」索引標籤的螢幕截圖，顯示滑動選項" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="navigating-through-gallery-items" level="3">瀏覽圖庫品項</h2></div><div data-component-type="text"><div>在 Pro Gallery 顯示導覽箭頭，引導訪客按照自己的節奏查看更多圖庫內容。接著，您可以自訂這些箭頭以配合網站樣式。可用的自訂選項取決於您選擇的圖庫版面配置。</div></div><div data-component-type="heading"><h2 id="" level="4">自訂圖庫導覽箭頭：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>導覽箭頭</strong>。</li>  <li>開啟<strong>顯示導覽箭頭</strong>切換開關。</li>  <li>使用以下選項自訂箭頭：
    <ul>
      <li><strong>箭頭樣式：</strong>選擇箭頭設計，或點擊新增圖示<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/02/24/d8ca99e9-4c63-4e58-b427-0b0b7f6dbefa/1695d925-99d4-44e8-b763-02e65fd1e0a7.png" />以上傳自訂樣式。</li>      <li><strong>箭頭背景：</strong>點擊下拉式選單並選擇選項：
        <ul>
          <li><strong>陰影：</strong>在箭頭周圍新增輕微陰影。</li>          <li><strong>方塊：</strong>在箭頭周圍新增方塊。點擊色彩方塊即可更改色彩，並拖動相關滑桿來調整透明度與圓角。</li>          <li><strong>無：</strong>不為箭頭新增背景。</li>        </ul>      </li>      <li><strong>箭頭大小：</strong>拖動滑桿即可放大或縮小導覽箭頭。</li>      <li><strong>箭頭色彩：</strong>點擊色彩方塊即可選擇導覽箭頭色彩。從網站色彩中選擇或自訂色彩。</li>      <li><strong>箭頭位置：</strong>選擇相關核取方塊，即可在圖庫內或圖庫外顯示導覽箭頭。<br />
<strong>請留意：</strong>在圖庫上顯示導覽箭頭可能會遮住部分圖庫品項。</li>      <li><strong>箭頭置中對齊收件者：</strong>選擇箭頭要置中對齊的圖庫部分：<strong>圖庫</strong>、<strong>圖片</strong>或<strong>文字</strong>。</li>      <li><strong>橫向邊距：</strong>拖動滑桿即可調整箭頭與圖庫邊框之間的空間量。</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-navigation-arrows-to-your-gallery#customizing-navigation-arrows-in-expand-mode" target="target">瞭解更多展開模式中的導覽箭頭資訊</a></div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/27/a4fa89b5-b185-4e4f-a3f0-3085597dcfb4/7670df9f-65ad-486f-ac5c-09c7ae165653.jpg" alt="設定面板中「設計」索引標籤的螢幕截圖，顯示導覽箭頭自訂選項" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="scroll-animations" level="3">捲動動畫</h2></div><div data-component-type="text"><div>為滑動時的圖庫品項新增酷炫的視覺效果。這能建立從一個圖庫品項到下一個品項的平滑流動。例如，您可以讓圖片淡入、縮小或向上滑動顯現。</div></div><div data-component-type="heading"><h2 id="" level="4">若要設定捲動動畫：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>捲動</strong><strong>動畫</strong>。</li>  <li>選擇訪客捲動圖庫時的效果：
    <ul>
      <li><strong>無效果</strong>：不套用捲動效果。</li>      <li><strong>淡入</strong>：圖片在捲動期間逐漸顯現。</li>      <li><strong>灰階</strong>：圖片在捲動時變為黑白色。</li>      <li><strong>向上滑動</strong>：圖片在捲動時向上滑動。</li>      <li><strong>展開</strong>：圖片在捲動時變大。</li>      <li><strong>收縮</strong>：圖片在捲動時變小。</li>      <li><strong>縮小</strong>：圖片在捲動時向外縮放。</li>      <li><strong>單色</strong>：圖片在捲動時套用單一色彩。</li>    </ul>  </li>  <li>點擊<strong>自訂動畫</strong>。<br />
<strong>請留意：</strong>自訂動畫設定僅適用於具有<strong>橫向捲動</strong>的版面配置。</li>  <li>編輯動畫設定：
    <ul>
      <li><strong>過場樣式：</strong>點擊下拉式選單即可為圖庫品項套用動態效果。當訪客從一個品項移動到下一個品項時，系統會在捲動時套用此效果。</li>      <li><strong>持續時間：</strong>拖動滑桿即可調整動畫持續時間。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/30/90674b0b-e9d8-44cf-ba57-46c3daa36a14/1b098951-73a0-41c4-aeb4-2b5ab0785b10.jpg" alt="設定面板中「設計」索引標籤的螢幕截圖，顯示捲動動畫設定並強調「自訂動畫」按鈕" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題以瞭解更多滑動圖庫資訊：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">「投影片放映」和「縮圖」版面配置提供哪些動畫？</h4><div class="collapsible-content"><div>「投影片放映」和「縮圖」版面配置僅提供「捲動」、「淡入」和「堆疊」滑動動畫。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">使用「投影片放映」版面配置時，圖庫下方出現間隙。該如何修正？</h4><div class="collapsible-content"><div>若在使用「投影片放映」版面配置時，發現圖庫下方有間隙，則需要縮小版面配置設定中的「資訊列」大小。<br />
<br />
視發生問題的裝置而定，您可在 Wix 編輯器中<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-getting-started-with-the-mobile-editor#accessing-the-mobile-editor" target="_blank">從桌面切換至行動版編輯器</a>，或在 Studio 編輯器中<a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-designing-across-breakpoints" target="_blank">切換至網站的不同斷點</a>並在該處進行更改。</div><div><br />
<strong>若要縮小圖庫下方的資訊列大小：</strong></div><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊<strong>版面配置</strong>索引標籤。</li>  <li>點擊<strong>自訂版面配置</strong>。</li>  <li>將<strong>資訊列大小</strong>滑桿拖動至較小的數字或 0，即可移除空白空間。<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/08/cb04bedb-2705-4f81-a54e-8ba4f42bcd98/58519964-0a07-463f-a5ac-1089b1e3b0a1.png" alt="A screenshot of the layout tab highlighting the Info bar size slider." /></li></ol></div></div></div>

您可使用 Wix Pro Gallery 為個別媒體檔案或一次為所有媒體設定並自訂圖片品質。設定個別媒體圖片品質 前往編輯器。  點擊頁面上的 Wix Pro Gallery 元件。  點擊「管理媒體」。  點擊相關圖片／影片，然後點擊「尚有...項操作」圖示 。  點擊「調整品質」並選擇要自訂的項目：
    
      調整圖片品質：開啟切換開關即可調整圖片品質。拖曳滑桿即可提高或降低品質。...

Wix Pro Gallery：設定圖庫媒體圖片品質

了解如何使用Wix Pro Gallery為您的媒體檔案設定和自訂圖片品質。您可以選擇為單個媒體或所有媒體調整圖片的品質和銳利度，以提升網站的視覺效果。透過這些設定，您能夠優化媒體載入時間，確保訪客獲得最佳的檢視體驗。

<div data-component-type="text"><div>您可使用 Wix Pro Gallery 為個別媒體檔案或一次為所有媒體設定並自訂圖片品質。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-the-image-quality-for-individual-media" level="3">設定個別媒體圖片品質</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix Pro Gallery 元件。</li>  <li>點擊<strong>「管理媒體」</strong>。</li>  <li>點擊相關圖片／影片，然後點擊<strong>「尚有...項操作」</strong>圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/28/b74d63e7-5701-4bd8-9cdc-1533316b64e9/a9454783-ca8f-4284-ab3f-6202bdaae963.png" />。</li>  <li>點擊<strong>「調整品質」</strong>並選擇要自訂的項目：
    <ul>
      <li><strong>調整圖片品質</strong>：開啟切換開關即可調整圖片品質。拖曳滑桿即可提高或降低品質。<br />
<strong>請留意：</strong>圖片品質越高，媒體載入所需的時間就越長。不建議將圖片品質提高至 90 以上。</li>      <li><strong>圖片銳利化</strong>：開啟切換開關即可調整圖片銳利度並自訂以下項目：
        <ul>
          <li><strong>金額：</strong>增加或減少套用至圖片的銳利化程度。</li>          <li><strong>半徑：</strong>增加或減少受銳利化影響的邊緣 Pix 數量。</li>          <li><strong>閾值：</strong>設定像素與周圍區域的差異程度，以判定其是否為邊緣像素並由篩選條件進行銳利化。<br />
<strong>請留意：</strong>閾值數字越低，銳利化效果越強烈。</li>        </ul>      </li>    </ul>  </li>  <li>點擊<strong>「套用」</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/28/841b3ea7-8609-49b4-b60c-850fddae2b99/063d9c3f-28ef-42f2-8677-0020fe392bed.jpg" alt="專業圖庫中單一圖片設定的螢幕截圖" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-the-image-quality-for-all-media" level="3">設定所有媒體圖片品質</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix Pro Gallery 元件。</li>  <li>點擊<strong>「設定」</strong>。</li>  <li>點擊<strong>「進階」</strong>索引標籤，然後捲動至<strong>「進階圖片設定」</strong>區段。</li>  <li>使用以下選項自訂圖片品質：
    <ul>
      <li><strong>圖片品質：</strong>拖曳滑桿即可提高或降低品質。<br />
<strong>請留意：</strong>不建議將圖片品質提高至 90 以上，因為這可能會導致網站表現下降。</li>      <li><strong>圖片銳利化：</strong>開啟切換開關即可調整圖片銳利化設定：</li>    </ul>  </li></ol><ul> <li><strong>金額：</strong>增加或減少套用至媒體的銳利化程度。</li>  <li><strong>半徑：</strong>增加或減少受銳利化影響的邊緣 Pix 數量。</li>  <li><strong>閾值：</strong>設定像素與周圍區域的差異程度，以判定其是否為邊緣像素並由篩選條件進行銳利化。<br />
<strong>請留意：</strong>閾值數字越低，銳利化效果越強烈。</li>  <li><strong>將圖片轉換為現代格式：</strong>將圖片轉換為現代格式可在不降低品質的情況下壓縮圖片。這能縮短網站載入時間，且圖片仍會以原始格式下載。請根據偏好開啟或關閉切換開關。建議保持開啟，因為關閉可能會影響網站載入時間。
    <ul>
      <li><strong>已開啟：</strong>（建議）圖片會轉換為現代格式。</li>      <li><strong>已關閉：</strong>圖片以原始檔案格式顯示。這可能會影響網站載入時間。</li>    </ul>  </li>  <li><strong>自動調整圖片大小：</strong>Wix 會自動調整圖庫圖片大小，以最佳化媒體載入時間並維持訪客的檢視體驗。點擊下拉選單即可選擇調整圖片大小的時機。建議將設定保持為「一律」，以免影響網站載入時間。
    <ul>
      <li><strong>一律（建議）：</strong>自動調整圖庫圖片大小以縮短網站載入時間。</li>      <li><strong>僅限圖庫：</strong>僅調整 Wix Pro Gallery 主要檢視畫面中的媒體大小。展開模式中的圖片則以原始解析度顯示。</li>      <li><strong>從不：</strong>媒體以原始解析度載入。這可能會影響網站載入時間，但在展開模式下可提供更好的手指撥弄縮放／放大鏡縮放效果。</li>    </ul>  </li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/04/07/16cf4089-8d90-468d-af8c-dc031d255af8/6d2e7b6f-232e-454c-9e56-63efb4a87f98.jpg" alt="專業圖庫中進階圖片設定的螢幕截圖" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題即可瞭解更多圖庫圖片品質設定資訊：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">建議上傳圖片的解析度為何？</h4><div class="collapsible-content"><div>建議上傳品質最佳的媒體檔案至圖庫，以確保獲得最佳效果。請務必上傳解析度至少為 2560 X 1440 像素的圖片／影片。系統會將其最佳化為畫面上顯示的精確尺寸，且不會有任何品質損失。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">銳化圖片會影響整張圖片的對比度嗎？</h4><div class="collapsible-content"><div>否。銳化圖片並不會影響整張圖片的對比度。銳化工具僅會增加圖片內線條邊緣的對比度。邊緣較亮的一側會變得更亮，而較暗的一側則會變得更暗。<br />
<br />
<strong>請注意：</strong>若使用的銳化閾值非常低，演算法可能會將圖片雜訊辨識為邊緣或邊框。由於雜訊的對比度增加，這可能會讓圖片雜訊變得更加明顯。 </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">圖片看起來飽和度過高該怎麼辦？</h4><div class="collapsible-content"><div>若圖片看起來飽和度過高或對比度過強，請嘗試調低「銳利化」區段中的金額。</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請注意：</div><div class="info-content"><div>根據預設，瀏覽器會自動對圖片套用消除鋸齒功能以防止失真。這是為了減少因圖片以原始品質顯示而可能產生的視覺瑕疵和其他錯誤。瀏覽器的縮小演算法可能會導致高解析度圖片的資料遺失。因此，轉譯小於圖片實際大小的全解析度圖片會影響圖片品質。與原始檔案相比，這通常會導致已上線網站上的色彩平滑化或圖片模糊。 </div></div></div></div>

在 Wix 編輯器中，若選擇特定版面配置並將其設為 全螢幕，Wix 專業圖庫將會以回應式方式運作。這代表在所有裝置上調整瀏覽器視窗大小時，圖庫品項的位置和大小可能會隨之改變。請注意：雖然 Wix 專業圖庫會嘗試適應並回應所有螢幕尺寸，但目前尚未針對所有螢幕尺寸／解析度提供完全的回應式功能。若追求完全的回應式效果，建議嘗試使用 Studio 編輯器。自訂版面配置中的回應式表現Wix 專業圖庫提供多種...

Wix Pro Gallery：關於 Wix 編輯器中的回應式版面配置

了解如何在Wix編輯器中設置全螢幕的專業圖庫，並探索其在不同裝置上的回應式表現。這篇文章將幫助您掌握各種可自訂版面配置的特性，並提供關於如何確保圖庫品項在不同螢幕尺寸下保持最佳顯示的建議。透過這些技巧，您可以提升網站的視覺效果和用戶體驗。

<div data-component-type="text"><div>在 Wix 編輯器中，若選擇特定版面配置並將其設為 <strong>全螢幕</strong>，Wix 專業圖庫將會以回應式方式運作。這代表在所有裝置上調整瀏覽器視窗大小時，圖庫品項的位置和大小可能會隨之改變。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/01/06/9a1192a5-5209-4ea5-a1d2-6dbd299b08cc/e0fbb584-740a-4c31-a76a-776fb209d237.png" alt="螢幕截圖，強調「伸展至全螢幕」切換開關。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請注意：</div><div class="info-content"><div>雖然 Wix 專業圖庫會嘗試適應並回應所有螢幕尺寸，但目前尚未針對所有螢幕尺寸／解析度提供完全的回應式功能。若追求完全的回應式效果，建議嘗試使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-building-a-responsive-site" target="_blank">Studio 編輯器</a>。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="responsiveness-in-custom-layouts" level="3">自訂版面配置中的回應式表現</h2></div><div data-component-type="text"><div>Wix 專業圖庫提供多種<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-changing-the-layout-settings#customizable-layout-features" target="target">可自訂版面配置</a>。每種版面配置在設為全螢幕並於不同畫面／瀏覽器／框架大小下檢視時，表現皆有所不同。 </div></div><div data-component-type="text"><div>點擊下方的版面配置，了解其在不同螢幕尺寸下的呈現方式：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">拼貼</h4><div class="collapsible-content"><div>您可以使用拼貼版面配置顯示專業圖庫，並選擇橫向或垂直捲動方向。了解各捲動方向對圖庫的影響：</div><div><br /></div><ul> <li><strong>橫向：</strong> 採用橫向捲動方向且為橫向方向的圖庫，其品項位置不會改變。然而，圖庫品項大小可能會根據套用於圖庫的設定以及畫面／瀏覽器／框架的大小而改變。</li>  <li><strong>垂直：</strong> 在具有垂直捲動方向且為橫向<strong>或</strong>垂直方向的圖庫中，圖庫品項的大小及其相對於列中其他品項的位置會發生變化。相對於每一列，圖庫品項的變化程度取決於品項的原始尺寸和您套用的設定。在某些情況下，由於圖庫本身空間不足，圖庫品項會移動到另一列。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">磚牆</h4><div class="collapsible-content"><div>您可以使用 Masonry 版面配置顯示圖庫，並選擇橫向或垂直方向。瞭解各圖庫方向對圖庫的影響：</div><div><br /></div><ul> <li><strong>橫向：</strong>圖片大小和圖片所在的列都會根據畫面／框架／圖庫品項的大小而改變。這會進一步受到先前設定的縮圖大小和間距影響（意即圖庫品項之間的交錯版面配置可能會減少，且品項的排列方式可能與格線圖庫版面配置相似）。</li>  <li><strong>垂直：</strong>圖庫品項在列中的位置不會改變，但品項的大小會改變。由於每列的品項數量固定，若視窗小於顯示所有品項所需的空間，圖庫品項將停止回應，並出現捲軸。若將圖庫文字放置在品項上方或下方，將進一步影響品項大小（意即圖庫品項之間的交錯版面配置可能會減少，且品項的排列方式可能與格線圖庫版面配置相似）。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">格線</h4><div class="collapsible-content"><div>您可以使用格線版面配置以橫向或垂直捲動方向顯示專業圖庫。了解各捲動方向對圖庫的影響：</div><div><br /></div><ul> <li><strong>垂直：</strong> 圖庫品項會保留在列中的位置，但會根據畫面／瀏覽器／框架大小調整大小。超過特定程度後，圖片將不再縮小以符合框架，且會出現橫向捲軸。這會進一步受到您在圖庫品項上方／下方新增的任何文字以及文字方塊大小的影響。</li>  <li><strong>橫向：</strong> 單列圖庫品項的大小或位置不會改變，但若框架太小，則會出現捲軸。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">縮圖</h4><div class="collapsible-content"><div>縮圖始終保持其大小和位置。瞭解將主圖庫品項設定為以下選項時的情況：</div><div><br /></div><ul> <li><strong>裁切：</strong>主圖庫品項會根據畫面／視窗／瀏覽器尺寸調整大小。</li>  <li><strong>最適大小：</strong>無論畫面／視窗／瀏覽器大小為何，它都不會調整大小。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">滑桿</h4><div class="collapsible-content"><div>在滑桿版面配置中選擇的圖片比例，決定了圖庫在不同畫面上的調整大小方式。瞭解將圖片比例設定為以下選項時的情況：</div><div><br /></div><ul> <li><strong>回應式：</strong>圖庫品項會根據瀏覽器／畫面／框架中可顯示的空間調整大小。</li>  <li><strong>固定：</strong>無論畫面／視窗／瀏覽器大小或套用於版面配置的設定為何，圖庫品項都不會調整大小。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">投影片放映</h4><div class="collapsible-content"><div>您在投影片放映版面配置中選擇的縮圖調整大小設定，決定了圖庫在不同畫面上的調整方式。了解縮圖調整大小設為以下項目時的情況：</div><div><br /></div><ul> <li><strong>裁切：</strong> 圖庫品項的大小和比例可能會根據顯示圖庫的可用框架而發生顯著變化。</li>  <li><strong>最適大小：</strong> 圖庫品項的比例保持不變，但在不同畫面／瀏覽器／框架大小下會調整大小。由於調整幅度細微，這種變化並不總是顯而易見，但若畫面大小差異極大，則可能會較為明顯。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">條紋</h4><div class="collapsible-content"><div>圖庫品項會自動調整大小，以符合畫面／瀏覽器／框架。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">欄</h4><div class="collapsible-content"><div>圖庫品項的大小和位置永不改變。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">磚塊／交替／混合</h4><div class="collapsible-content"><div>各列中圖庫品項的位置以及相對於圖庫中其他品項的配置不會改變。然而，圖庫品項在不同瀏覽器／畫面／框架大小下會明顯調整大小。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">神奇</h4><div class="collapsible-content"><div>此圖庫版面配置為隨機排列。在多數情況下，圖庫品項會進行不同程度的調整大小，但大致上會保持在相同位置。在某些情況下，若空間不足，圖庫品項可能會移動到另一列。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="responsiveness-in-preset-layouts" level="3">預設格式版面配置中的回應式表現</h2></div><div data-component-type="text"><div>由於預設格式版面配置無法自訂，圖庫品項的大小和／或位置可能會在不同畫面／瀏覽器／框架大小下發生變化。圖庫中的品項數量以及品項的原始尺寸可能會進一步影響其大小和位置。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div>瞭解更多關於<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-changing-the-layout-settings#preset-layouts" target="_blank">選擇預設格式版面配置</a>的資訊。</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/08/a7db5a50-28bb-43bf-835f-d04d93604519/cf06bbc6-20dc-4e52-8f19-7cba7d140bb8.jpg" alt="螢幕截圖，強調「版面配置」索引標籤中的「預設格式」選項。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題以瞭解更多專業圖庫版面配置的回應式資訊：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何確保圖庫品項不會改變我在「整理圖庫」視窗中設定的順序？</h4><div class="collapsible-content"><div>您有兩個選項：</div><ol> <li>選擇垂直方向的 Masonry 或格線版面配置。接著選擇每列要顯示的圖庫品項數字。</li>  <li>停用圖庫的全螢幕功能。</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我選擇了 Masonry 版面配置，但圖庫品項的順序發生了變化。為什麼？</h4><div class="collapsible-content"><div>Masonry 版面配置可能會自動更改圖庫品項的順序。這是為了讓品項最符合裝置（平板、手機、桌面等）上可用的圖庫空間。</div><div><br /></div><div>若發現圖庫中有一些空白處，可透過增加圖庫高度、縮圖大小或新增更多圖庫品項來修正此問題。</div><div><br />
<a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-adding-and-customizing-the-pro-gallery" target="_blank">深入了解在 Studio 編輯器中新增及自訂專業圖庫的資訊</a>。</div></div></div></div>

在專業圖庫上顯示導覽箭頭，鼓勵訪客按照自己的節奏瀏覽更多圖庫內容。在特定的專業圖庫版面配置中，您可選擇在圖庫內或圖庫外顯示導覽箭頭，並進一步進行自訂。您可更改這些箭頭的色彩，以搭配網站的其他設計。請注意：若已為圖庫啟用展開模式，系統將自動顯示導覽箭頭。新增及自訂導覽箭頭您可在縮圖、滑桿、投影片放映和欄版面配置，以及具有橫向捲動功能的拼貼和格線版面配置中啟用導覽箭頭。從設定面板中的設計索引標籤即可自...

Wix Pro Gallery：為圖庫新增導覽箭頭

自訂您的專業圖庫導覽箭頭，讓訪客能夠輕鬆瀏覽更多內容。您可以選擇箭頭的顏色、大小和位置，並在圖庫內或外顯示它們。這不僅提升了網站的美觀性，還能改善用戶體驗。了解如何在Wix編輯器中啟用和自訂這些導覽箭頭，讓您的網站更具吸引力。

<div data-component-type="text"><div>在專業圖庫上顯示導覽箭頭，鼓勵訪客按照自己的節奏瀏覽更多圖庫內容。在特定的專業圖庫版面配置中，您可選擇在圖庫內或圖庫外顯示導覽箭頭，並進一步進行自訂。</div></div><div data-component-type="text"><div>您可更改這些箭頭的色彩，以搭配網站的其他設計。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/03/12/4d40efa9-cc95-4607-8fed-a0aa893a62e5/3ee8aab7-d8c1-40a9-9dab-8c0f94058450.gif" alt="顯示已上線網站中滑動圖庫的 GIF。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請注意：</div><div class="info-content"><div>若已為圖庫啟用展開模式，系統將自動顯示導覽箭頭。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-and-customizing-navigation-arrows" level="3">新增及自訂導覽箭頭</h2></div><div data-component-type="text"><div>您可在縮圖、滑桿、投影片放映和欄版面配置，以及具有橫向捲動功能的拼貼和格線版面配置中啟用導覽箭頭。從設定面板中的設計索引標籤即可自訂導覽箭頭的位置、色彩和大小。</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix 編輯器" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio 編輯器" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊左側的<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>導覽箭頭。</strong></li>  <li> 啟用<strong>顯示導覽箭頭</strong>切換開關。</li>  <li>使用以下選項自訂箭頭：
    <ul>
      <li><strong>箭頭樣式：</strong>點擊即可選擇箭頭設計，或點擊新增圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/02/24/d8ca99e9-4c63-4e58-b427-0b0b7f6dbefa/1695d925-99d4-44e8-b763-02e65fd1e0a7.png" /> 以上傳自訂樣式。</li>      <li><strong>箭頭背景：</strong>點擊下拉選單以選擇陰影、方塊或無背景。
        <ul>
          <li><strong>陰影：</strong>在箭頭周圍添加輕微陰影。</li>          <li><strong>方塊：</strong>在箭頭周圍添加方塊。點擊色彩方塊即可更改方塊色彩，並拖曳相關滑桿以調整透明度及圓角。</li>          <li><strong>無：</strong>不為箭頭添加背景。</li>        </ul>      </li>      <li><strong>箭頭大小：</strong>拖曳滑桿即可增加或減少導覽箭頭的大小。</li>      <li><strong>箭頭色彩：</strong>點擊色彩方塊即可選擇導覽箭頭色彩。從網站色彩中選擇色彩或自行選擇。</li>      <li><strong>箭頭位置：</strong>選擇相關核取方塊即可在圖庫內或圖庫外顯示導覽箭頭。<strong>請留意：</strong>在圖庫上顯示導覽箭頭可能會遮住部分圖庫品項。</li>      <li><strong>箭頭置中對齊：</strong>選擇將箭頭置中對齊於圖庫本身、圖片或文字的任一側。<br />
<strong>請留意：</strong>若要查看此選項，請確保已選擇在圖庫品項下方或上方顯示文字。此選項目前在縮圖和滑桿版面配置中不可用。</li>      <li><strong>橫向邊距：</strong>拖曳滑桿即可調整箭頭與圖庫邊框之間的空間距離。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/15/69d0ce41-bfba-442d-a438-c9706cac5f82/a1fbe8a3-5e01-4cb8-8b51-dc813f5275cd.png" alt="導覽箭頭自訂選項的螢幕截圖。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div>您也可在格線和拼貼版面配置中啟用導覽箭頭，只需在<strong>版面配置</strong>索引標籤中將捲動方向設定為<strong>橫向</strong>即可。</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/22/5f7ff993-5812-4331-8129-e72d7e904941/f9186858-aaa0-421a-abf1-fd06069f5339.png" alt="A screenshot showing the Scroll direction options." /></div></div></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊左側的<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>導覽箭頭。</strong></li>  <li> 啟用<strong>顯示導覽箭頭</strong>切換開關。</li>  <li>使用以下選項自訂箭頭：
    <ul>
      <li><strong>箭頭樣式：</strong>點擊即可選擇箭頭設計，或點擊新增圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/02/24/d8ca99e9-4c63-4e58-b427-0b0b7f6dbefa/1695d925-99d4-44e8-b763-02e65fd1e0a7.png" /> 以上傳自訂樣式。</li>      <li><strong>箭頭背景：</strong>點擊下拉選單以選擇陰影、方塊或無背景。
        <ul>
          <li><strong>陰影：</strong>在箭頭周圍添加輕微陰影。</li>          <li><strong>方塊：</strong>在箭頭周圍添加方塊。點擊色彩方塊即可更改方塊色彩，並拖曳相關滑桿以調整透明度及圓角。</li>          <li><strong>無：</strong>不為箭頭添加背景。</li>        </ul>      </li>      <li><strong>箭頭大小：</strong>拖曳滑桿即可增加或減少導覽箭頭的大小。</li>      <li><strong>箭頭色彩：</strong>點擊色彩方塊即可選擇導覽箭頭色彩。從網站色彩中選擇色彩或自行選擇。</li>      <li><strong>箭頭位置：</strong>選擇相關核取方塊即可在圖庫內或圖庫外顯示導覽箭頭。<strong>請留意：</strong>在圖庫上顯示導覽箭頭可能會遮住部分圖庫品項。</li>      <li><strong>箭頭置中對齊：</strong>選擇將箭頭置中對齊於圖庫本身、圖片或文字的任一側。<br />
<strong>請留意：</strong>若要查看此選項，請確保已選擇在圖庫品項下方或上方顯示文字。此選項目前在縮圖和滑桿版面配置中不可用。</li>      <li><strong>橫向邊距：</strong>拖曳滑桿即可調整箭頭與圖庫邊框之間的空間距離。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/15/c013c429-117c-46d4-b535-78a0f918e731/c7b1342c-3066-4e5e-b548-4f5455889d5c.png" alt="導覽箭頭自訂選項的螢幕截圖。" /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-navigation-arrows-in-expand-mode" level="3">自訂展開模式中的導覽箭頭</h2></div><div data-component-type="text"><div>啟用圖庫的 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-the-expand-mode-for-your-gallery" target="target">展開模式</a> 時，系統將自動顯示導覽箭頭。您可從展開模式內的 <strong>設計設定</strong> 索引標籤自訂箭頭色彩。</div></div><div data-component-type="heading"><h2 id="" level="4">若要自訂展開模式中的導覽箭頭：</h2></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix 編輯器" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio 編輯器" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊左側的<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>展開模式。</strong></li>  <li>點擊<strong>自訂展開模式。</strong></li>  <li>向下捲動至展開模式快顯視窗右側的<strong>設計設定</strong>。</li>  <li>點擊<strong>圖示色彩</strong>旁的色彩方塊，然後從網站色彩中選擇色彩或自行選擇。</li>  <li>點擊<strong>完成</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/15/a4fd051e-97b1-4ec4-9c7e-8921fcb4d285/ed8be315-8ce1-4129-8bc4-fea9e12097e4.png" alt="顯示展開模式中導覽箭頭設計選項的螢幕截圖。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊左側的<strong>設計</strong>索引標籤。</li>  <li>點擊<strong>展開模式。</strong></li>  <li>點擊<strong>自訂展開模式。</strong></li>  <li>向下捲動至展開模式快顯視窗右側的<strong>設計設定</strong>。</li>  <li>點擊<strong>圖示色彩</strong>旁的色彩方塊，然後從網站色彩中選擇色彩或自行選擇。</li>  <li>點擊<strong>完成</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/15/7b67d0fc-391b-480f-9eb9-333faddd3756/5aede489-542f-42e5-bb3e-5155b78169aa.png" alt="顯示展開模式中導覽箭頭設計選項的螢幕截圖。" /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請注意：</div><div class="info-content"><div>展開模式中的導覽箭頭僅在桌面版顯示，不適用於行動裝置。網站訪客在行動裝置上必須向左或向右滑動，即可在圖庫中進行導覽。</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-the-expand-mode-for-your-gallery" target="_blank">了解更多展開模式中的自訂選項資訊</a>。</div></div></div></div>

透過 Wix 專業圖庫，您可以在一個美觀的多媒體圖庫中顯示影片、圖片和文字。圖庫具備回應式功能，這意味著無論訪客使用何種裝置，圖庫都會自動調整以符合其畫面。這非常適合攝影師和創意工作者，內建的圖片保護功能可確保內容安全。您甚至可以隨時隨地直接從 Wix 應用程式上傳內容。圖庫完全可自訂，讓您能為桌面和行動裝置使用者完善圖庫的版面配置與設計。您也可以存取一般和進階設定，透過社交分享選項吸引訪客互動、...

Wix Pro Gallery：概覽

透過 Wix 專業圖庫，您可以在一個美觀的多媒體圖庫中展示影片、圖片和文字，並自動適應各種裝置。這對攝影師和創意工作者特別有用，因為它提供圖片保護和隨時隨地的管理功能。學習如何自訂圖庫的版面配置和設計，並利用社交分享和 SEO 設定來提升網站流量和互動。

<div data-component-type="text"><div>透過 Wix 專業圖庫，您可以在一個美觀的多媒體圖庫中顯示影片、圖片和文字。圖庫具備回應式功能，這意味著無論訪客使用何種裝置，圖庫都會自動調整以符合其畫面。</div></div><div data-component-type="text"><div>這非常適合攝影師和創意工作者，內建的圖片保護功能可確保內容安全。您甚至可以隨時隨地直接從 Wix 應用程式上傳內容。</div></div><div data-component-type="text"><div>圖庫完全可自訂，讓您能為桌面和行動裝置使用者完善圖庫的版面配置與設計。您也可以存取一般和進階設定，透過社交分享選項吸引訪客互動、透過 SEO 設定增加網站流量，並將圖庫連結至資料集。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/14/d48b0f83-f0b1-4f09-aa9d-91d8b76c5897/433cd0b3-78a8-4d68-909d-85c6d87df76a.png" alt="已上線網站上顯示專業圖庫的螢幕截圖。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">準備好立即開始了嗎？</div><div class="info-content"><div>了解方法以<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="target">新增並設定 Wix 專業圖庫</a>。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="prepare-your-pro-gallery-for-desktop" level="3">針對桌面裝置準備專業圖庫</h2></div><div data-component-type="text"><div>將 Wix 專業圖庫新增至網站後，即可開始為使用桌面裝置瀏覽網站的訪客自訂圖庫的<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-changing-the-layout-settings" target="target">版面配置</a>與<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-designing-your-gallery" target="target">設計</a>。從多種完全可自訂且預先設計的版面配置中進行選擇，並個人化圖庫設計以符合品牌形象。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/14/7b8c248b-56d1-48ea-a81a-56f4548eee3f/7098364c-950f-4f22-84d6-2e5c546c85c6.png" alt="編輯器中顯示專業圖庫旁「版面配置」與「設計」索引標籤強調顯示之設定面板的螢幕截圖" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-your-pro-gallery-for-mobile" level="3">針對行動裝置最佳化專業圖庫</h2></div><div data-component-type="text"><div>為使用行動裝置瀏覽網站的訪客最佳化專業圖庫。專業圖庫的版面配置具備回應式功能，會自動調整以符合訪客的行動裝置。您可以自訂<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-choosing-a-wix-pro-gallery-layout-for-your-mobile-site-custom-vs-presets" target="target">版面配置</a>與<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-settings-glossary#design-tab" target="target">設計</a>，使其在行動裝置上呈現您想要的樣子。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/14/5fea2459-4c66-468f-91fb-2c52abb115f2/7c96c56c-3c23-4f2c-bbdc-cece0eb76d56.png" alt="行動裝置上已上線專業圖庫的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="let-visitors-take-a-closer-look-at-images" level="3">讓訪客能更近距離地查看圖片</h2></div><div data-component-type="text"><div>將圖片設定為點擊時在彈出式視窗（展開模式）中開啟。您也可以自訂此彈出式視窗的外觀和行為。選擇要顯示的資訊、允許訪客使用放大鏡縮放細節、調整背景和圖示色彩等。</div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-customizing-the-expand-mode-for-your-gallery" target="target">瞭解更多關於自訂展開模式的資訊</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/14/4ed05e54-3b76-4808-854c-68496a03795f/d0641779-4e91-447b-964b-cff3d0b43968.png" alt="顯示品項「展開模式」外觀的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manage-your-pro-gallery-on-the-go" level="3">隨時隨地管理專業圖庫</h2></div><div data-component-type="text"><div>使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-owner-app-an-overview" target="target">Wix 應用程式</a>和 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-studio-app-an-overview" target="target">Wix Studio 應用程式</a>，即可隨時隨地管理所有專業圖庫。快速輕鬆地在圖庫中新增和移除媒體、重新排序和重新命名媒體、透過社交網路與他人分享圖庫等。</div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-and-managing-media-in-the-wix-app" target="target">瞭解更多關於在行動裝置應用程式管理圖庫的資訊</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/14/d7a42176-7af3-4a84-8c55-41a5c6897f12/cda2b689-ae67-4305-93ec-55f742170495.jpg" alt="Wix Owner 應用程式中顯示圖庫區段的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="increase-visitor-engagement-through-social-sharing" level="3">透過社交媒體分享提升訪客互動</h2></div><div data-component-type="text"><div>透過允許訪客<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-downloading-images-from-a-gallery#adding-a-heart-icon-to-gallery-items" target="target">按讚</a>並將其喜愛的圖庫項目分享到社交網路，為網站產生回流流量並增加互動。訪客可以透過 Facebook、Twitter、Tumblr、Pinterest 和電子郵件分享喜愛的內容。</div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-enabling-social-sharing-from-your-gallery" target="target">瞭解更多關於啟用圖庫社交媒體分享的資訊</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/14/3c8a1a04-0592-4cc2-b546-3b4fb524290a/fc1f1ae8-2dfc-4827-aae0-e7bed40bcb34.png" alt="顯示社交分享快顯的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="boost-your-gallerys-reach-with-seo" level="3">透過 SEO 提升圖庫的觸及度</h2></div><div data-component-type="text"><div>針對專業圖庫進行<a data-composite="true" href="https://support.wix.com/zh-hant/article/customizing-your-seo-settings-1420929" target="target">網站的 SEO 設定</a>，有助於提高其在搜尋引擎結果中的排名並為網站帶來流量。為圖庫項目<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-seo-for-your-pro-gallery#adding-alt-text-to-gallery-items" target="target">新增替代文字</a>也有助於搜尋引擎理解並為圖庫及其內容進行排名。</div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-seo-for-your-pro-gallery" target="target">深入了解專業圖庫 SEO 資訊</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/09/14/d54e1d26-b30d-48d9-8d05-a5aea46c41d5/afd54167-e661-449f-8860-7091b483733f.jpg" alt="管理介面中顯示 Wix 專業圖庫 SEO 設定的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="connect-your-pro-gallery-to-the-cms" level="3">將專業圖庫連結至 CMS</h2></div><div data-component-type="text"><div>透過 CMS（內容管理系統）在系列中建立並儲存媒體，協助管理專業圖庫中顯示的內容。接著，將系列連結至專業圖庫，即可一次顯示系列中的多個項目。 </div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/cms-displaying-collection-content-in-a-pro-gallery" target="target">瞭解更多在圖庫中顯示系列內容的相關資訊</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/01/29/2573d3cf-7952-4594-a6ad-6f51ae83111d/9cd2e459-7f19-4159-9e48-00b8fe2004b1.png" alt="編輯器中顯示資料集連結至專業圖庫的螢幕截圖。" /></div></div>

您可以將圖片設定為點擊時以彈出式視窗（展開模式）開啟，讓訪客欣賞圖庫品項的精緻細節。自訂 Wix 專業圖庫的展開模式，以搭配網站設計和品牌。界定圖片資訊顯示的方式、時機和位置，並調整文字樣式與色彩等設計面向。自訂展開模式讓圖庫品項在展開模式中更加吸睛。選擇要顯示的資訊、為品項新增背景濾鏡和漸層，並允許訪客縮放圖片。若要自訂展開模式： 前往編輯器。  點擊頁面上的 Wix 專業圖庫元件。  點擊設定...

Wix Pro Gallery：自訂圖庫展開模式

自訂您的 Wix 專業圖庫的展開模式，讓訪客能夠更細緻地欣賞圖片。學習如何選擇顯示的資訊、調整背景設計、以及設定圖片的檢視方式，從而提升網站的視覺吸引力和品牌一致性。透過這篇文章，您將能夠創建一個更具吸引力的圖庫體驗，吸引更多訪客。

<div data-component-type="text"><div>您可以將圖片設定為點擊時以彈出式視窗（展開模式）開啟，讓訪客欣賞圖庫品項的精緻細節。</div></div><div data-component-type="text"><div>自訂 Wix 專業圖庫的展開模式，以搭配網站設計和品牌。界定圖片資訊顯示的方式、時機和位置，並調整文字樣式與色彩等設計面向。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/07/07/5017720d-247a-41f8-85b1-b8ce8e290fc2/d307ddb1-a549-44d7-84c1-6700c36f501b.jpg" alt="螢幕截圖顯示展開模式在已上線網站上的外觀。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-expand-mode" level="3">自訂展開模式</h2></div><div data-component-type="text"><div>讓圖庫品項在展開模式中更加吸睛。選擇要顯示的資訊、為品項新增背景濾鏡和漸層，並允許訪客縮放圖片。</div></div><div data-component-type="heading"><h2 id="" level="4">若要自訂展開模式：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="target">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix 專業圖庫元件。</li>  <li>點擊<strong>設定</strong>。</li>  <li>點擊左側的<strong>設定</strong>索引標籤。</li>  <li>從<strong>點擊品項時</strong>下拉選單中選擇<strong>以展開模式開啟</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/6df4ff59-aebe-48d5-b50c-6525cc127097/583c4633-4495-4a7e-8ec9-9ffad30a0818.png" alt="螢幕截圖顯示在「設定」面板中何處可以找到「點擊品項時」下拉選單。" /></div></div><div data-component-type="text"><div>5. 點擊 <strong>設計 </strong>索引標籤。<br />
6. 點擊 <strong>展開模式</strong>。 </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/20/cd783456-821a-4bf0-839c-793b95505d8d/956cd373-51e7-4e39-be83-76349d3551a4.png" alt="顯示在 Wix 專業圖庫「設計」索引標籤中何處可找到「展開模式」索引標籤的螢幕截圖。" /></div></div><div data-component-type="text"><div>7. 點擊<strong>自訂展開模式</strong>。</div><div>8. 自訂快顯畫面右側的下列設定： </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">資訊設定</h4><div class="collapsible-content"><div>選擇圖片標題和描述在展開模式中的顯現方式：</div><ul> <li><strong>顯示哪些資訊？</strong>：勾選想要顯示的資訊旁的核取方塊：<strong>標題</strong>、<strong>描述</strong>及／或<strong>連結</strong>。<br />
<strong>備註：</strong>目前無法自訂展開模式中連結的樣式。若希望未來能使用此功能，請<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-changing-the-style-of-the-link-in-expand-mode" target="target">針對該功能投票</a>。</li>  <li><strong>顯示位置：</strong>選擇資訊應顯示的位置：<strong>側邊</strong>或<strong>底部</strong>。<br />
<strong>備註：</strong>在橫向圖片側邊顯示資訊可能會導致圖片顯示得較小。</li>  <li><strong>何時顯示？</strong>：選擇資訊顯示的時機：<strong>一律顯示</strong>或<strong>點擊資訊圖示時</strong>。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">檢視設定</h4><div class="collapsible-content"><div>選擇訪客檢視圖片的方式：</div><ul> <li><strong>允許全螢幕</strong>：開啟開關即可允許訪客從展開模式檢視全螢幕圖片。</li> <li><strong>放大鏡：</strong>開啟開關即可允許訪客縮放圖片。接著拖曳<strong>放大倍率</strong>滑桿即可調整縮放強度。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">背景設計</h4><div class="collapsible-content"><div>自訂展開模式背景的外觀：</div><ul> <li><strong>漸層：</strong>開啟開關即可為展開模式提供混合色彩背景，並調整以下內容：
    <ul>
      <li><strong>色彩與不透明度 1 和 2：</strong>點擊相關色彩方塊即可自訂漸層色彩。接著拖曳滑桿即可調整色彩的不透明度。</li> <li><strong>漸層方向：</strong>拖曳滑桿即可調整漸層角度。</li>    </ul>  </li> <li><strong>背景色彩與不透明度：</strong>點擊色彩方塊即可為背景選擇色彩。接著拖曳滑桿即可調整色彩的不透明度。</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">背景濾鏡</h4><div class="collapsible-content"><div>為展開模式的背景新增篩選條件：</div><ul> <li><strong>模糊：</strong>拖曳滑桿即可調整背景的模糊程度。此篩選條件會套用至展開模式後方可見的元件，並在背景不透明度低於 100％ 時顯現。<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/01/24/bce2aea5-0d17-4e30-be44-4e84ec1d5a08/64c9abb6-c7f4-40ac-8f3c-0bf34ea692e5.png" alt="Screenshot of Expand Mode with elements behind it blurred." /></li> <li><strong>灰階：</strong>開啟開關即可套用灰階篩選條件。此篩選條件會套用至展開模式後方可見的元件，並在背景不透明度低於 100％ 時顯現。<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/01/24/99ef5bed-cece-401a-a624-940481efdd73/baaf2084-63d2-41f8-af80-d525097ff84a.png" alt="Screenshot of Expand Mode with elements behind it in greyscale." /></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">文字與圖示設計</h4><div class="collapsible-content"><div>自訂展開模式中使用的色彩和字型： </div><ul> <li><strong>圖示色彩</strong>：點擊色彩方塊以選擇圖示色彩。</li>  <li><strong>標題樣式</strong>：點擊下拉選單以選擇字型樣式，然後點擊色彩方塊以選擇標題色彩。</li>  <li><strong>描述樣式</strong>：點擊下拉選單以選擇字型樣式，然後點擊色彩方塊以選擇描述色彩。</li>  <li><strong>文字對齊方式</strong>：選擇文字對齊方式：<strong>靠左</strong>、<strong>置中</strong>或<strong>靠右</strong>。</li></ul></div></div></div><div data-component-type="text"><div>9. 點擊<strong>完成</strong>。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/07/07/236de743-c0ad-421a-9f5e-4e4bf9bd07ff/97e36353-a546-46c8-a418-1e6a5835211d.jpg" alt="螢幕截圖顯示「展開模式設定」快顯畫面，其中顯示多項設定。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/customizing-your-seo-settings-for-the-wix-pro-gallery-expand-mode" target="target">了解如何變更展開模式的 SEO 設定</a>。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方的問題以瞭解更多關於自訂展開模式的資訊：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以將多張圖片／影片新增至圖庫項目的展開模式中？</h4><div class="collapsible-content"><div>目前無法在圖庫品項的展開模式中新增多張圖片／影片。例如，無法在展開模式內顯示畫作的不同角度。若希望未來能使用此功能，請<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-displaying-multiple-images-videos-in-the-expand-mode-of-a-gallery-item" target="target">針對該功能投票</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以自訂圖庫展開模式中元件的大小或位置？</h4><div class="collapsible-content"><div>目前無法在圖庫展開模式中調整文字方塊和圖庫品項等元件的大小或位置。若希望未來能使用此功能，請<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-ability-to-customize-the-size-and-position-of-elements-in-expand-mode" target="target">針對該功能投票</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以自訂圖庫展開模式中的導覽箭頭？</h4><div class="collapsible-content"><div>目前僅能<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-navigation-arrows-to-your-gallery#customizing-navigation-arrows-in-expand-mode" target="target">變更展開模式中導覽箭頭的色彩</a>，使其與其他展開模式圖示相同。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以點擊返回按鈕來關閉展開模式？</h4><div class="collapsible-content"><div>目前點擊瀏覽器索引標籤上的返回按鈕會回到上一個造訪的頁面，而非主圖庫檢視畫面。若希望未來能使用此功能，請<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-clicking-the-back-button-to-close-expand-mode" target="target">針對該功能投票</a>。<br />
<strong>提示</strong>：若要關閉展開模式，請點擊圖庫右上角的<strong>結束</strong>圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/29/7750c3c0-6b17-4b34-b64f-76af15ed51a3/8b0d6319-00d5-4aab-b6a1-7d9f178d0120.png" />。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何將展開模式中的文字方向從左至右更改為右至左？</h4><div class="collapsible-content"><div>目前無法將 Wix 專業圖庫展開模式中的文字方向調整為 RTL（由右至左）。預設文字方向為 LTR（由左至右）。若希望未來能使用此功能，請<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-customizing-text-direction-in-expand-mode" target="target">針對該功能投票</a>。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">為何行動裝置上不顯示導覽箭頭？</h4><div class="collapsible-content"><div>在行動裝置上，展開檢視中沒有導覽箭頭。訪客可透過滑動畫面來檢視下一個圖庫品項。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">如何編輯圖庫品項的全螢幕檢視？</h4><div class="collapsible-content"><div>全螢幕檢視的設計由展開模式設定控制。若要編輯圖庫品項的全螢幕檢視，必須按照上述說明編輯展開模式設定。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">是否可以將圖庫項目設定為在展開模式中循環播放？</h4><div class="collapsible-content"><div>否。目前無法將圖庫品項設定為在展開模式中循環播放。當訪客觸及最後一個品項時，需要使用導覽箭頭點擊返回圖庫以回到開頭。</div></div></div></div>

當選擇在圖庫品項本身上方或下方顯示資訊（文字和／或描述）時，可以從不同的文字方塊樣式中進行選擇。您可自訂文字方塊背景色彩、高度、圖片與文字之間的間距，以及尚有...項。選擇文字方塊樣式在「設計」設定面板的「品項樣式」索引標籤中，從三種文字方塊樣式中進行選擇，以展示圖庫文字。Wix 編輯器Studio 編輯器 前往編輯器。  點擊頁面上的 Wix 專業圖庫元件。  點擊「設定」。  點擊「設計」索引...

Wix Pro Gallery：自訂圖庫文字方塊

學習如何在Wix編輯器中自訂圖庫的文字方塊樣式，以提升您的網站外觀。您可以選擇不同的文字方塊樣式，調整背景顏色、高度及文字間距，讓文字與圖片完美協調。這篇文章將幫助您創建更具吸引力的圖庫展示，吸引更多訪客。

<div data-component-type="text"><div>當選擇在圖庫品項本身上方或下方顯示資訊（文字和／或描述）時，可以從不同的文字方塊樣式中進行選擇。您可自訂文字方塊背景色彩、高度、圖片與文字之間的間距，以及尚有...項。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/03/24/5cf44e41-9290-43ff-874b-1827c70fccd4/ee9bb6c1-c31b-4580-90f5-1301f037b7f2.png" alt="已上線圖庫中文字方塊的螢幕截圖。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-a-text-box-style" level="3">選擇文字方塊樣式</h2></div><div data-component-type="text"><div>在「設計」設定面板的「品項樣式」索引標籤中，從三種文字方塊樣式中進行選擇，以展示圖庫文字。</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix 專業圖庫元件。</li>  <li>點擊<strong>「設定」</strong>。</li>  <li>點擊<strong>「設計」</strong>索引標籤<strong>。</strong></li>  <li>點擊<strong>「品項樣式」</strong>。</li>  <li>從三種文字方塊樣式中選擇一種：
    <ul>
      <li><strong>無背景：</strong>文字方塊沒有背景。</li>      <li><strong>背景相連：</strong>文字方塊具有彩色背景並與圖片相連。若選擇在上方顯示資訊，文字方塊會連接到圖片頂部；若選擇在下方顯示資訊，則會連接到圖片底部。</li>      <li><strong>背景拆出：</strong>文字方塊具有彩色背景，但未與圖片相連。圖片和文字方塊之間會有一小段間距。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/16/3fa93df1-afa2-410f-b24f-c11c02689c87/4a46cace-04f3-4061-a80d-c39da60145c6.png" alt="「設計」索引標籤的螢幕截圖，其中強調了「文字方塊」樣式選項。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix 專業圖庫元件。</li>  <li>點擊<strong>「設定」</strong>。</li>  <li>點擊<strong>「設計」</strong>索引標籤<strong>。</strong></li>  <li>點擊<strong>「品項樣式」</strong>。</li>  <li>從三種文字方塊樣式中選擇一種：
    <ul>
      <li><strong>無背景：</strong>文字方塊沒有背景。</li>      <li><strong>背景相連：</strong>文字方塊具有彩色背景並與圖片相連。若選擇在上方顯示資訊，文字方塊會連接到圖片頂部；若選擇在下方顯示資訊，則會連接到圖片底部。</li>      <li><strong>背景拆出：</strong>文字方塊具有彩色背景，但未與圖片相連。圖片和文字方塊之間會有一小段間距。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/16/f6ea02af-3ba2-4f1f-b05c-2c2f2dc27e5a/b58bf92f-a9e8-4b7e-a55b-11fb8712ef0f.png" alt="「設計」索引標籤的螢幕截圖，其中強調了「文字方塊」樣式選項。" /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-text-box-design" level="3">自訂文字方塊設計</h2></div><div data-component-type="text"><div>自訂文字方塊的色彩、高度、尚有...項，以及其中的文字，使其與網站的其他部分相協調。您可以在「設計」設定面板的「文字」索引標籤中進行此操作。</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor-0" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio-Editor-1" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix 專業圖庫元件。</li>  <li>點擊<strong>「設定」</strong>。</li>  <li>點擊<strong>「設計」</strong>索引標籤。</li>  <li>點擊<strong>「文字」</strong>。</li>  <li>使用<strong>「文字設計」</strong>區段下的下列選項自訂文字和文字方塊：
    <ul>
      <li><strong>標題樣式和色彩：</strong>選擇標題文字的字型和色彩。</li>      <li><strong>描述字型樣式和色彩：</strong>選擇描述文字的字型和色彩。</li>      <li><strong>橫向對齊</strong>：選擇將橫向文字向左、置中或向右對齊。</li>      <li><strong>填滿色彩和不透明度：</strong>點擊色彩方塊並選擇文字方塊的背景色彩。拖曳滑桿即可調整背景色彩的透明度。<br />
<strong>請留意：</strong>若選擇<strong>「無背景」</strong>文字方塊樣式，則無法使用此選項。</li>      <li><strong>調整文字方塊高度：</strong>文字方塊高度取決於標題和描述的字型大小。<strong> </strong>勾選相關核取方塊以選擇自動或手動調整文字方塊。
        <ul>
          <li><strong>自動：</strong>系統會根據文字字型大小自動決定文字方塊高度。</li>          <li><strong>手動：</strong>拖曳滑桿即可調整文字方塊高度。<br />
<strong>提示：</strong>若圖片描述較長，請縮小字型或手動調整文字方塊高度。</li>        </ul>      </li>      <li><strong>圖片與文字間距：</strong>拖曳滑桿即可變更圖片與文字方塊之間的距離（0 至 100 Pix）。</li>      <li><strong>文字垂直邊距：</strong>拖曳滑桿即可變更垂直文字與邊框之間的距離。</li>      <li><strong>文字橫向邊距：</strong>拖曳滑桿即可變更橫向文字與邊框之間的距離。</li>      <li><strong>標題與描述間距：</strong>拖曳滑桿即可變更標題與描述之間的距離（0 至 50 Pix）。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/16/a826edda-cee9-4b16-b36e-6cea9bbad13a/6642f199-8e44-4ada-b90f-b1ff3d93a0e9.png" alt="「設計」索引標籤的螢幕截圖，其中強調了「文字設計」選項。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頁面上的 Wix 專業圖庫元件。</li>  <li>點擊<strong>「設定」</strong>。</li>  <li>點擊<strong>「設計」</strong>索引標籤。</li>  <li>點擊<strong>「文字」</strong>。</li>  <li>使用<strong>「文字設計」</strong>區段下的下列選項自訂文字和文字方塊：
    <ul>
      <li><strong>標題樣式和色彩：</strong>選擇標題文字的字型和色彩。</li>      <li><strong>描述字型樣式和色彩：</strong>選擇描述文字的字型和色彩。</li>      <li><strong>橫向對齊</strong>：選擇將橫向文字向左、置中或向右對齊。</li>      <li><strong>填滿色彩和不透明度：</strong>點擊色彩方塊並選擇文字方塊的背景色彩。拖曳滑桿即可調整背景色彩的透明度。<br />
<strong>請留意：</strong>若選擇<strong>「無背景」</strong>文字方塊樣式，則無法使用此選項。</li>      <li><strong>調整文字方塊高度：</strong>文字方塊高度取決於標題和描述的字型大小。<strong> </strong>勾選相關核取方塊以選擇自動或手動調整文字方塊。
        <ul>
          <li><strong>自動：</strong>系統會根據文字字型大小自動決定文字方塊高度。</li>          <li><strong>手動：</strong>拖曳滑桿即可調整文字方塊高度。<br />
<strong>提示：</strong>若圖片描述較長，請縮小字型或手動調整文字方塊高度。</li>        </ul>      </li>      <li><strong>圖片與文字間距：</strong>拖曳滑桿即可變更圖片與文字方塊之間的距離（0 至 100 Pix）。</li>      <li><strong>文字垂直邊距：</strong>拖曳滑桿即可變更垂直文字與邊框之間的距離。</li>      <li><strong>文字橫向邊距：</strong>拖曳滑桿即可變更橫向文字與邊框之間的距離。</li>      <li><strong>標題與描述間距：</strong>拖曳滑桿即可變更標題與描述之間的距離（0 至 50 Pix）。</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/16/b44fd2f6-b87c-4c7c-84b0-be646d55872a/0e6d94c5-c155-4dac-b3a8-00bdc3c830cd.png" alt="「設計」索引標籤的螢幕截圖，其中強調了「文字設計」選項。" /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>點擊下方問題以瞭解更多自訂文字方塊的資訊：</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">哪些版面配置提供文字方塊？</h4><div class="collapsible-content"><div>文字方塊僅適用於「格線」、「滑桿」、「條紋」和「欄」版面配置，且您已選擇在品項上方或下方顯示資訊。若在「設計」設定面板的「文字」索引標籤中將資訊位置選擇為 <strong>「在圖片上」</strong>，則無法使用文字方塊功能。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我是否可以進階自訂文字方塊？</h4><div class="collapsible-content"><div>是。您也可以在「設計」設定面板的「品項樣式」索引標籤中，自訂文字方塊的邊框寬度、色彩以及角落半徑。</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/10/16/17c5dad1-3006-47a2-8bfd-ca8eaa03816d/a567488c-5308-4372-a5f4-2588533d6986.png" alt="A screenshot showing the further text box design options available." /><br /> </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我是否可以在圖庫中新增可折疊文字？</h4><div class="collapsible-content"><div>否。目前無法在圖庫中新增<a data-composite="true" href="https://support.wix.com/zh-hant/article/adding-and-setting-up-collapsible-text" target="target">可折疊文字</a>。若希望未來能使用此功能，請<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-request-adding-collapsible-text-to-your-gallery" target="target">為該功能投票</a>。</div></div></div></div>

目前無法為圖庫品項描述中的文字加入超連結。不過，您可以為圖庫品項本身新增連結。了解如何為圖庫品項新增連結的方法。我們致力於更新並改進產品，也非常感謝您提供的回饋。

Wix Pro Gallery 請求：為圖庫品項描述新增連結

目前無法為圖庫品項描述中的文字加入超連結，但您可以為圖庫品項本身新增連結。了解如何為圖庫品項新增連結的方法，讓您的作品更具互動性。感謝您對我們產品的回饋，我們將持續努力改進。

<div data-component-type="text"><div>目前無法為圖庫品項描述中的文字加入超連結。</div></div><div data-component-type="text"><div>不過，您可以為圖庫品項本身新增連結。<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-a-link-to-a-gallery-item" target="target">了解如何為圖庫品項新增連結的方法</a>。</div></div><div data-component-type="text"><div>我們致力於更新並改進產品，也非常感謝您提供的回饋。</div></div>

目前無法在 Wix Pro Gallery 新增 可折疊文字。我們致力於持續更新並改進產品，非常感謝相關回饋。

Wix Pro Gallery 功能請求：在圖庫中新增可折疊文字

目前無法在 Wix Pro Gallery 中新增可折疊文字。了解這一限制的原因，並感謝您對我們產品的反饋。我們會持續更新和改進，以提升您的使用體驗。

<div data-component-type="text"><div>目前無法在 Wix Pro Gallery 新增 <a data-composite="true" href="https://support.wix.com/zh-hant/article/adding-and-setting-up-collapsible-text" target="target">可折疊文字</a>。</div></div><div data-component-type="text"><div>我們致力於持續更新並改進產品，非常感謝相關回饋。</div></div>

目前無法將 編輯器圖庫 中的圖庫內容遷移至 Wix Pro Gallery。若要切換至專業圖庫，必須新增專業圖庫並手動將媒體新增至圖庫。我們致力於更新並改進產品，非常感謝您的寶貴回饋。

Wix Pro Gallery 請求：從編輯器圖庫遷移至 Wix Pro Gallery

了解如何將您的網站圖庫內容從編輯器圖庫轉移至Wix Pro Gallery。由於目前無法直接遷移，您需要手動新增專業圖庫並將媒體內容添加到新圖庫中。這篇文章將幫助您順利完成這一過程，提升您的網站展示效果。

<div data-component-type="text"><div>目前無法將 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-adding-and-setting-up-a-gallery" target="target">編輯器圖庫</a> 中的圖庫內容遷移至 Wix Pro Gallery。若要切換至專業圖庫，必須新增專業圖庫並手動<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-pro-gallery-adding-media-to-the-gallery" target="target">將媒體新增至圖庫</a>。</div></div><div data-component-type="text"><div>我們致力於更新並改進產品，非常感謝您的寶貴回饋。</div></div>

如何開始

選擇範本

雇用專業人士建立網站

以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員，樹立網上形象。

開始使用 Wix

了解如何以 Wix 建立網站和商家。

Wix 編輯器入門

使用編輯器工具

網站版面配置

帶狀區和欄

界定網站結構

設計網站

頁面

選單

管理頁面和選單

文字

按鈕

容器和方塊

投影片

形狀和線條

新增和自訂元件

圖片

圖庫

影片

文件和檔案

新增檔案和媒體

如何處理元件

效果與動畫

分享並推廣網站

新增進階元件

行動版工具

行動版頁面

行動版背景

行動版網站版面

行動版網站選單

行動版文字

行動版媒體

其他行動版元件

行動版網站疑難排解

建立行動版網站

編輯器網站疑難排解

使用 Wix 編輯器

如何使用管理介面

管理網站

管理身分與權限

AI 工具入門

以 AI 建立並管理網站

以 AI 設立商家

AI 工具

開始使用編輯器

建構網站架構

新增並自訂元件

新增動畫與效果

建立網站品牌

網站疑難排解

使用 Wix Harmony 編輯器

媒體管理員入門

上傳媒體

購買媒體

管理媒體

媒體疑難排解

新增並管理媒體

使用專業圖庫

編輯圖片（Wix 圖庫）

Wix 多語言入門

翻譯網站

管理語言

Wix 多語言與 SEO

建立多語言網站

隱私權與 GDPR

無障礙介紹

使網站符合無障礙要求

進階無障礙功能

建立無障礙網站

Wix 與開發人員

測試網站

SSO 登入

Wix 區塊

進階功能

Wix Vibe 入門

管理 Wix Vibe 網站

自訂 Wix Vibe 網站

發佈 Wix Vibe 網站

使用 Wix Vibe

了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。

建立網站

了解如何建立、管理並維護 Wix 網站。

變更帳戶設定

登入問題

管理帳戶

升級至進階方案

進階方案帳單

網域帳單

Google Workspace 商務電子郵箱帳單

管理訂閱

收費、付款與稅金

Wix 服務請款單

使用優惠券和推廣優惠

帳單與進階訂閱

檢閱帳戶設定，設定訂閱與方案，查看請款單。

帳戶與帳單

以 Wix 應用程式管理網站

行動應用程式入門

自訂行動應用程式

管理行動應用程式

提交行動應用程式以供核准

建立行動應用程式

在 Wix 會員應用程式自訂網站

在 Wix 會員應用程式管理網站

以會員身分使用行動應用程式

使用 Wix 會員應用程式

為顧客設立行動應用程式

歡迎使用 Wix 行動應用程式，隨時隨地處理業務，並以專屬應用程式吸引網站會員互動。

使用 Wix 行動應用程式

網域入門

Wix 網域

於別處購買的網域

轉移網域

管理網域

網域疑難排解

以逐步指南了解如何購買、連結或轉移網站網域，並學習如何確保網站資料安全。