- This topic has 3 replies, 2 voices, and was last updated 2 years, 3 months ago by
Leo.
-
AuthorPosts
-
December 25, 2018 at 1:39 pm #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!
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”
5. Now you’ll see breadcrumbs on your Blog Posts! Congrats! π
This is how it’ll look like (color might be different):
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; }
7. This is how it’ll look like:
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:
This is how i want it (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.1December 25, 2018 at 3:45 pm #765415Leo
StaffCustomer SupportHi 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!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 30, 2018 at 10:25 am #769315Muhammad
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
December 30, 2018 at 11:33 am #769355Leo
StaffCustomer SupportGlad you figured out π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.