Add CSS ID to container div

Hello, @nicoter !

Is this question actual?
In last version of plugin we added wrapper with ID to widget.

• This reply was modified 5 years, 5 months ago by LuckyWP.

I see no ID, I see only a class. Also with the latest version.

Maybe you mean the dynamic ID added to sidebar widgets?

But there’s no ID when adding the TOC by shortcode.

ID in wrapper of widget in sidebar, for example:

<aside id="lpwtoc_widget-6" class="widget widget_lpwtoc_widget">
	<div class="lwptoc lwptoc-autoWidth lwptoc-baseItems lwptoc-light lwptoc-notInherit">
		…
	</div>
</aside>

• This reply was modified 5 years, 5 months ago by LuckyWP.

That’s the dynamic ID added to sidebar widgets like I said in the last post. This is added by WordPress, but:

– different depending on the order of the widget, e.g. lpwtoc_widget-6 or lpwtoc_widget-3 or lpwtoc_widget-1

– not added when the TOC has been manually added to a page by shortcode

If we make ID to ToC, then it will also be dynamic. ID should be unique on page.

May be make option for set ID manually?

There’s no need for it to be unique on a page level. The body tag contains already a unique class per page/post, e.g. postid-3514. So if anybody wants to address the ID on a specific page he can do it by combining the unique class and static ID.

The ID should be static in the wrapper just like the lwptoc class is right now. It’s just needed because there’s other plugins which can only address elements with IDs, not classes.

But ToC may be several on one page and their ID should be different. So ID will have to do dynamic.

The lwptoc class is not dynamic as well. Why should the ID be?

If somebody needs to address a specific instance of the TOC, he can use the CSS selectors nth-child or nth-of-type.

Or you can add two ID’s, e.g.:

"lwptoc lwptoc-1"

Because ID should be unique: https://www.w3schools.com/html/html_id.asp

Thanks for the link, I wasn’t aware of this.

Well in this case you’re right, it should be unique for each instance of the TOC.

Since I typically have only one instance per page, this should be no problem to use the ID as a selector for other plugins. But it’s a little bit harder for you to implement it.