內容簡介
這是一個用於麵包屑導航的單一區塊外掛。它簡單、輕量且支援 SEO，還包含一些簡單的分隔符圖示。
如何自訂麵包屑導航
如何更改區塊的標記?
如何新增/移除麵包屑導航的項目?
如何更改麵包屑導航的主頁項目?
如果這個外掛對您有用，請在 WordPress.org 上做個快速評論並評分，幫我們宣傳。我會非常感激。
如果您有興趣，請查看我的其他外掛:
內容區塊建造器 - 一個可以在區塊編輯器上直接輕鬆創建區塊、模式或變化的工具。
元資料區塊 - 一個可以將元資料或 ACF（高級客製欄位）顯示為區塊的外掛程式，也可以在查詢區塊中使用。
區塊增強外掛 - 一個可以為區塊新增更多有用功能的外掛程式，例如圖示、陰影、轉換、滑鼠懸停風格等。
圖示分隔符 - 像核心的分隔符區塊一樣小巧，但可以加入圖示。
SVG 區塊 - 一個可以輕鬆、安全地插入內嵌 SVG 圖像的區塊，它還附帶了超過 3000 個圖示和一些常見的非矩形分隔符。
計數數字區塊 - 一個可以呈現數字計數效果的區塊。
更好的 YouTube 嵌入區塊 - 嵌入 YouTube 影片，而不會使您的網站變慢。
此外掛程式是使用 @wordpress/create-block 開發的。
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
This is a single-block plugin for the breadcrumb trail. It’s simple, lightweight, SEO-friendly, and WooCommerce compatibility. It also includes some simple separator icons. It works everywhere: Page Editor, Site Editor, and template files.
How to customize the breadcrumb
How to change/remove an item?
add_filter( 'breadcrumb_block_get_item', function ( $item_args, $context, $breadcrumbs_instance ) {
// Ignore items without context.
if ( ! $context || ! ( $context['object'] ?? false ) ) {
return $item_args;
}
// Eg: remove a term.
if ( 'term' === ( $context['type'] ?? '' ) && 'term-slug' === $context['object']->slug ) {
return false;
}
// Eg: Change the title of a page.
if ( 'page' === ( $context['type'] ?? '' ) && page_id_to_change === $context['object']->ID ) {
$item_args[0] = 'Make it shorter';
}
return $item_args;
}, 10, 3 );
$item_args is a 3-item array: [$item_label, $item_link, $item_attrs]
$context is an associative array: ['type' => 'item type', 'object' => 'item object']. type can be one of the following values: front_page, home, shop, page, post, single, term, taxonomy, post_type_archive, search, 404, paged, author, date_year, date_month, date_day, attachment.
How to change the markup of the block?
add_filter( 'breadcrumb_block_get_breadcrumb_trail', function ( $markup, $args, $breadcrumbs_instance ) {
return $markup;
}, 10, 3 );
How to add or remove the items from the breadcrumb trail?
add_filter( 'breadcrumb_block_get_items', function ( $items, $breadcrumbs_instance ) {
return $items;
}, 10, 2 );
How to use a custom separator for the breadcrumb trail?
add_filter( 'breadcrumb_block_get_args', function ( $args ) {
// For example, change separator.
$args['separator'] = '';
return $args;
} );
The custom separator should be an inline SVG. To make sure it displays properly, it should have three attributes: width, height, and fill. The values of these attributes should be as follows: fill="currentColor" width="1em" height="1em".
Using this hook, you can customize other attributes such as container, before, after, list_tag, item_tag, item_before, item_after, separator.
How to prepend the blog page to all single posts?
add_action( 'breadcrumb_block_single_prepend', function ( $post, $breadcrumbs_instance ) {
if ( 'post' === $post->post_type ) {
$blog_id = get_option( 'page_for_posts');
if ( $blog_id ) {
$breadcrumbs_instance->add_item( get_the_title( $blog_id ), get_permalink( $blog_id ) );
}
}
}, 10, 2 );
If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it.
Please check out my other plugins if you’re interested:
Content Blocks Builder – This plugin turns the Block Editor into a powerful page builder by allowing you to create blocks, variations, and patterns directly in the Block Editor without needing a code editor.
Meta Field Block – A block to display custom fields as blocks on the front end. It supports custom fields for posts, terms, users, and setting fields. It can also be used in the Query Loop block.
SVG Block – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library.
Icon separator – A tiny block just like the core/separator block but with the ability to add an icon.
Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc.
Counting Number Block – A block to display numbers with a counting effect
Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists.
The plugin is developed using @wordpress/create-block.
