[Resolved] How to Enable Breadcrumbs using SEOPress in GeneratePress

Home Forums Support How to Enable Breadcrumbs using SEOPress in GeneratePress

This topic contains 3 replies, has 2 voices, and was last updated by  Leo 6 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #765371

    Muhammad

    Good day 🙂

    I’m creating a new post for topics “Breadcrumbs”, “SEOPress”, “GeneratePress”

    How to Enable Breadcrumbs using SEOPress in GeneratePress

    i hope this post will help all those people who are looking for this information.

    1. Enable breadcrumbs in SEOPress and Save Changes!

    seopress breadcrumbs

    2. Copy following code:

    <?php if(function_exists('seopress_display_breadcrumbs')) { seopress_display_breadcrumbs(); } ?>
    

    3. Go to GP Hooks, Find “Inside Content Container” and paste there

    4. Tick mark “Execute PHP” and hit “Save Hooks”

    generatepress

    5. Now you’ll see breadcrumbs on your Blog Posts! Congrats! 😀

    This is how it’ll look like (color might be different):

    Onecrack.com post

    6. To make it look beautiful, i tried few things. Some worked and Some not! This is what worked!

    So, you’ll have to copy following code and add it in on “ADDITIONAL CSS” (check screenshot) and hit save!

    (Credit goes to those who created this. I don’t remember the sites!)

    Here’s the CSS Code:

    .breadcrumb {
    font-size: 13px; color:#fff; font-weight: 400;}
    /* Style the list */
    ul.breadcrumb {
      padding: 10px 16px;
      list-style: none;
      background-color: #eee;
    }
    
    /* Add a slash symbol (>) before>behind each list item */
    .breadcrumb li+li:before {
      padding: 0px 0px;
      color: #2074BE;
      content: ">\00a0";
    }
    .breadcrumb {
        padding: 3px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px;
    }
    .breadcrumb a {
        color: #428bca;
        text-decoration: none;
    }
    

    putting css code

    7. This is how it’ll look like:

    final look

    For me, it looks great. But, it’s your choice to keep it or not! 🙂

    8. There’s one last thing i would like to ask the developer which i couldn’t find anywhere 😀 .

    If you check my blog post:

    https://onecrack.com/best-wireless-routers/

    You see that the last part of the breadcrumbs is an actual ‘LINK’. Is there any way to make the last part of breadcrumbs just text? No link?

    This one:

    clickable link

    This is how i want it (non-clickable):

    non clickable

    So, this last step will also help lots of people! (including me)

    I hope my post will help people looking for this exact solution.

    Waiting for the support to help. <3

    A bundle of thanks

    Muhammad Sameer

    GeneratePress 2.2.1
    #765415

    Leo Customer Support

    Hi there,

    Thanks for sharing the solution!

    As for your last question, this is something you will need to ask SEOPress’ support as it’s not controlled by GeneratePress.

    Hope this helps!

    #769315

    Muhammad

    Okay, so i talked to the SEOPress support! they cleared everything to me!!

    There’s NO need to remove the link from the last part of Breadcrumb!! In fact, It’s BEST for SEO! (Recommended by Google itself) 🙂

    https://developers.google.com/search/docs/data-types/breadcrumb

    Have an amazing day!

    Muhammad Sameer

    #769355

    Leo Customer Support

    Glad you figured out 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.