A full Elementor TABLE OF CONTENTS tutorial!
ฝัง
- เผยแพร่เมื่อ 19 ต.ค. 2024
- A step-by-step walkthrough of Elementor's Table of Contents widget on WordPress!
Adding a table of contents to your articles can be a GREAT way to engage & satisfy readers, as well as potentially boost your SEO. And Elementor is the perfect tool to make it happen 👍
Where can you USE the table of contents? How to set it up and design it? Can you implement this widget in Elementor theme builder? (yes).
RESOURCES
👉Elementor Pro - doyouevenblog.... (my affiliate link!)
👉Beginner Elementor Guide - doyouevenblog....
RELATED VIDS:
🎥ELEMENTOR: Header Footer Tutorial 2020 (for beginners!): • ELEMENTOR: Header Foot...
🎥How to Use PODS With Elementor: • How to Use PODS With E...
🎥ELEMENTOR HELLO THEME [Full Tutorial]: • How to build a theme u...
#elementor #wordpress #doyouevenblog
Who is excited?? Drop comments if you have issues or questions!
Hey Pete yes I have a question, I got to do it with the shortcode but I can not get the icon of elementor library, do you know how could I do that? or how can I save this shortcode as favorite or something like this? thank you!
The Elementor wizard! I love watching you inside of Elementor. Super helpful Pete thanks brotha!
No problemo my dude!
New office and lighting set up looks great!
Such a great video!! Thank you very much for the info, that was EXACTLY what i was looking for!. Gained a sub :)
you just saved my life lol thanks a lot
I doubt it, but you’re welcome none the less ;)
Hi Pete, great tutorial video! Thanks.
GREAT!! THAT'S WHAT I WAS EXACTLY LOOKING FOR.
Thanks for tips! Still 1 problem: when i scroll down to the footer of the post page, the toc is still show up. How can i make it only show in the post body only?
Try playing with the “z-index” value on the advanced tab (try making the TOC “1” or “-1” first, then maybe your footer if it’s built using elementor!)
@@DoYouEvenBlog I was facing the same issue. I set Z-index to 1 and problem solved. Thank you so much.
Love this tutorial!
Thanks Gabe! I appreciate that :)
Quick question - do you support using elementor post templates for blog rather than Gutenberg ? I currently use elementor for everything on my website including posts but have been told by various people that using it for my posts will have big negative impacts once my blog gets more traffic. And that I should keep using elementor everywhere except my posts? Do you agree?
Thanks man you save my time 👍
Hi Great Video, Question though. Im having the same problem you had in 14:10 of this video. you didn't show a resolve? please could help with a resolve to this, I have a lot of content and the TOC gets cut out.
So helpful! I love this. :)
Aw thank you Melody!
Do you know how to pull specific words from the H2? Example: A heading that's titled... Mercedes: American's Love These... However I don't want that entire title to show in the TOC.. I only want the word Mercedes to show. Any idea how to achieve this?
Awesome video! Question: how do you get that nice greyish background outside the page? I assume it’s not too hard
Hey Pete!
Thanks for the video. This is really super helpful. I wanted to know if this toc comes with the schema markup to fetch the results in search. If not, can there be a possible way out?
Useful!
:)
It was very useful - thank you!
You’re welcome! :)
Hey Pete - very nice tut!
A question if I may...(of course, always a question:-)
Any idea why my offset doesn't change when I use it to lower the TOC off the header?
It's been driving me nuts!!
Thank you buddy...
Update: I had the 'Stay in Column' option enabled - SOLVED! :-)
Ooo interesting. Yeah I wouldn't have gotten that one >_
Do you ever had the text overlapping in table of contents? I tried to change the line height but no avail. Any tips?
I am trying to use the element as a list at the top of a listicle post I did. My list contents are H3s and I need to know how to use the container setting in this plugin. Please explain so only the H3 headings I want to show up actually show up. Thanks
If I use a sticky header, the heading I choose in the table of contents disappears behind the header. How can I prevent this?
If you are trying to exclude titles from TOC do it this way:
give the title, you want to exclude the CSS class "ignore" (click the title, settings, layout)
go to the settings from TOC (content, exclude, Anchors by selector) and type in ".ignore" (don't forget about the .)
much better way then to search for the ID
cheers
Would you please let me know if you created that TOC with a free Elementor or if you need to upgrade to the PRO version?
Hi, what record software do you use for the tutorial video...
Ecamm Live
Hey! I’m not trying to be mean or anything I’m just curious on how you got that purple spot on your cheek? It’s been bugging me to know 😂 Love you Pete!
I don't like to talk about it...nah I'm just kidding. It's a birthmark I've had since I was born :)
thanks but I have a question this tips it's can help you for seo about featured snippet!???
It's definitely possible, esepcially since you can tag the TOC to be an H3 tag or something, but I don't have any specific data to prove anything like this. Probably doesn't hurt though ;)
Cant set it by container.
I have set html tag for main content as - main.
Then I spiecified it in the "INCLUDE" tab to have only headings from this part.
Headings do not load.
What's the reason?
Thanks man. You're a life savor.
#FreePalestine
How would you get the table of contents to stick in the screen? Currently mine is covering up the site title when I scroll down. Thanks
You'd need to make the element "sticky" (it's in the 3rd tab of settings somewhere. Do a TH-cam search for "Elementor sticky" or something). You might also have to play around with using a Z-index to make sure it goes over/under different elements of your site.
Thank you for the tuitorial. How do I make the table of contents pull from more than one page? I have a main blog post page and then I have tuitorials by category that I want to populate on my table of contents. 1. The table of contents is on a page called "blogs" then I have individual pages of DIY how to on pages like "Christmas" "Home Decor" "Outdoor" These are the main headings I want to show on my table of contents but they are on other pages on where my table appears. Help?!?!?!?!
Hi, how did you remove space between the border and the list from the left? I have a pretty big gap there, and I saw it in different videos and blogs too
I altered the "padding," my Lord. Pray I don't alter it any further (#fellowNerd!).
You might have to play around with WHERE you adjust the padding (the individual element padding, or the column padding). Note that the padding is found in the advanced tab when you're selecting the element (or column)
How do I open in a new page on click?
Is there a way to have it set to minimize for desktop?
Yup! It should be in those same settings I think? (where you can minimize for mobile?)
Just followed your instructions for excluding stuff from the table. it's not working.... it just spins for days
I you have a sticky to the top menu you are screwed! Because it does not have offset top! 😉
Dat lighting tho
Strong right? Getting better at least :)
nobody talks about mobile view, if use this widget as a sticky in bottom it is very awful, close and open only by clicking on icon, not possible centered only title (without centered a list). not closed after navigation etc.
at 2021 more than 70% of visitors from mobile.
Your overview on PC. Think about it.
"Wooden" widget, needs a lot of work.
I don't understand the rave reviews
Better solution? ;)