plugins are used to add more features to our websites. These features are the add-ons that can be plugged into the core . These changes can be made in UI aspects or to override the default behaviour using hooks. There are various ways to make the plugins to reflect the add-on feature by creating shortcodes, by calling functions from the theme files and more.

navigate-menu  - navigate menu - Create WordPress Plugin to Show Post Taxonomy Breadcrumbs

I have created a WordPress plugin named as Breadcrumb Navigation Menu to the post taxonomy breadcrumb links on the single page. I have defined a plugin function to get the complete hierarchy of the custom taxonomy by using the id. I have created a shortcode and mapped it to the Breadcrumb Navigation Menu plugin function. I specified this shortcode in the single page to display the taxonomy after title.

Creating and Activating WordPress Plugin

These steps are needed to our own WordPress plugin.

  1. Create a folder in the name of your plugin
  2. Create plugin file by adding the name and the other details with a bunch of commented lines which is called as plugin specification header. These details are used to identify your plugin.
  3. Create plugin functions in the file which add features to the existing WordPress core.
  4. Login to WordPress admin and navigate via Plugins > Installed Plugins and activate the plugin.
  5. Call the plugin function from the theme files to make the plugin to reflect its features on your website.

activate-wordpress-plugin  - activate wordpress plugin - Create WordPress Plugin to Show Post Taxonomy Breadcrumbs

Plugin Function to Show Breadcrumb Navigation Menu

This PHP code is showing the Breadcrumb Navigation Menu plugin. The plugin function getBreadCrumbNavigationMenu() gets the taxonomy id by using the current post id and recursively called another function getCategoryTree() to get taxonomy hierarchy until it reaches the root taxonomy.

I have created a shortcode in the theme’s functions.php and map the shortcode to callback plugin function. While getting the taxonomy hierarchy, the function returns output in HTML format by adding links to the taxonomy terms. These links are printed as breadcrumbs in the single page where I specified the shortcode.


Plugin Name: BreadCrumb Navigation Menu
Plugin URI:
Description: Display BreadCrumb Navigation Menu in Post Single Page.
Author: Vincy
Author URI: 
Version: 1.0.0
function getBreadCrumbNavigationMenu() {	
    if(is_single()) {
        $postId = get_post()->ID;
		$output =  '<a class= "post-menu" href="' . get_permalink(get_post()->ID) . '">'. get_post()->post_title . '</a>';
        $gotTerms = get_the_terms($postId,'menu');
        $objTerms = reset($gotTerms);
        $output = getCategoryTree($objTerms, $output);
	return $output;

function getCategoryTree($terms, $output) {
    if(!empty($terms)) {
        $output =  '<a class= "post-menu" href="' . get_term_link($terms->term_id) . '">'. $terms->name . '</a>' . " <span>⪼</span>  " . $output;
        if($terms->parent != 0) {
            $terms = get_term( $terms->parent, "menu" );
            $output =  getCategoryTree($terms, $output);
    return $output;


 * to display the breadcrumb navigation menu in single page
add_shortcode('breadcrumb-navigation-menu', 'getBreadCrumbNavigationMenu');




Breadcrumb Navigation Plugin Output

This screenshot shows the changes made by using the Breadcrumb Navigation Menu plugin.

breadcrumb-navigation-menu-output  - breadcrumb navigation menu output - Create WordPress Plugin to Show Post Taxonomy Breadcrumbs


This WordPress code was published on February 28, .

↑ Back to Top

Source link


Please enter your comment!
Please enter your name here