A full Elementor TABLE OF CONTENTS tutorial!

Подписаться 12 тыс.

Просмотров 16 тыс.

50% 1

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

Опубликовано:

2 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 58

@DoYouEvenBlog 4 года назад

Who is excited?? Drop comments if you have issues or questions!

@creativebrainly_ 3 года назад

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!

@Skullie1601 Год назад

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

@nathanielfernandez1249 Год назад

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?

@ChrisAlta 2 года назад

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?

@MarcBourbonnais1 3 года назад

Just followed your instructions for excluding stuff from the table. it's not working.... it just spins for days

@hendrik-frietsch 9 месяцев назад

If I use a sticky header, the heading I choose in the table of contents disappears behind the header. How can I prevent this?

@BneiAnusim 2 года назад

I you have a sticky to the top menu you are screwed! Because it does not have offset top! 😉

@MaxiKhan07 3 месяца назад

Thanks man. You're a life savor. #FreePalestine

@TheSavvyCouple 4 года назад

The Elementor wizard! I love watching you inside of Elementor. Super helpful Pete thanks brotha!

@DoYouEvenBlog 4 года назад

No problemo my dude!

@YS-je9cs 3 года назад

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

@DoYouEvenBlog 3 года назад

Better solution? ;)

@thepirate263 4 года назад

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?

@DoYouEvenBlog 4 года назад

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!)

@ShaileshShah99 3 года назад

@@DoYouEvenBlog I was facing the same issue. I set Z-index to 1 and problem solved. Thank you so much.

@andonisr 3 года назад

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! :-)

@DoYouEvenBlog 3 года назад

Ooo interesting. Yeah I wouldn't have gotten that one >_

@BaconFTW 4 года назад

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!

@DoYouEvenBlog 4 года назад

I don't like to talk about it...nah I'm just kidding. It's a birthmark I've had since I was born :)

@TheSavvyCouple 4 года назад

New office and lighting set up looks great!

@danielacordeiro2005 2 года назад

How do I open in a new page on click?

@rafaelluge8819 3 года назад

Hi, what record software do you use for the tutorial video...

@DoYouEvenBlog 3 года назад

Ecamm Live

@rodrigopinheiro2904 11 месяцев назад

Such a great video!! Thank you very much for the info, that was EXACTLY what i was looking for!. Gained a sub :)

@damiaoherrera 4 года назад

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?

@sheldonnaicker2385 2 года назад

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.

@deryasmagicaljourney9537 2 года назад

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?

@ashleyaaron6765 3 года назад

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

@cindiowens4885 3 года назад

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?!?!?!?!

@NewsCafeTV 4 года назад

Thanks man you save my time 👍

@tommyschilb10 3 года назад

Awesome video! Question: how do you get that nice greyish background outside the page? I assume it’s not too hard

@ariela_ Год назад

Do you ever had the text overlapping in table of contents? I tried to change the line height but no avail. Any tips?

@creativebrainly_ 3 года назад

you just saved my life lol thanks a lot

@DoYouEvenBlog 3 года назад

I doubt it, but you’re welcome none the less ;)

@anishapaul7915 4 года назад

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?

@Thejubeabides24 3 года назад

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

@DoYouEvenBlog 3 года назад

You'd need to make the element "sticky" (it's in the 3rd tab of settings somewhere. Do a RU-vid 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.

@political_zen 2 года назад

Hi Pete, great tutorial video! Thanks.

@job101a 4 года назад

thanks but I have a question this tips it's can help you for seo about featured snippet!???

@DoYouEvenBlog 4 года назад

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 ;)

@TheCourseConsultant 4 года назад

So helpful! I love this. :)

@DoYouEvenBlog 4 года назад

Aw thank you Melody!

@darthvader777 4 года назад

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

@DoYouEvenBlog 4 года назад

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)