生活分享
Astra 作品集與 Elementor 擴充:挑出真正需要的功能
用 Astra 建作品集時,先整理案例內容,再決定是否需要 WP Portfolio 或 Elementor 擴充。本文以接案者展示品牌、網站與影像作品為例,說明案例分類、縮圖與詳細頁安排、作品集短代碼、元件相容性檢查,以及移除外掛前的替換流程。也提供可重複的效能比較方法,避免因為功能數量多就安裝整套工具,或把示範版型誤當實際客戶成果。
更新日期: 閱讀時間約 7 分鐘

作品集的工作,是讓訪客理解你做過什麼、負責哪一部分,以及是否適合下一個合作。把二十張圖排成漂亮網格,若沒有專案背景與自己的貢獻,仍然難以協助客戶判斷。選工具之前,先把每件作品說清楚。
假設你有品牌設計、網站與短片三類案例,Astra 可以提供全站外觀,作品展示則可由一般頁面、WP Portfolio 或 Elementor 的相關元件負責。以下依官方資料整理不同做法與維護步驟,不宣稱哪款外掛在所有網站上最快。
先建立案例資料,再決定展示效果
每件案例先記錄名稱、年份、需求、你的角色、交付內容、可公開素材與延伸連結。成效數字需有可說明的依據;團隊專案要交代自己負責的部分。練習作品與版型展示可以存在,但應清楚標示,不能與真實客戶委託混在一起。
分類依客戶會怎麼找你來設計,例如品牌、網站、影像,而非只有自己懂的檔案代碼。作品不多時,三個分類已可能足夠;不要為每件作品建立只有一筆的篩選項目。再安排最能代表目前服務方向的案例,過時內容可移到較後方。
縮圖負責快速辨認,詳細頁則說明問題與解法。相同專案的五張圖片不一定要拆成五個作品,否則訪客會把照片數量誤認為案例數。每件作品保留穩定的詳細頁連結,日後更換展示網格時仍能讓既有分享連結持續使用。
選擇作品集工具的責任範圍
只有少量案例時,一般頁面的圖片、標題與連結就能建立清楚入口。需要依多個分類篩選、大量維護作品或不同媒體類型時,才評估專門工具。Astra 佈景主題本身與 WP Portfolio 外掛不是同一項產品,也不能把舊套裝內容視為今天必定包含的授權。
WP Portfolio 官方文件列出網站、圖片、影片與單頁等作品類型,透過分類與展示設定組織內容。Astra 官方的方案調整文章則說明 WP Portfolio 已不再包含於該次更新後的套裝中;這不等同宣布產品停止運作,購買前仍應查詢現在的獨立授權與更新狀態。
若網站已大量使用 Elementor,可先看既有元件是否能完成需求,再評估 Ultimate Addons for Elementor 等擴充。不要因為缺一種作品篩選效果,就同時裝兩套大型擴充包;先列出實際使用的元件與替代方案,減少相互覆蓋樣式的機會。
以 WP Portfolio 建立圖片案例入口
使用已安裝並有適當授權的 WP Portfolio 時,新增作品、填入標題,選擇 Image 類型,再指定縮圖與 Portfolio Image。官方文件區分兩張圖的用途:前者出現在清單,後者於開啟作品時顯示。選圖時要確認裁切不會遮住主要設計。
為作品指派分類或標籤後,可在展示頁的短代碼區塊放入 [wp_portfolio]。需要限制範圍時,依官方屬性設定類別 ID、欄數、搜尋或每次載入數量;類別 ID 是後台實際值,不應直接複製教學中的範例數字。
一次建立三件不同類型的測試案例,再檢查篩選、搜尋與點開行為。若顯示沒有項目,先確認發布狀態、分類條件與展示設定是否互相限制。官方也提供區塊整合方式,是否採用應配合現有編輯器,無須只為改展示入口再加入另一套頁面工具。
- 選三件已確認可公開的作品,補齊標題、角色與說明。
- 建立作品資料並配置縮圖、主要素材與分類。
- 在草稿展示頁加入對應短代碼或支援的展示元件。
- 測試所有分類與空搜尋結果,再檢查作品連結是否到達正確內容。
擴充相容性要看整個使用組合
列出 WordPress、Astra、Elementor、Elementor Pro 與擴充外掛的版本,以及用了哪些元件。相容標示只能說明供應商宣告或測試的範圍,無法保證你站上的快取、其他外掛與自訂樣式都沒有問題。更新先在測試站確認核心案例頁。
特別測試手機觸控、鍵盤焦點、篩選後的排列與燈箱關閉。只在滑鼠移到圖片上才出現的說明,手機使用者可能看不到;作品名稱與開啟按鈕應有清楚可辨的呈現。影片也需要檢查是否必須登入外部平台,以及失效時是否保留文字說明。
若更新後出問題,記錄哪個頁面、元件與版本開始異常,再逐項縮小範圍。不要直接在正式站停用所有擴充來找原因,因為頁首頁尾或表單也可能依賴同一套工具。測試完成後保存結果,下一次更新就有可重複使用的檢查清單。
用量測決定效能調整
Elementor 官方說明原生元件的專屬資源會依使用情況載入;第三方擴充則有各自的方式。因此不能單憑安裝元件數量推算網站速度。UAE 提供個別開關,可關閉確認未使用的元件,但實際前台改善仍需測量。
目前 Elementor 的 Element Manager 可掃描元件使用情況,再依清單停用。官方提醒停用已用來建立網站的元件會讓功能失效,甚至破壞頁面;「停用所有未使用項目」也不只作用於當前篩選結果。操作前先掃描,並保留原本設定。
比較前後表現時,使用相同網址、裝置與網路條件,多做幾次檢查,同時記錄圖片傳輸量與互動是否正常。把大尺寸縮圖換成合理尺寸,可能比增加另一套最佳化外掛更有幫助。不要為追求單次分數,關掉作品篩選所必需的腳本。
移除外掛前先安排內容去處
決定簡化工具時,先找出使用該擴充的所有頁面、範本與展示區,逐一改成替代元件。案例文字、圖片原檔與詳細頁網址要另外保存,不能假設停用後會自動轉成一般區塊。短代碼依賴外掛處理,移除後可能只剩文字或空白。
在測試站停用後,檢查作品列表、各案例、導覽與聯絡入口。確認新展示方式完整,再規劃正式站變更與備份。停用和刪除也不同,資料是否保留由各外掛決定;完成內容轉移及回復準備之前,不要急著清除資料庫中的相關項目。
| 需求 | 可先考慮的方式 | 要承擔的維護 |
|---|---|---|
| 少量精選案例 | 一般圖片與文字頁面 | 手動整理順序與連結 |
| 多類型、可篩選案例 | WP Portfolio 等作品集工具 | 分類、授權與資料轉移 |
| 既有 Elementor 網站加效果 | 現有元件或單一合適擴充 | 元件相依性與版本相容 |
| 縮減工具數量 | 逐頁替換後停用 | 保存案例內容並全面驗證 |
設定 Astra 的全域外觀與導覽Astra 佈景主題怎麼設定:版型、導覽與付費功能的取捨Astra 可以負責網站整體外觀,Starter Templates 提供可匯入的頁面與示範內容,兩者的功能與授權並不相同。本文從小型工作室網站出發,帶你安排版型匯入、全域字體與配色、頁首導覽、手機選單及頁尾資訊,並說明免費版、Astra Pro 與付費版型的取捨,讓改版建立在可維護的設定上,也避免既有內容被示範設定干擾。閱讀全文
選擇適合維護者的頁面建構器WordPress 頁面編輯器怎麼選:區塊、版型與維護負擔選擇 WordPress 頁面編輯器,先確認日常修改由誰完成、需要多少版面自由,以及未來能否維護和搬離。本文比較原生區塊、專用頁面編輯器與分工使用的方式,提供用相同內容試做、檢查相容性、共用版型及停用後結果的流程。適合正在建立或改版網站的台灣讀者,避免只看拖拉效果或元件數量,就讓整個網站依賴難以接手的工具組合。閱讀全文
同主題延伸閱讀
生活分享
WordPress 側邊欄與小工具:安排資訊與固定區塊
WordPress 側邊欄可以放搜尋、作者介紹與相關內容,但應先確認它對讀者是否有幫助。本文整理傳統小工具、區塊小工具及區塊佈景的差異,說明如何新增、排序、暫時移除與驗收,也比較一般排列、黏附與固定顯示的用途。透過桌面、手機和文字放大的檢查,避免資訊區塊遮住正文或表單,讓網站增加入口時仍維持清楚的閱讀順序。
生活分享
WordPress 備份怎麼做:檔案、資料庫與還原演練
WordPress 備份不能只看成功訊息。本篇用檔案、資料庫與異地保存建立備份清單,說明 UpdraftPlus、WPvivid 的操作入口、還原限制及隔離演練,幫你確認網站資料真的拿得回來。也整理排程、保留版本、設定檔與驗收紀錄,讓個人網站或工作室有人能接手復原。
生活分享
WordPress 會員與角色:誰能看、誰能改、誰能管理
WordPress 的管理員、編輯、作者與訂閱者分別能做什麼?本篇用小型團隊的投稿與會員閱讀需求,拆解角色、操作權限和內容可見性的差別,說明 User Role Editor 的設定方向,以及隱藏選單為何需要另外驗證實際存取,提供權限表、測試步驟和交接提醒,避免為了方便把所有人設為管理員。
生活分享
安裝 WordPress 主題與外掛:來源、更新與停用流程
安裝 WordPress 佈景主題或外掛前,先確認要解決的問題、下載來源、版本相容性與回復方式。本文整理後台搜尋、官方 ZIP 上傳、啟用及驗收流程,並說明更新、停用和刪除各自可能影響什麼。適合需要自行維護網站的台灣使用者,用一份簡短紀錄管理新增功能與長期成本,避免重複安裝、忘記授權或在正式站一次更動太多項目。
最新旅遊情報攻略

