SimpleTOC – Table of Contents Block vs Loops & Logic

Add a Table of Contents block to your posts and pages. The TOC is a nested list of links to all heading found in the post or page. To use it, simply add a block and search for “SimpleTOC” or just “TOC”. The maximum depth of the toc can be configured in in the blocks’ sidebar among many other options. There can hide the headline “Table of Contents” and add your own by using a normal heading block. Spin up a new WordPress instance with the SimpleTOC plugin already installed. User Feedback “It is lightweight, stable, and fully compatible with WordPress Full Site Editing. A reliable solution that integrates seamlessly and performs exactly as expected.” — @js100 on wordpress.org “Does the job perfectly, and adds no bloat.” — @clicknathan on wordpress.org “Simple yet powerful. Great plugin that does exactly what you need.” — @mixey on wordpress.org Accessibility This plugin is designed & developed for WCAG 2.2 level AA conformance. The plugin is tested with assistive technology and intended to be accessible, however some third party plugins or themes may affect the individual accessibility on a given website. If you find an accessibility issue, please let us know and we’ll try to address it promptly. Hidden TOCs use native and semantics without extra ARIA references that require custom IDs. Features Designed for Gutenberg. Zero configuration: Add the SimpleTOC block to your post and that’s it. Minimal and valid HTML output. Utilizes the browser’s built-in details tag for a collapsible interface. No JavaScript or CSS by default. Optional features such as the accordion menu, smooth scrolling, or box style add minimal assets only when enabled. Optional box style for the TOC with a default gray background. Style SimpleTOC with Gutenberg’s native group styling options. Inherits the style of your theme. Smooth scrolling effect using CSS. Accessibility built-in by following web standards. Optional ARIA Label and navigation role attributes. Translated in multiple languages. Including German, Japanese, Chinese (Taiwan), Dutch, Brazilian Portuguese, French, Spanish and Latvia. Ideal for creating a Frequently Asked Questions section on your website. Customization Administrators can utilize global settings to supersede the individual block settings. Add background and text color with Gutenberg groups. Native block support for wide and full width. Control the maximum depth of the headings. Choose between an ordered, bullet HTML list. Or indent the list. Enable a box style and choose a box color directly in the block sidebar. Select a heading level or turn it into a paragraph. Disable the h2 heading of the TOC block and add your own. Compatibility GeneratePress and Rank Math support. Works with popular AMP plugins. How to contribute SimpleTOC is open-source and developed on GitHub Pages. If you find a bug or have an idea for a feature please feel free to contribute and create a pull request. Credits Many thanks to Tom J Nowell and and Sally CJ who both helped me a lot with my questions over at wordpress.stackexchange.com And many more thanks to all the developers on GitHub who helped me making SimpleTOC what it is today! Thanks to Quintus Valerius Soranus for inventing the Table of Contents around 100 BC.

Facebook group | homepage| docs |official support forum Loops & Logic is a toolset that allows you to have extensive control over the display of WordPress content & data on your site’s frontend for when your theme or builder doesn’t have the options you need. This plugin gives you the power of custom PHP theme & builder module development using a simplified HTML-like syntax that will be familiar to any frontend developer. Support Please see the official plugin site and the documentation for a complete description of plugin features. Support & discussions can be found on our forum located here. Key Features Use HTML templates with dynamic tags like Loop, Field, and If Use theme location rules to apply custom templates to post types, taxonomies & more (similar to Beaver Themer or Elementor Theme Builder) Easily enqueue your CSS stylesheets and Javascript anywhere using a visual location rule builder Seamlessly write your CSS directly in SASS without worrying about compilation Create query loops of any content type, such as: posts, pages, custom post types, attachments, users, taxonomies and terms Display built-in and custom fields Build logic to display things based on certain conditions, for example: creating a menu, with some links only for logged-in users, or by user role Create custom shortcodes to display anything from a custom field to an entire dynamic-data driven web page Example Usage At the core of L&L is the ability to quickly and elegantly loop through WordPress data like in this example of displaying a list of links to the three most recent posts Accomplishing the same thing in PHP is a little more complex: 'post', 'posts_per_page' => 3, 'orderby' => 'date', 'order' => 'DESC', ); $query = new WP_Query( '$args' ); ?> have_posts() ) : ?> have_posts() ) : $query->the_post(); ?> "> It can be difficult to add PHP to your site if you’re not a backend developer, but L&L is a breeze to include, even in a page builder layout. Page builders like Gutenberg, Elementor, and Beaver Builder often have gaps in their capabilities that would normally require you to either develop a custom add-on or purchase a bloated add-on pack just to get the one element you need. L&L adds a template editor module directly to each builder so that you can simply describe what you want to display in L&L code and place it using the builder interface. You can even copy-paste your L&L code between page builders if you work with more than one! It’s like having your own page builder addon factory. Plugin & Theme Support Plugin Support: Loops & Logic works with the post types and custom fields added by most plugins, but plugins with special data structures like a custom tables or fields with data formats that need parsing require us to program explicit support. Bundled integrations: ✅ Advanced Custom Fields (ACF) L&L supports Advanced Custom Fields (ACF) field types in the core, allowing you to work with most of their field types out of the box! We also plan to support other WordPress custom field plugins such as Pods & Metabox in the future. Layout 1 Layout 2 ✅ Elementor Loops & Logic provides an Elementor widget that allows you to either write L&L code directly in the page builder widget or select from a pre-existing saved template. ✅ Gutenberg Loops & Logic provides a Gutenberg block that allows you to either write L&L code directly in the block builder block or select from a pre-existing saved template. ✅ Beaver Builder Loops & Logic provides a Beaver Builder module that allows you to either write L&L code directly in the page builder module or select from a pre-existing saved template. ✅ WP Grid Builder Loops & Logic provides a WP Grid Builder block that allows you to select from a pre-existing saved template to load in WP Grid Builder. ✅ WP Fusion The freely-included WP Fusion integration allows you to use conditional logic to protect or display different content based on a user’s tags. User has tag ID 123 User does not have tag. We’ll be rolling out premium addons for popular plugins in the coming months, so check out our website to see what’s available! Premium addons coming soon: WooCommerce Easy Digital Downloads Modern Tribe Events Calendar Gravity Forms LearnDash LifterLMS Theme Support: Everything will work with themes built according to WordPress standards.