內容簡介
Breadcrumb Widget Pro 是一個強大的外掛，能夠自動或手動建立麵包屑導航，提升網站的可用性和SEO效果。透過多樣化的樣式設定，使用者可以輕鬆自訂麵包屑的外觀，增強網站的導航體驗。
【主要功能】
• 自動或手動建立麵包屑導航
• 支援顯示分類和父頁面
• JSON-LD 結構化數據輸出
• 可自訂分隔符和樣式
• 支援下拉式顯示長麵包屑
• SVG 分隔符上傳功能
外掛標籤
開發者團隊
原文外掛簡介
Breadcrumb Trail
– Trail Mode: Automatic — builds the trail from the current post, page, or WooCommerce product context automatically. Choose the source explicitly (Post / Page / Product) or leave it on “Auto-detect.”
– Toggle “Show Category” to include the post/product category (with parent categories) in the trail.
– Toggle “Show Parent Pages” to include ancestor pages for hierarchical Pages.
– Toggle “Show Current Item” to include/exclude the current page title as the last crumb.
– Trail Mode: Manual — add, reorder, or remove trail items yourself in the repeater. Leave the last item’s link empty, and it becomes the non-clickable “current” item. Each item can optionally show an icon before its label (from Elementor’s icon library), and you can hide the text so only the icon shows.
Home Link
– Rename the label, set a custom URL, and optionally show an icon before (or instead of) the text.
Separator
– Text/symbol (e.g.,>, /, •), an icon from Elementor’s icon library, or an uploaded SVG.
SEO
– Toggle JSON-LD BreadcrumbList structured data output (on by default) — helps Google show your breadcrumb trail directly in search results.
Collapse / Dropdown
– Turn on “Collapse Long Trails into a Dropdown” to keep long trails compact: the first item and a set number of trailing items (including the current page) stay visible, and everything in between collapses behind a “…” button. Clicking it opens a dropdown listing the hidden items. Set “Max Visible Items” to control how many crumbs show before it collapses.
Style settings
– Skin — five ready-made, eye-catching looks (Pill Chips, Gradient Bar, Underline Sweep, Glass Card, Arrow Ribbon), or “None” to use the manual style controls below.
– Layout — space between items, alignment.
– Typography — font family/weight/size/color for items, plus a separate color for the current (non-link) item.
– Links — link color, hover color, hover underline on/off.
– Separator — color and size (works for text, icon, and SVG).
– Item Box — background color, padding, border (style/width/color), border radius, and box shadow — useful if you want each crumb to look like a small pill/chip.
– Item Icons — (manual trail mode) size, color, and gap for the per-item icons.
– Dropdown — (shown when the dropdown collapse is enabled) toggle color, menu background, menu text color, and item hover background.
Notes on the SVG separator option
WordPress blocks SVG uploads by default for security (an SVG can carry embedded script). This plugin re-enables SVG uploads in the Media Library so the “Custom SVG Upload” separator option works. Only give Media Library upload access to trusted admins/editors. If you’d rather not loosen this site-wide, remove the upload_mimes filter in breadcrumb-widget-pro.php and instead install a dedicated SVG-sanitizing plugin (e.g., “Safe SVG”) — the widget’s Media control will still work with whatever SVG upload path you use.