情報
2026 韓國楓葉預測:雪嶽山 10 月 20 日、首爾近郊 10 月底、內藏山與漢拏山 11 月上旬
韓國山林廳 2026 年 9 月 22 日公布的楓紅高峰預測:雪嶽山 10 月 20 日,春川、國立樹木園到首爾植物園落在 10 月 28 日到 11 月 2 日,內藏山 11 月 4 日、漢拏山 11 月 6 日,整體比最近 5 年晚約 0.8 天。整理各地楓樹與銀杏的預測日、首爾出發怎麼排,以及出發前去哪裡看即時楓況。2026 年 10 月查證。
- 季節活動
- 自然
- 觀景

攻略胡志明市
胡志明市到頭頓一日遊:白藤碼頭搭高速船、船票與班次,下船就是胡梅纜車與耶穌基督像
人在胡志明市挪一天去頭頓看海:市中心的白藤高速船碼頭搭船,航程 120 分鐘到頭頓的胡梅碼頭,平日成人 320,000 越南盾、週末 350,000,回程末班平日 15:00。下船就是胡梅纜車站,同一條路上有白宮,小山頂上是耶穌基督像。平日一天只有兩班船,整天要從末班船倒推著排。
- 交通
- 行程範例
- 海灘

攻略沖繩
沖繩不開車攻略:單軌只到浦添,美麗海水族館要坐兩個多小時的巴士,回那霸的最後一班直達車 17:22 就開走
不租車的沖繩怎麼移動:那霸市區靠沖繩都市單軌電車(ゆいレール),那霸機場站到終點てだこ浦西 19 站、17 公里、37 分鐘,一日券 1,000 日圓;美麗海水族館有那霸機場直達的高速巴士,單程 2,000 日圓起、官方時刻表上 2 小時上下,下車後還要走 10 分鐘;古宇利島要在今帰仁村役場轉車,當天來回光坐車就六個半小時;回程的最後一班直達車 17:22 就從記念公園前開走(2026 年 9 月查證)。
- 交通
- 行程範例
- 預算
資料來源
- WP Portfolio:功能與作品類型 · 查證日期:
- WP Portfolio:建立圖片作品集 · 查證日期:
- WP Portfolio:短代碼屬性 · 查證日期:
- WP Portfolio:區塊整合 · 查證日期:
- Astra:套裝內容調整 · 查證日期:
- UAE:元件開關 · 查證日期:
- Elementor:元件管理員 · 查證日期:
- Elementor:未使用元件與資源載入 · 查證日期: