How To Create a Table of Contents in WordPress Posts and Pages Dynamically

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

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

50% 1

How to create a table of contents automatically in WordPress posts and pages dynamically. In fact, I'll show you how to add a table of contents in WordPress sidebars, or wherever you want it. In this WordPress tutorial, I'll show you how.
Table Of Contents
00:00 Blogs Using Table Of Contents
01:15 Why Add A Table Of Contents
02:03 The Elementor Table Of Contents
03:23 How To Add a Table Of Contents
08:41 Dynamically Add Table Of Contents
13:38 Sidebar Table Of Contents
16:27 The Shortcode Way
17:13 Wrap Up
EXCLUSIVE WORDPRESS DEALS 2023
🟡 SureCart -- www.wpcrafter.com/surecart (SAVE 50% Auto Applied)
🟡 SureMembers -- www.wpcrafter.com/suremembers (SAVE 50% Auto Applied)
🟡 Presto Player -- www.wpcrafter.com/prestoplayer (SAVE 33% Auto Applied)
🟡 Astra Theme -- www.wpcrafter.com/astra (SAVE 10% Coupon WPCRAFTER)
🟡 CartFlows -- www.wpcrafter.com/cartflows (SAVE 40% Auto Applied)
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 BuddyBoss -- www.wpcrafter.com/buddyboss (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Spectra -- www.wpcrafter.com/spectra
🟡 Elementor -- www.wpcrafter.com/elementor
🟡 Beaver Builder -- www.wpcrafter.com/beaverbuilder
🟡 Divi -- www.wpcrafter.com/divi (SAVE 20%)
BEST WORDPRESS HOSTING
🟡 Full List -- www.wpcrafter.com/hosting
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 Hostinger -- www.wpcrafter.com/hostinger (SAVE 75%)
🟡 NameHero -- www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround -- www.wpcrafter.com/siteground (SAVE 70%)
CONTACT WPCRAFTER
☑ Website -- www.wpcrafter.com
☑ Facebook Group -- / wpcrafter
☑ Twitter -- / wpcrafter
☑ Twitter -- / adampreiser
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link.

Хобби

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

2 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Excellent tutorial. Precisely what I needed to implement my TOC's. Thanks again!

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

As always, another useful video to helps us with our WP sites! Thanks ever so much for all your efforts, Adam!

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

Omg, your content is amazing, very structured. Very helpfull, thank you!

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

I like it. I have been using "Easy Table of Contents".

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

Another great content as always. Thanks

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

I was just thinking about this yesterday, thanks!

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

Awesome, my timing was right :-)

@bapisteful Год назад

Perfect, thank you :)

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

Very useful and time savings 👍

@cryptofluencyio 4 месяца назад

Adam, you are endlessly helpful. I got the Astra Pro/Spectra Pro duo and followed these same instructions and it has been fantastic for our site. Thanks for making things so clear and digestible.

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

Hi. Always great content. Thanks !

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

My pleasure!

@versatileduplicity9313 Год назад

6:14 yes, yes !!!! You’re the man !! This is exactly what I want bro !!!! That way, I could separate it by years, I see you and I have creative minds,

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

Yesss. I am the first commenter. Your content awsome, as always. Thank you, you share this knowledge Sir!

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

You rock!

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

Dear@@WPCrafter Adam, U too, Sir 🚀 Many simple people just didn't know how much effort to look after this technical wordpress things, I assume it takes 2-3 days...then write the script, then recording the video footage, then editing, end etc. literally: many many knowledge for FREE. And many people this didn't realise this it's a real VALUE (many many thousands dollars pure value) I bet, if You make this whole video contents a high ticket course (like 1000-2000$) many business man buy this knowledge, what you give the community for free. Greetings from Hungary my friend.

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

Awesome video tut Adam! I will have to try that version on a few client sites!

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

You totally should. It's the only one that does dynamic content like this.

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

Absolutely and I like the styling features a bit more than even that of EP's TOC. I wonder how they got a little content before then the TOC?

@versatileduplicity9313 Год назад

I may make it to wear I change the color of certain texts depending on the type of story. Green would be a good day, purple for excitement, red for hostility and anger, orange for mild, etc.

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

I watched the whole video but you didn't tell us how you made that highlighting effect of TOC on your website

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

i figured out an easy way to do it. I inserted a list, which can be added to as time goes on and I jump linked to that. Thanks for getting back to me though

