Exclusion of headings by CSS class

This is possible but only by adding a filter (PHP code).

Here’s a link to an actual filter you can use as reference to create your own.

• https://github.com/shazahm1/Easy-Table-of-Contents/blob/2.0.4/includes/inc.plugin-compatibility.php#L92-L105

You would change this line to suit

$selectors['elegant-themes-bloom'] = '.et_bloom_below_post';

Example:

$selectors['your-div-class-name'] = '.your-div-class';

I hope this helps!

Thanks.
Presuming .xxx is the class, is there any significance to the $selectors[‘xxx’] part? IOW, if I’m not using Elegant Themes, could I just add the class “et_bloom_below_post” to my div since it is already in the the plugin, and will mean nothing to my own theme? Or am I missing something? Thanks

You can ignore anything that mentions ET, the link was an example of such a filter to be used as a pattern for your own custom filter.

An example, presuming the .xxx class.

add_filter(
	'ez_toc_exclude_by_selector',
	function( $selectors ) {

		$selectors['my-xxx-class-filter'] = '.xxx';

		return $selectors;
	}
);

One more question. Does the h tag need to be a direct descendant of the class, or will it work for any descendant? Thanks

It should work for any descendant of the class.

The way it works is there is a HTML parser which “reads” the post looking for all selectors passed by the filter. The parser grabs the entire node and searched that node for any headings. When one is found it is added to the excluded headings list (like which can be set globally or per post) and then skips those when creating the TOC items.

Thanks. All working now.