breadcrumbs – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Thu, 07 Nov 2024 02:37:58 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Change Title Bar ‌Background Image? https://xtratheme.com/docs/how-to/how-to-change-title-bar-background-image/ https://xtratheme.com/docs/how-to/how-to-change-title-bar-background-image/#respond Tue, 24 Sep 2024 05:39:51 +0000 https://xtratheme.com/docs/?p=4408

Change Background Image of Breadcrumbs

Step 1
Xtra

To insert an image or change the background image of the breadcrumbs in the Theme, you can proceed from the following path:

Header > Title and Breadcrumbs > StyleKit of Container > Background > Upload an Image there

Breadcrum

To change the title Bar background in a single post or page, you can adjust the settings through the following path:

Custom page/post title background:

  1. Dashboard > All Posts/Pages
  2. Page Settings
  3. Header Settings
  4. StyleKit of Title Background
  5. Upload an Image in Image field
Titlr bg fa
]]>
https://xtratheme.com/docs/how-to/how-to-change-title-bar-background-image/feed/ 0
How to Use Custom Breadcrumbs with Shortcodes in WordPress Theme? https://xtratheme.com/docs/how-to/how-to-use-custom-breadcrumbs-with-shortcodes-in-wordpress/ https://xtratheme.com/docs/how-to/how-to-use-custom-breadcrumbs-with-shortcodes-in-wordpress/#respond Thu, 19 Sep 2024 11:16:26 +0000 https://xtratheme.com/docs/?p=4340

Description

Step 1
Xtra

Use Custom Breadcrumbs with Yoast Shortcodes

The Xtra WordPress theme has built-in customization options for breadcrumbs. However, there are also several plugins available that can enhance this functionality and provide additional features.

In WordPress, several plugins provide breadcrumb functionality. Here are some of the most popular options:

  • Yoast SEO
    This well-known SEO plugin includes a built-in breadcrumbs feature that can be easily enabled and customized. It’s a great choice if you already use Yoast for SEO optimization.

  • Breadcrumb NavXT
    This plugin offers a flexible breadcrumb navigation system. It provides extensive options for customization, allowing you to tailor the appearance and functionality to fit your theme.

  • SEOPress
    SEOPress is a comprehensive SEO plugin that also includes breadcrumbs functionality. You can activate and configure breadcrumbs easily within its settings.

  • WP Breadcrumbs
    A straightforward plugin that allows you to add breadcrumb navigation to your site. It comes with simple settings for integration.

  • Flexible Breadcrumbs
    This plugin provides an easy way to add and customize breadcrumbs. It allows for simple adjustments to the design and layout.

  • Simple Breadcrumbs
    As the name suggests, this is a lightweight and simple plugin for adding breadcrumbs to your WordPress site without complicated settings.

These plugins enable you to implement effective breadcrumb navigation, enhancing user experience and potentially improving SEO on your website. In this tutorial, we will teach you how to create breadcrumbs using the Yoast plugin:

  1. Log in to your WordPress website.

    When you’re logged in, you will be in your ‘Dashboard’.

  2. Click on ‘Yoast SEO’.

    On the left-hand side, you will see a menu. In that menu, click on ‘Yoast SEO’.

  3. Click on “Settings”.

    The “Yoast SEO” settings will expand providing you with additional options. Click on “Settings”.

  4. Click on the “Advanced” section in the settings menu on the left-hand side.

  5. Click “Breadcrumbs” in the menu that expands.

    The “Advanced” menu will expand. Click the “Breadcrumbs” menu item.

  6. Scroll down to the bottom of the screen and toggle the switch behind “Enable breadcrumbs for your theme”.

    You’ll be on the Breadcrumbs settings page. Scroll down to the bottom to see the toggle. To enable the Yoast SEO breadcrumbs, toggle the switch to on. To disable the Yoast SEO breadcrumbs, toggle the switch off.

  7. Create a saved template with Elementor
    and insert the following specific shortcode into the breadcrumbs you design.

  8. Theme Options in Xtra Theme:
    Go to Theme Options > Header > Title & Breadcrumbs > Select Title type > Custom Page Content and choose the content from the saved template you created.

  9.  Click on the Publish.
2 6
7
Last
]]>
https://xtratheme.com/docs/how-to/how-to-use-custom-breadcrumbs-with-shortcodes-in-wordpress/feed/ 0
Theme Options: Title and Breadcrumbs https://xtratheme.com/docs/theme-options/theme-options-title-and-breadcrumbs/ https://xtratheme.com/docs/theme-options/theme-options-title-and-breadcrumbs/#comments Wed, 26 Jun 2024 07:45:57 +0000 https://xtratheme.com/docs/?p=1874

Description and Screenshot

Step 1
XTRA

Title and Breadcrumbs settings

Under Theme Options > Header > Title and Breadcrumbs you can find title and breadcrumbs settings and StyleKits, enable/disable revolution slider or page cover.

  1. Header Position – You can change header position according to title and breadcrumbs
  2. Title Type – You can set to title, slider, image, custom code, custom page, etc.
  3. Title and Breadcrumbs – Position and display of title and breadcrumbs
  4. Center Mode – Force title and breadcrumbs in center place
  5. Breadcrumbs Delimiter – Choose separator icon between breadcrumbs item
  6. StyleKits – Customize any part of title and breadcrumbs
Theme options title breadcrumbs
Theme options title breadcrumbs 2
Tips

You may want to know …

  • Enable Slider as page Title – First go to Dashboard > Revolution slider menu and create your own slider, then go back to theme options and title breadcrumbs panel, then set Title type to Slider revolution and then choose your slider.

  • Background Image or Color – In title and breadcrumbs panel find Container StyleKit and set your background image or color.

  • Background color in specific page – After you enabled title and breadcrumbs from theme options, go to Dashboard > Pages and edit your page, then from Page settings > Header settings you can find title and breadcrumbs container StyleKit and change background color.
]]>
https://xtratheme.com/docs/theme-options/theme-options-title-and-breadcrumbs/feed/ 2
codevz/after_title_and_breadcrumbs https://xtratheme.com/docs/developer/codevz-after_title_and_breadcrumbs/ https://xtratheme.com/docs/developer/codevz-after_title_and_breadcrumbs/#respond Tue, 18 Jun 2024 10:44:30 +0000 https://xtratheme.com/docs/?p=2972

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes after site title and breadcrumbs.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-after_title_and_breadcrumbs/feed/ 0
codevz/before_title_and_breadcrumbs https://xtratheme.com/docs/developer/codevz-before_title_and_breadcrumbs/ https://xtratheme.com/docs/developer/codevz-before_title_and_breadcrumbs/#respond Tue, 18 Jun 2024 10:38:18 +0000 https://xtratheme.com/docs/?p=2969

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes before site title and breadcrumbs.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-before_title_and_breadcrumbs/feed/ 0
codevz/after_breadcrumbs https://xtratheme.com/docs/developer/codevz-after_breadcrumbs/ https://xtratheme.com/docs/developer/codevz-after_breadcrumbs/#respond Tue, 18 Jun 2024 09:17:28 +0000 https://xtratheme.com/docs/?p=2947

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes after page breadcrumbs.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-after_breadcrumbs/feed/ 0
codevz/before_breadcrumbs https://xtratheme.com/docs/developer/codevz-before_breadcrumbs/ https://xtratheme.com/docs/developer/codevz-before_breadcrumbs/#respond Tue, 18 Jun 2024 09:09:55 +0000 https://xtratheme.com/docs/?p=2944

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes before page breadcrumbs.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-before_breadcrumbs/feed/ 0