如何使用圖庫模組？

在內容管理系統中， 「圖庫」模組用於將照片和其他視覺素材整理到特定的圖庫中，並在您的網站上整齊地展示它們。您可以建立單獨的圖庫，用於展示分店照片、活動圖片、已完成的項目或與您的業務相關的圖片。

圖庫模組分兩個階段運行：首先，建立圖庫記錄；然後，將圖片新增至該圖庫。這樣，您可以分別管理圖庫的常規資訊以及圖片的順序和可見性。

圖庫模組的用途是什麼？

圖庫模組可讓您以相同標題向訪客展示多張圖片。圖庫可以關聯到群組，並且可以管理每個圖庫的開放或關閉狀態。此外，還可以為圖庫中的圖片定義替代文字、排序方式和狀態資訊。

例如，您可以將不同主題的照片分組到不同的圖庫中，並在符合您需求的頁面上使用這些圖庫。訪客可以以圖庫模式查看圖片。

如何存取圖庫模組頁面？

在Webayt管理面板中，從左側選單依序選擇「模組」→「圖庫模組」 。

模組 → 圖庫模組

開啟的頁麵包含「圖庫清單」和「新增圖庫」標籤。您可以查看先前建立的圖庫、新增圖庫，或編輯和刪除現有圖庫。

圖庫列表畫面上可以找到哪些內容？

圖庫列表畫面以表格形式顯示圖庫。您可以搜尋清單並查看每個圖庫的基本資訊。

• 圖庫名稱：這是用於在面板中識別圖庫的名稱。
• 團體：這是畫廊所屬的團體。
• 圖片數量：顯示相關圖庫中的圖片數量。
• 狀態：表示畫廊是否開放或關閉。
• 圖片：用於管理圖庫中的照片和影像。
• 編輯：允許您更新圖庫的名稱、群組或狀態。
• 刪除：用於刪除圖庫條目。

如何建立新圖庫？

您可以使用「新增圖庫」標籤建立新圖庫。此時無需新增任何圖片；系統會先儲存圖庫的基本資訊。

1. 在管理面板中，開啟模組 → 圖庫模組。
2. 點選「新增圖庫」標籤。
3. 在「畫廊名稱」欄中輸入畫廊名稱。
4. 從「群組選擇」區域中選擇要使用的群組。
5. 將狀態欄位設為開或關。
6. 使用“新增”按鈕儲存圖庫。

圖庫建立完成後，將顯示在「圖庫清單」畫面上。若要為圖庫新增照片，您可以使用對應行中的「圖片」按鈕。每個建立的圖庫都會在單獨的管理畫面中收集其圖片。

圖庫上傳區域用於哪些用途？

畫廊名稱為必填。為了方便識別畫廊，您可以使用描述性名稱，例如「我們的分館」、「活動」或「我們的專案」。

「分組選擇」功能可將圖庫與特定分組關聯。如果您不需要選擇自訂分組，可以使用「預設分組」選項。有關分組工作原理的詳細信息，請參閱“如何使用分組”指南。

“狀態”欄位用於確定圖庫的使用狀態。已開放的圖庫可在對應的模組顯示中使用；已關閉的圖庫仍處於註冊狀態，但不會在前端顯示。

如何編輯現有圖庫？

在圖庫清單畫面上，點選相關圖庫旁的「編輯」按鈕。在開啟的頁面中，您可以更新「圖庫名稱」 、 「分組選擇」和「狀態」字段，然後點擊「更新」按鈕。

編輯介面還包含一個「待更新清單」部分。此區域用於選擇多語言清單中哪些語言的可翻譯資訊需要更新。有關詳細信息，請參閱“如何使用清單進行更新”指南。

如何為圖庫新增圖片？

若要管理圖庫中的圖片，請先在「圖庫清單」畫面上點選對應圖庫的「圖片」按鈕。此時開啟的頁面將顯示「圖庫圖片」和「新增圖片」標籤。

1. 開啟相關圖庫的「圖片」畫面。
2. 轉到“插入圖像”選項卡。
3. 從「新增圖像」區域上傳或選擇檔案。
4. 您可以根據需要填寫圖片標題/替代文字欄位。
5. 請在「必填順序」欄位中輸入圖片順序。
6. 將狀態欄位設定為「開啟」或「關閉」。
7. 點選「新增」按鈕儲存圖片。

儲存的圖片會加入到對應圖庫的「圖庫圖片」清單中。您可以為同一個圖庫新增多張圖片。

圖片上傳指南

根據圖片上傳頁面的描述，支援PNG、JPG、JPEG、GIF、SVG和WebP檔案格式。上傳檔案的最大大小為2MB 。

使用高品質且針對網頁優化的圖片可以幫助圖庫更快地加載。有關一般上傳步驟，您可以參考「如何在面板中上傳圖片？」指南。