@versatileduplicity9313 Год назад

0:21 yes !! That’s what I want the titles to do !!!

@KP-ky1sn Год назад

Could you possibly talk a bit about why a TOC might not align with contents. I.o.w when you click a heading link it does point but its 2 or 3 lines off the mark. This happens whether i the toc manually or use easy TOC

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

I was not able to see the short code. Do I need to install the theme as well ?

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

Hello Adam. When I choose the sidebar option in my Kadence. The sidebar is cutting though the top cover. And in your case the sidebar stops before the cover of the post. How can I have same as you do. Val

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

That's very odd, yea for me, it doesn't do that. Maybe open up a support ticket with them.

@versatileduplicity9313 Год назад

Could I put multiple table of contents on one page, like let’s say I want to separate my table of contents for journal, by the year.

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

I put the table of contents in sidebar (Above the side bar) using hooked elements, but in Mobile vile the TAble of contents goes below the content. Which I dont want, please give some solution to thius problem.

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

Another fast and helpful video, thanks. But to be honest, I can't stop wondering each time I watch any video of yours the button on your chrome extension (the one make other extensions collapsed). Wonder what was that extension 😉😅.

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

The name is Disable Extensions Temporarily. I use it so my videos are not cluttered. Enjoy :-)

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

@@WPCrafter You just made my day 🤗.

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

Thanks for another great video. I recently switched from Astra to Kadence after your videos and am happy with the change. Question...I would prefer not to pay for Kadence Pro at this time. If I add TOC block to each post now and later move to Pro with a hook, will I need to delete the manually added TOC in each post to avoid duplication?

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

Mind if I ask what you liked about Kadence more than Astra? Is it the features or the performance?

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

@@mvs6380 With Astra, I found myself using Elementor for a lot of items instead of the theme. I wasn't happy with the page speed results. With Kadence I seem to be getting better results. Just today, I replaced my Elementor header with Kadence that seemed more flexible than Astra and it made a big difference, so far.

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

@@jimhoward7771 Awesome. I looked more into the theme and has so many options. I’m going to use it on the new site, with Elementor and Mautic

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

Adam, you used to recommend Astra (not fan) and OceanWP (I run 1 with this) before. However recently you’ve been recommending Kadence. I want to create a new site and would you say Kadence is better than OceanWP (free versions)? Or if you have a video comparing the 2 would be great.

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

I have never recommended OceanWP nor ever made a video on OceanWP. I stopped using Astra around 14 months ago and haven't made a video on it since. Kadence beats both themes hands down. No competition. Right now Kadence is the most popular 3rd party theme in the WordPress theme directory and for good reason. So many people are switching to Kadence right now.

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

@@adampreiser my bad about oceanwp, must have confused with someone else. Thanks! I will give Kadence a go. Love your vids!

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

Table of contents in Kadence?! So I can get rid of the TOC plugin. Thank you Adam

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

Can you do one on how to track authors (track how many views an author generate)?

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

Thanks! Adam, did you make your sticky column layout with Elementor Pro?

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

I asked that too soon 😊 I see you cover that.

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

On my website, yes, Elementor Pro. I will be switching over to Kadence theme on WPCrafter very soon.

@Morteza-Shayegh 3 года назад

@@WPCrafter Hi Adam, I want to choose a theme for our Learn-dash based theme. Which one do you prefer? Astra pro or Kadence pro? Thanks for your advice in advance.

@ikhmalz88 Год назад

Hello, how to edit a blog post by using WordPress editor while still having Elementor. I have this kind of problem where when I try to edit using WordPress editor it show me a caution " Your current design, layout and content might break"

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

If I add it to my blog will it make me rank higher on Google?

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

Mine says I have to upgrade to the business plan to install plugins. Is it because of the theme I am using?

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

You are using WordPress.com which is sadly not the same WordPress that everyone else uses. We are using the self hosted WordPress that you would get from a web hosting company.

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

Menu bar disappeared from my pages and iam unable to fix it please provide me a solution

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

I want to create a sidebar TOC like yours, but I use another theme and I can not change to Kadence them. I do use the Kadence block plugin. however, my theme does not have hooked elements like Kadence. Some TOC plugins allow to put in the sidebar but their TOC design is bad, cannot compare to the Kadence TOC block. Can you show me a way to address this without using your Kadence them?

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

Sorry, I don't think you will be able to get what you want with your theme :-(