圖片標題/替代文字的用途是什麼？

圖片標題/替代文字欄位用於輸入描述圖庫圖片的文字。根據上傳頁面的信息，如果此欄位留空，則圖片的替代文字也將為空。

例如，對於一張樹枝照片，您可以使用簡短的文字描述圖片內容，例如「樹枝外觀」。描述性的替代文字有助於提高可訪問性。避免不必要的關鍵字重複。

如何在影像中使用序列欄位？

順序欄位為必填項，用於決定同一圖庫中圖片的顯示順序。例如，您可以將圖片順序設為 10、20、30，以便日後更輕鬆地新增圖片。

這是圖庫中圖片的排列順序。頁面上模組的放置順序是在模組管理區域中使用拖放功能單獨設定的。

如何管理視覺外觀？

每張圖片都有一個「狀態」欄位。 「開啟」狀態的圖片可以在圖庫中顯示。 「關閉」狀態的圖片仍然儲存，但不會在前端顯示。您可以將圖片設定為「關閉」狀態，而不是刪除它，從而暫時隱藏它。

如何使用圖庫圖片清單？

「圖庫圖片」畫面會顯示每張圖片的預覽、圖片標題/替代文字、排序、狀態和操作按鈕。您可以使用搜尋功能；也可以使用「編輯」或「刪除」按鈕來管理圖片。

圖庫清單畫面上的「圖片數量」資訊可讓您快速查看每個圖庫中的圖片數量。對於包含大量照片的圖庫，建立命名和排序系統可以簡化管理。

如何更新圖庫圖片？

前往相關圖庫的「圖片」頁面，然後按一下要變更的圖片旁邊的「編輯」按鈕。

在圖像編輯介面，您可以修改圖像文件，並更新圖像標題/替代文字、順序和狀態欄位。點選「更新」按鈕儲存變更。

此畫面還包含「待更新清單」部分。如果在不同語言中使用了替代文本，則選擇正確的語言清單進行更新尤為重要。

如何刪除圖庫中的圖片或影片？

若要刪除圖片，您可以使用圖庫圖片清單中對應行上的「刪除」按鈕。刪除圖庫本身則需要在圖庫清單畫面中完成。

刪除前，請先檢查相關圖庫或圖片是否已在網站上使用。由於截圖無法完全驗證刪除圖庫及其關聯圖片的所有技術後果，因此在刪除重要記錄之前，最好先保存必要的文件。

如何在頁面上使用圖庫模組？

建立圖庫和圖片後，面板中的內容即可準備就緒。若要讓圖庫顯示在網站上，必須在相關頁面的模組佈局中使用圖庫模組。

Webayt 從 1.9 版本開始，模組可以透過中央模組管理系統進行管理。同一個模組可以在同一頁上多次用於不同的分組；模組可以透過拖放排列，也可以進行全域定義。

類別頁面和內容頁面無法直接新增模組。這些頁面會繼承其連結的資訊頁面和章節頁面中的模組。有關如何向頁面添加圖庫模組以及如何選擇分組的詳細信息，請參閱“如何向頁面添加模組？”指南。

圖庫模組可以在哪些領域使用？

圖庫非常適合展示希望訪客同時瀏覽多張圖片的內容。您可以將分行照片、專案進度、活動或公司簡介分別放在不同的圖庫中。這樣，您就可以在同一個網站上，將用於不同用途的圖片以列表形式呈現，而不會混淆。

例如，可以建立兩個獨立的圖庫，一個名為“我們的分支機構”，另一個名為“我們的活動”。每個圖庫中的圖片都在各自的頁面上進行管理。圖片在頁面上的使用方式以及哪個圖庫顯示在哪個區域，應結合模組的分組選擇和主題結構進行評估。

使用圖庫時應考慮哪些因素？

• 給各個展間一個簡短易懂的名字。
• 將圖片收集到正確的圖庫中，然後選擇您需要的群組。
• 上傳大小不超過 2 MB 且針對網頁最佳化的圖片。
• 使用有意義的替代文字來描述圖像。
• 按照參觀者的觀看順序排列圖片。
• 與其刪除暫時隱藏的圖庫或圖片，不如考慮將其完全關閉。
• 請查看清單以獲取多語言網站的更新資訊。
• 修改完成後，在前端測試網格和視覺縮放功能。

概括

圖庫模組（Webayt）用於內容管理系統，將圖片分組到圖庫中，並在網站上顯示。首先，建立一個圖庫，並設定圖庫名稱、分組和狀態資訊；然後，新增圖片，並管理圖片的替代文字、順序和可見性設定。

圖庫內容由「模組」→「圖庫模組」進行管理。頁面上的顯示和佈局由“模組管理”控制。前端圖庫視圖可能因所用主題而異；在提供的範例中，圖片可以放大和瀏覽。